/* =====================================================================
2026.96 — Unified Woo nav and utility forms
===================================================================== */
body.woocommerce-page #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
width: min(1460px, calc(100vw - 64px)) !important;
max-width: 1460px !important;
margin-bottom: 18px !important;
}
/* ============================================================
* 2026.167 — Shop hero AJAX cart, carousel motion and card polish
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
justify-content: center !important;
padding: 74px 0 50px 48px !important;
}
.shop-hero-proof-2026 {
gap: 11px !important;
padding: 7px 0 9px !important;
margin: 0 !important;
}
.shop-hero-proof-item-2026 {
gap: 5px !important;
min-height: 17px !important;
font-size: 8.9px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
color: rgba(49,64,95,.56) !important;
}
.shop-hero-proof-item-2026 span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
.shop-hero-proof-item-2026 svg {
width: 16px !important;
height: 16px !important;
stroke-width: 1.7 !important;
}
.shop-hero-proof-item-2026--stock::before {
width: 7px !important;
height: 7px !important;
box-shadow: 0 0 0 4px rgba(34,197,94,.11) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: grid !important;
grid-template-columns: max-content max-content !important;
align-items: center !important;
justify-content: start !important;
justify-items: start !important;
gap: 14px 10px !important;
width: min(440px, 100%) !important;
max-width: 440px !important;
margin-top: 25px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
grid-column: 1 !important;
grid-row: 1 !important;
}
.shop-hero-proof-2026 {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-row: 2 !important;
margin-top: 0 !important;
align-self: start !important;
justify-self: start !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
grid-column: 1 !important;
position: static !important;
left: auto !important;
right: auto !important;
inset: auto !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-column: 2 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading {
pointer-events: none !important;
filter: saturate(1.06) brightness(1.04) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026 > svg,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading > svg {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026::before,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
border-radius: 999px !important;
border: 2px solid rgba(255,255,255,.46) !important;
border-top-color: #fff !important;
animation: shopButtonSpin2026 .72s linear infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-added-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.added {
background: linear-gradient(135deg, #16a970, #20c997) !important;
box-shadow: 0 16px 30px -18px rgba(22,169,112,.48), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.woocommerce-page #content .shop-hero-actions-2026 .shop-cart-feedback-2026 {
grid-column: 1 / -1 !important;
font-size: 10.5px !important;
font-weight: 720 !important;
color: #0b79e8 !important;
}
.shop-add-fly-2026--hero {
width: 78px !important;
height: 78px !important;
padding: 9px !important;
border-radius: 22px !important;
box-shadow: 0 30px 70px -28px rgba(0,89,248,.54), inset 0 1px 0 rgba(255,255,255,.82) !important;
transition: transform .92s cubic-bezier(.17,.78,.22,1), opacity .92s ease, border-radius .92s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026 {
transition: opacity .62s ease !important;
transform: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-entering .shop-hero-landing-content {
animation: shopHeroCopySoftIn2026167 .62s cubic-bezier(.2,.78,.22,1) .16s both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving .shop-hero-landing-content,
body.woocommerce-page #content .shop-hero-slide-2026:not(.is-active) .shop-hero-landing-content {
opacity: 0 !important;
transform: translate3d(0, -6px, 0) !important;
transition: opacity .22s ease, transform .22s ease !important;
}
@keyframes shopHeroCopySoftIn2026167 {
0% { opacity: 0; transform: translate3d(0, 12px, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026,
body.woocommerce-page #content .shop-hero-side-printer-2026 {
transform-origin: center bottom !important;
transition: transform .62s cubic-bezier(.18,.82,.2,1), opacity .42s ease, filter .62s ease !important;
will-change: transform, opacity !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translate3d(0,-7px,0) scale(1.012) !important;
filter: drop-shadow(0 22px 34px rgba(10,40,120,.16)) saturate(1.06) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:focus-visible {
outline: 2px solid rgba(0,89,248,.34) !important;
outline-offset: 5px !important;
}
body.woocommerce-page #content .shop-hero-side-printer-2026:hover,
body.woocommerce-page #content .shop-hero-side-printer-2026:focus-visible {
filter: blur(.08px) saturate(1.03) drop-shadow(0 18px 28px rgba(10,40,120,.14)) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev:hover,
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev:focus-visible {
transform: translate3d(-3px, -18px, 0) scale(.81) rotate(0deg) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next:hover,
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next:focus-visible {
transform: translate3d(9px, -18px, 0) scale(.83) rotate(0deg) !important;
}
.shop-hero-slide-2026--product.is-leaving .shop-hero-side-printer-2026 {
opacity: 0 !important;
transition-duration: .18s !important;
}
.shop-hero-slide-2026--product.is-entering .shop-hero-side-printer-2026 {
animation: shopHeroSideSettle2026167 .9s cubic-bezier(.18,.82,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
@keyframes shopHeroCarouselCenterFromRight2026167 {
0% { opacity: .42; transform: translate3d(235px, 36px, 0) scale(.62); filter: blur(.8px) saturate(.9); }
72% { opacity: 1; transform: translate3d(-9px, -2px, 0) scale(1.012); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroCarouselCenterToLeft2026167 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
100% { opacity: .32; transform: translate3d(-250px, 40px, 0) scale(.58); filter: blur(1px) saturate(.88); }
}
@keyframes shopHeroCarouselCenterFromLeft2026167 {
0% { opacity: .42; transform: translate3d(-235px, 36px, 0) scale(.62); filter: blur(.8px) saturate(.9); }
72% { opacity: 1; transform: translate3d(9px, -2px, 0) scale(1.012); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroCarouselCenterToRight2026167 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
100% { opacity: .32; transform: translate3d(250px, 40px, 0) scale(.58); filter: blur(1px) saturate(.88); }
}
@keyframes shopHeroSideSettle2026167 {
0% { opacity: 0; transform: translate3d(0, 16px, 0) scale(.68) rotate(0deg); }
100% { opacity: 1; }
}
}
body.single-product .shop-entry-2026 .related ul.products li.product span.onsale,
body.single-product .shop-entry-2026 .up-sells ul.products li.product span.onsale {
position: absolute !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
z-index: 8 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
height: 24px !important;
min-height: 24px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #ff4f75, #ff8a32) !important;
box-shadow: 0 12px 22px -15px rgba(255,79,117,.54) !important;
font-size: 0 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
transform: none !important;
white-space: nowrap !important;
}
body.single-product .shop-entry-2026 .related ul.products li.product span.onsale::before,
body.single-product .shop-entry-2026 .up-sells ul.products li.product span.onsale::before {
content: "Скидка" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
font-size: 9.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
/* =====================================================================
2026.316 — Live polish: admin bar search, delivery methods, favorites
===================================================================== */
#wpadminbar a.button,
#wpadminbar a.button.primary,
#wpadminbar a.button.primary.small,
#wpadminbar .ab-item.button,
#wpadminbar .ab-item.button.primary {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 32px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 10px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #f0f0f1 !important;
font: 400 13px/32px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
letter-spacing: 0 !important;
text-shadow: none !important;
text-transform: none !important;
filter: none !important;
transform: none !important;
transition: background .12s ease, color .12s ease !important;
}
#wpadminbar a.button:hover,
#wpadminbar a.button.primary:hover,
#wpadminbar a.button.primary.small:hover,
#wpadminbar .ab-item.button:hover,
#wpadminbar .ab-item.button.primary:hover,
#wpadminbar a.button:focus,
#wpadminbar a.button.primary:focus,
#wpadminbar a.button.primary.small:focus {
background: #2c3338 !important;
box-shadow: none !important;
color: #72aee6 !important;
filter: none !important;
transform: none !important;
}
#wpadminbar a.button span,
#wpadminbar a.button.primary span,
#wpadminbar a.button.primary.small span {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: inherit !important;
font: inherit !important;
letter-spacing: 0 !important;
line-height: inherit !important;
text-shadow: none !important;
}
#wpadminbar #adminbarsearch,
#wpadminbar #wp-admin-bar-search .ab-item {
box-sizing: border-box !important;
height: 32px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 6px !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
#wpadminbar #adminbarsearch input.adminbar-input,
#wpadminbar #adminbarsearch input[type="search"],
#wpadminbar input.adminbar-input {
box-sizing: border-box !important;
height: 24px !important;
min-height: 0 !important;
max-height: 24px !important;
margin: 4px 0 !important;
padding: 0 8px !important;
border: 1px solid rgba(240, 246, 252, .16) !important;
border-radius: 4px !important;
background: #1d2327 !important;
box-shadow: none !important;
color: #f0f0f1 !important;
font: 400 13px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
letter-spacing: 0 !important;
outline: none !important;
text-shadow: none !important;
transform: none !important;
}
#wpadminbar #adminbarsearch input.adminbar-input:focus,
#wpadminbar #adminbarsearch input[type="search"]:focus,
#wpadminbar input.adminbar-input:focus {
border-color: #72aee6 !important;
background: #111517 !important;
box-shadow: 0 0 0 1px #72aee6 !important;
}
.info-delivery-methods-2026 {
box-sizing: border-box;
margin: 26px 0 0;
padding: clamp(22px, 2.8vw, 30px);
border-radius: 22px;
background: linear-gradient(135deg, #f7fbff 0%, #fff 72%);
border: 1px solid rgba(0, 89, 248, .08);
box-shadow: 0 18px 42px -34px rgba(10, 40, 120, .28);
}
.info-delivery-methods-head-2026 {
display: grid;
gap: 10px;
margin-bottom: 16px;
}
.info-delivery-methods-head-2026 h2 {
margin: 0 !important;
font-size: clamp(22px, 2.2vw, 30px) !important;
line-height: 1.16 !important;
}
.info-delivery-methods-grid-2026 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.info-delivery-method-2026 {
box-sizing: border-box;
display: grid;
gap: 8px;
align-content: start;
min-width: 0;
padding: 16px;
border-radius: 18px;
background: #fff;
border: 1px solid rgba(0, 89, 248, .08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
.info-delivery-method-2026 > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 14px;
background: rgba(0, 89, 248, .08);
color: #0059f8;
}
.info-delivery-method-2026 strong {
color: #101a4a;
font-size: 15px;
line-height: 1.25;
font-weight: 900;
}
.info-delivery-method-2026 p {
margin: 0 !important;
color: #516078;
font-size: 13px;
line-height: 1.55;
}
body.single-product .summary .dreams-favorite-entry-2026 {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
clear: both !important;
width: 100% !important;
margin: 12px 0 16px !important;
}
body.single-product .summary .dreams-favorite-toggle-2026 {
box-sizing: border-box;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 46px;
max-width: 100%;
padding: 0 18px !important;
border: 1px solid rgba(250, 48, 118, .24) !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fff 0%, #fff8fb 100%) !important;
box-shadow: 0 16px 30px -24px rgba(250, 48, 118, .42), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
color: #17223b !important;
font-size: 13.5px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-shadow: none !important;
cursor: pointer;
transition: transform .22s var(--ease, ease), border-color .22s var(--ease, ease), box-shadow .22s var(--ease, ease), background .22s var(--ease, ease), color .22s var(--ease, ease);
}
body.single-product .summary .dreams-favorite-toggle-2026:hover {
transform: translateY(-1px);
border-color: rgba(250, 48, 118, .38) !important;
box-shadow: 0 18px 34px -23px rgba(250, 48, 118, .5), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
body.single-product .summary .dreams-favorite-toggle-2026:focus-visible {
outline: 3px solid rgba(0, 89, 248, .22);
outline-offset: 3px;
}
body.single-product .summary .dreams-favorite-toggle-icon-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
color: #fa3076;
transition: transform .22s var(--ease, ease), color .22s var(--ease, ease);
}
body.single-product .summary .dreams-favorite-toggle-2026.is-active {
border-color: rgba(250, 48, 118, .4) !important;
background: linear-gradient(135deg, #fff2f7 0%, #fff 70%) !important;
color: #101a4a !important;
}
body.single-product .summary .dreams-favorite-toggle-2026.is-active .dreams-favorite-toggle-icon-2026 svg {
fill: currentColor;
}
body.single-product .summary .dreams-favorite-toggle-2026.is-pulsing .dreams-favorite-toggle-icon-2026 {
animation: dreamsFavoritePulse2026 .42s cubic-bezier(.34, 1.56, .64, 1) both;
}
@keyframes dreamsFavoritePulse2026 {
0% { transform: scale(1); }
45% { transform: scale(1.18); }
100% { transform: scale(1); }
}
@media (max-width: 760px) {
.info-delivery-methods-grid-2026 { grid-template-columns: 1fr; }
body.single-product .summary .dreams-favorite-entry-2026 { margin-top: 10px !important; }
body.single-product .summary .dreams-favorite-toggle-2026 { width: 100%; }
}
/* 2026.315 - calm equal states in printer comparison. */
.dreams-compare-insight-2026.is-equal {
border-color: rgba(82, 97, 125, .14) !important;
background: linear-gradient(135deg, #fff 0%, #f8fbff 100%) !important;
box-shadow: 0 18px 44px -38px rgba(20, 30, 52, .24) !important;
}
.dreams-compare-insight-2026.is-equal > span {
background: rgba(82, 97, 125, .1) !important;
color: #52617d !important;
}
.dreams-compare-insight-2026.is-equal strong {
color: #26344f !important;
}
.dreams-compare-insight-2026.is-equal small {
color: #6a748a !important;
}
.dreams-compare-row-2026.is-same > span {
background: #fbfcff !important;
color: #52617d !important;
}
.dreams-compare-row-2026 > div.is-same {
background: linear-gradient(135deg, rgba(82, 97, 125, .065), rgba(255, 255, 255, .96)) !important;
}
.dreams-compare-row-2026 > div.is-same strong {
color: #3b4760 !important;
font-weight: 850 !important;
}
.dreams-compare-row-2026 > div.is-same small {
background: rgba(82, 97, 125, .1) !important;
color: #52617d !important;
}
/* ============================================================
* 2026.314 — English home media/news parity
* ============================================================ */
.d2026-en-media-grid {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
gap: 26px;
align-items: start;
}
.d2026-en-video-panel h3,
.d2026-en-news-panel h3 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.2;
letter-spacing: 0;
color: #202734;
}
.d2026-en-video-panel p,
.d2026-en-news-item p {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.65;
color: #5d6675;
}
.d2026-en-video-embed {
position: relative !important;
width: 100% !important;
height: 0 !important;
padding-bottom: 56.25% !important;
overflow: hidden;
border-radius: 8px;
background: #111820;
box-shadow: 0 20px 44px -32px rgba(20, 31, 45, .55);
}
.d2026-en-video-embed iframe {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
border: 0;
}
.d2026-en-news-panel {
display: grid;
gap: 16px;
}
.d2026-en-news-item {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 14px;
align-items: start;
padding-bottom: 16px;
border-bottom: 1px solid rgba(35, 43, 55, .1);
}
.d2026-en-news-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.d2026-en-news-thumb {
display: block;
aspect-ratio: 4 / 3;
border-radius: 8px;
overflow: hidden;
background: #eef2f6;
}
.d2026-en-news-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.d2026-en-news-item h4 {
margin: 0 0 7px;
font-size: 16px;
line-height: 1.3;
letter-spacing: 0;
color: #202734;
}
.d2026-en-news-item h4 a {
color: inherit;
text-decoration: none;
}
.d2026-en-news-item h4 a:hover {
color: #d44a32;
}
.d2026-en-home-seo {
margin-top: 30px;
}
@media (max-width: 760px) {
.d2026-en-media-grid,
.d2026-en-news-item {
grid-template-columns: 1fr;
}
.d2026-en-news-thumb {
max-width: 220px;
}
}
/* ============================================================
* 2026.314 — Shared language switcher order
* ============================================================ */
#languages a.d2026-lang-ru-small,
#languages a.d2026-lang-ru-small:visited {
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
vertical-align: middle;
}
#languages a.d2026-lang-ru-small:hover {
transform: translateY(-2px) scale(1.08);
}
.d2026-mobile-lang-code--small {
font-size: 10px;
font-weight: 800;
letter-spacing: 0;
}
/* ============================================================
* 2026.312 — English shared-layout printer catalog
* ============================================================ */
#content .d2026-en-printer-catalog .d2026-home-printers {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 0 !important;
padding: 0 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-card {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) !important;
gap: 16px !important;
min-height: 210px !important;
padding: 18px !important;
box-sizing: border-box !important;
border-radius: 22px !important;
background: rgba(255,255,255,.97) !important;
border: 1px solid rgba(13,33,82,.08) !important;
box-shadow: 0 22px 54px -38px rgba(0,36,110,.36), inset 0 1px 0 rgba(255,255,255,.95) !important;
overflow: hidden !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 170px !important;
text-decoration: none !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-image img {
display: block !important;
width: 150% !important;
height: 185px !important;
max-width: none !important;
object-fit: contain !important;
filter: drop-shadow(0 18px 18px rgba(20,44,90,.16)) !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-badge {
position: absolute !important;
z-index: 3 !important;
left: 14px !important;
top: 14px !important;
display: inline-flex !important;
align-items: center !important;
min-height: 24px !important;
padding: 0 10px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #ff9b20, #ff6d2a) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 860 !important;
line-height: 1 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-body {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
min-width: 0 !important;
padding: 4px 54px 54px 0 !important;
gap: 7px !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-body h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 17px !important;
font-weight: 850 !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-body h3 a {
color: #101a4a !important;
text-decoration: none !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-type {
color: #7a8498 !important;
font-size: 11px !important;
font-weight: 730 !important;
line-height: 1 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-price {
color: #081640 !important;
font-size: 19px !important;
font-weight: 900 !important;
line-height: 1.08 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-stock {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: #19a86c !important;
font-size: 11px !important;
font-weight: 780 !important;
line-height: 1.1 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-stock::before {
content: "" !important;
width: 6px !important;
height: 6px !important;
border-radius: 999px !important;
background: currentColor !important;
box-shadow: 0 0 0 3px rgba(25,168,108,.1) !important;
}
#content .d2026-en-printer-catalog .d2026-en-printer-note {
margin: 4px 0 0 !important;
color: #4d5975 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-cart {
position: absolute !important;
right: 18px !important;
bottom: 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #0059f8, #0b8dff) !important;
box-shadow: 0 16px 28px -17px rgba(0,89,248,.62), inset 0 1px 0 rgba(255,255,255,.24) !important;
color: #fff !important;
text-decoration: none !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-cart span { display: none !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-cart svg {
width: 18px !important;
height: 18px !important;
stroke-width: 1.9 !important;
}
@media (max-width: 900px) {
#content .d2026-en-printer-catalog .d2026-home-printers { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
#content .d2026-en-printer-catalog .d2026-home-printer-card {
grid-template-columns: 128px minmax(0, 1fr) !important;
min-height: 188px !important;
padding: 14px !important;
gap: 10px !important;
}
#content .d2026-en-printer-catalog .d2026-home-printer-image { min-height: 145px !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-image img { height: 150px !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-body { padding-right: 46px !important; gap: 5px !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-body h3 { font-size: 14px !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-price { font-size: 16px !important; }
#content .d2026-en-printer-catalog .d2026-en-printer-note { display: none !important; }
#content .d2026-en-printer-catalog .d2026-home-printer-cart { right: 14px !important; bottom: 14px !important; width: 40px !important; height: 40px !important; }
}
/* v307 — UA desktop home/header polish. */
#primary-nav-menu.dreams2026-primary-fallback {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 12px;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
#primary-nav-menu.dreams2026-primary-fallback > li,
#primary-nav-menu.dreams2026-primary-fallback > li > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
}
#primary-nav-menu.dreams2026-primary-fallback > li > a {
min-height: 40px;
padding: 0 14px !important;
border-radius: 999px;
font-weight: 700;
letter-spacing: 0;
}
body.dreams-lang-ua.home #content .bd > .grid:not(.blurb) h2 img.icon,
body.dreams-lang-ua.page-template-home-thumb-slider-php #content .bd > .grid:not(.blurb) h2 img.icon,
body.dreams-lang-ua.page-template-home-coin-slider-php #content .bd > .grid:not(.blurb) h2 img.icon {
display: none !important;
}
body.dreams-lang-ua.home #content .folio-section .section-cta .button,
body.dreams-lang-ua.page-template-home-thumb-slider-php #content .folio-section .section-cta .button,
body.dreams-lang-ua.page-template-home-coin-slider-php #content .folio-section .section-cta .button {
text-transform: none !important;
}
/* ============================================================
* 2026.304 — Blog pagination, support mobile and category SEO
* ============================================================ */
body.blog #content .bd.archive-page-v2 .archive-pagination,
body.archive #content .bd.archive-page-v2 .archive-pagination,
body.search #content .bd.archive-page-v2 .archive-pagination {
display: flex !important;
justify-content: center !important;
margin: 34px auto 0 !important;
max-width: 820px !important;
width: 100% !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination,
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination ul,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination ul,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination ul {
align-items: center !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination li,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination li,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination li {
display: block !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination li::before,
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination li::after,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination li::before,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination li::after,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination li::before,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination li::after {
content: none !important;
display: none !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination a.button,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination a.button,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination a.button {
align-items: center !important;
background: rgba(255, 255, 255, .92) !important;
border: 1px solid rgba(0, 89, 248, .12) !important;
border-radius: 999px !important;
box-shadow: 0 14px 30px -24px rgba(0, 70, 190, .38), inset 0 1px 0 rgba(255, 255, 255, .88) !important;
box-sizing: border-box !important;
color: #52607a !important;
display: inline-flex !important;
font-size: 14px !important;
font-weight: 820 !important;
height: 42px !important;
justify-content: center !important;
letter-spacing: 0 !important;
line-height: 1 !important;
min-height: 42px !important;
min-width: 42px !important;
padding: 0 14px !important;
text-decoration: none !important;
text-transform: none !important;
transform: none !important;
width: auto !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination a.button.active,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination a.button.active,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination a.button.active,
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination a.button:hover,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination a.button:hover,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination a.button:hover {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border-color: transparent !important;
box-shadow: 0 16px 30px -20px rgba(0, 89, 248, .55), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
color: #fff !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination a.button > span,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination a.button > span,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination a.button > span {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: inherit !important;
display: inline !important;
font: inherit !important;
height: auto !important;
line-height: inherit !important;
min-height: 0 !important;
min-width: 0 !important;
padding: 0 !important;
width: auto !important;
}
body.page-id-16218 #content .standard-rich-content a {
overflow-wrap: anywhere;
}
@media (max-width: 760px) {
body.blog #content .bd.archive-page-v2 .archive-pagination,
body.archive #content .bd.archive-page-v2 .archive-pagination,
body.search #content .bd.archive-page-v2 .archive-pagination {
margin: 20px auto 0 !important;
padding: 0 4px 8px !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination,
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination ul,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination ul,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination ul {
gap: 8px !important;
width: 100% !important;
}
body.blog #content .bd.archive-page-v2 .archive-pagination .pagination a.button,
body.archive #content .bd.archive-page-v2 .archive-pagination .pagination a.button,
body.search #content .bd.archive-page-v2 .archive-pagination .pagination a.button {
font-size: 13px !important;
height: 38px !important;
min-height: 38px !important;
min-width: 38px !important;
padding: 0 13px !important;
}
body.page-id-16218 #content .standard-compact-head {
padding: 20px 14px 4px !important;
}
body.page-id-16218 #content .standard-compact-head h1 {
font-size: 31px !important;
line-height: 1.06 !important;
max-width: 350px !important;
}
body.page-id-16218 #content .standard-service-nav-strip .prices-pillnav {
border-radius: 22px !important;
grid-template-columns: 1fr !important;
margin: 0 14px !important;
padding: 10px !important;
}
body.page-id-16218 #content .standard-service-nav-strip .prices-pillnav-list {
display: grid !important;
gap: 8px !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
}
body.page-id-16218 #content .standard-service-nav-strip .prices-pillnav-list a {
justify-content: flex-start !important;
min-height: 44px !important;
padding: 0 12px !important;
white-space: normal !important;
}
body.page-id-16218 #content .standard-service-nav-strip .prices-pillnav-cta {
min-height: 46px !important;
width: 100% !important;
}
body.page-id-16218 #content .bd.standard-page-v2 {
width: 100% !important;
}
body.page-id-16218 #content .standard-content-layout {
border-radius: 20px !important;
margin: 0 10px 34px !important;
padding: 22px !important;
width: auto !important;
}
body.page-id-16218 #content .standard-rich-content h2 {
font-size: 27px !important;
line-height: 1.08 !important;
margin-bottom: 14px !important;
}
body.page-id-16218 #content .standard-rich-content h3 {
font-size: 22px !important;
line-height: 1.16 !important;
margin-top: 26px !important;
}
body.page-id-16218 #content .standard-rich-content p,
body.page-id-16218 #content .standard-rich-content li {
font-size: 16px !important;
line-height: 1.58 !important;
}
body.page-id-16218 #content .standard-rich-content img {
display: block !important;
height: auto !important;
margin: 16px auto !important;
max-width: min(100%, 210px) !important;
}
body.page-id-16218 #content .standard-rich-content a.button,
body.page-id-16218 #content .standard-rich-content .button,
body.page-id-16218 #content .standard-rich-content a[href*="download"],
body.page-id-16218 #content .standard-rich-content a[href*="ремонт"] {
box-sizing: border-box !important;
display: inline-flex !important;
justify-content: center !important;
max-width: 100% !important;
min-height: 44px !important;
padding: 12px 16px !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
}
body.page-id-16218 #content .standard-rich-content input,
body.page-id-16218 #content .standard-rich-content select,
body.page-id-16218 #content .standard-rich-content textarea {
box-sizing: border-box !important;
max-width: 100% !important;
}
}
.shop-category-seo-2026 {
box-sizing: border-box;
max-width: 1120px;
margin: 34px auto 48px;
padding: clamp(24px, 3vw, 36px);
border: 1px solid rgba(0, 89, 248, .10);
border-radius: 24px;
background:
linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 251, 255, .98)),
radial-gradient(580px 220px at 10% 0%, rgba(0, 190, 246, .10), transparent 70%);
box-shadow: 0 24px 58px -42px rgba(0, 70, 190, .34), inset 0 1px 0 rgba(255, 255, 255, .90);
color: #4d5a75;
font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.shop-category-seo-2026__eyebrow {
display: inline-flex;
align-items: center;
min-height: 26px;
margin: 0 0 12px;
padding: 0 11px;
border-radius: 999px;
background: rgba(0, 190, 246, .12);
color: #0068f5;
font-size: 11px;
font-weight: 900;
letter-spacing: .06em;
line-height: 1;
text-transform: uppercase;
}
.shop-category-seo-2026 h2 {
max-width: 760px;
margin: 0 0 14px !important;
color: #0a1633 !important;
font-size: clamp(24px, 2.4vw, 32px) !important;
font-weight: 900 !important;
line-height: 1.14 !important;
letter-spacing: 0 !important;
}
.shop-category-seo-2026 p {
max-width: 900px;
margin: 0 !important;
color: #4d5a75 !important;
font-size: 14.8px !important;
font-weight: 560;
line-height: 1.72 !important;
}
.shop-category-seo-2026 p + p {
margin-top: 12px !important;
}
@media (max-width: 760px) {
.shop-category-seo-2026 {
margin: 24px 12px 38px;
padding: 22px 20px;
border-radius: 20px;
}
.shop-category-seo-2026 h2 {
font-size: 23px !important;
}
.shop-category-seo-2026 p {
font-size: 13.8px !important;
line-height: 1.66 !important;
}
}
/* =====================================================================
v300 — 3Dreams printer compare experience
===================================================================== */
body.single-product .dreams-compare-entry-2026 {
box-sizing: border-box;
display: grid;
grid-template-columns: 44px minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
width: 100%;
margin: 0 0 18px;
padding: 16px;
border-radius: 22px;
background: linear-gradient(135deg, rgba(0, 108, 255, .08), rgba(37, 211, 161, .08) 52%, rgba(255, 112, 67, .08));
border: 1px solid rgba(0, 108, 255, .12);
box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 18px 36px -34px rgba(10,40,120,.34);
clear: both;
}
body.single-product .dreams-compare-entry-2026.is-active {
border-color: rgba(37, 174, 124, .32);
background: linear-gradient(135deg, rgba(37, 211, 161, .12), rgba(0, 108, 255, .07));
}
.dreams-compare-entry-icon-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 16px;
background: #fff;
color: #006cff;
box-shadow: 0 14px 26px -20px rgba(0, 108, 255, .45);
}
.dreams-compare-entry-copy-2026 {
min-width: 0;
}
.dreams-compare-entry-kicker-2026 {
display: block;
margin: 0 0 4px;
color: #00a87c;
font-size: 11px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
text-transform: uppercase;
}
body.single-product .dreams-compare-entry-copy-2026 h2 {
margin: 0 0 4px !important;
color: #101a4a !important;
font-size: 17px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
}
.dreams-compare-entry-copy-2026 p {
margin: 0;
color: #516078;
font-size: 13px;
line-height: 1.45;
}
.dreams-compare-entry-actions-2026 {
display: inline-flex;
align-items: center;
gap: 9px;
white-space: nowrap;
}
.dreams-compare-toggle-2026,
.dreams-compare-open-2026,
.dreams-compare-tray-open-2026,
.dreams-compare-catalog-2026,
.dreams-compare-model-link-2026 {
box-sizing: border-box;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 999px;
text-decoration: none !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-weight: 900;
line-height: 1;
cursor: pointer;
transition: transform .24s var(--ease, ease), box-shadow .24s var(--ease, ease), background .24s var(--ease, ease), color .24s var(--ease, ease);
}
.dreams-compare-toggle-2026 {
gap: 8px;
min-width: 128px;
padding: 0 18px;
border: 0 !important;
background: linear-gradient(135deg, #006cff, #00b6e8) !important;
color: #fff !important;
font-size: 13px !important;
box-shadow: 0 16px 30px -18px rgba(0, 108, 255, .62) !important;
}
.dreams-compare-toggle-2026:hover,
.dreams-compare-open-2026:hover,
.dreams-compare-tray-open-2026:hover,
.dreams-compare-catalog-2026:hover,
.dreams-compare-model-link-2026:hover {
transform: translateY(-2px);
}
.dreams-compare-toggle-2026.is-active {
background: linear-gradient(135deg, #19bf88, #00a87c) !important;
box-shadow: 0 16px 30px -18px rgba(25, 191, 136, .62) !important;
}
.dreams-compare-toggle-icon-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
}
.dreams-compare-open-2026,
.dreams-compare-catalog-2026,
.dreams-compare-model-link-2026 {
padding: 0 16px;
border: 1px solid rgba(0, 108, 255, .14);
background: #fff !important;
color: #006cff !important;
font-size: 13px !important;
box-shadow: none !important;
}
.dreams-compare-tray-2026 {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 99980;
display: grid;
grid-template-columns: auto minmax(96px, 1fr) auto auto;
gap: 12px;
align-items: center;
width: min(520px, calc(100vw - 44px));
padding: 12px;
border-radius: 24px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(0, 108, 255, .12);
box-shadow: 0 26px 72px -36px rgba(10,40,120,.46);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
transform: translateY(18px) scale(.98);
opacity: 0;
pointer-events: none;
transition: transform .28s var(--ease, ease), opacity .28s var(--ease, ease);
}
.dreams-compare-tray-2026.is-visible {
transform: translateY(0) scale(1);
opacity: 1;
pointer-events: auto;
}
.dreams-compare-tray-count-2026 {
display: grid;
gap: 1px;
min-width: 72px;
color: #101a4a;
}
.dreams-compare-tray-count-2026 strong {
font-size: 24px;
line-height: 1;
font-weight: 950;
}
.dreams-compare-tray-count-2026 span {
color: #6a748a;
font-size: 11px;
line-height: 1.1;
font-weight: 800;
}
.dreams-compare-tray-items-2026 {
display: flex;
align-items: center;
min-width: 0;
}
.dreams-compare-tray-thumb-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-left: -8px;
border-radius: 14px;
background: #f7fbff;
border: 2px solid #fff;
box-shadow: 0 12px 24px -20px rgba(10,40,120,.4);
overflow: hidden;
}
.dreams-compare-tray-thumb-2026:first-child { margin-left: 0; }
.dreams-compare-tray-thumb-2026 img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dreams-compare-tray-open-2026 {
min-height: 42px;
padding: 0 18px;
background: #111b4d !important;
color: #fff !important;
font-size: 13px;
box-shadow: 0 16px 32px -20px rgba(17,27,77,.55);
}
.dreams-compare-tray-clear-2026,
.dreams-compare-model-remove-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding: 0;
border: 0;
border-radius: 50%;
background: #f4f7fb;
color: #60708a;
cursor: pointer;
}
.dreams-compare-toast-2026 {
position: fixed;
right: 24px;
bottom: 104px;
z-index: 99981;
max-width: min(360px, calc(100vw - 48px));
padding: 12px 16px;
border-radius: 999px;
background: #101a4a;
color: #fff;
font-size: 13px;
line-height: 1.25;
font-weight: 850;
box-shadow: 0 18px 40px -24px rgba(10,40,120,.6);
transform: translateY(10px);
opacity: 0;
pointer-events: none;
transition: transform .22s var(--ease, ease), opacity .22s var(--ease, ease);
}
.dreams-compare-toast-2026.is-visible {
transform: translateY(0);
opacity: 1;
}
body.dreams-compare-printers-page {
background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 56%, #f8fbff 100%);
}
body.dreams-compare-printers-page #page,
body.dreams-compare-printers-page #content {
width: 100% !important;
max-width: none !important;
overflow: visible !important;
}
body.dreams-compare-printers-page #content {
box-sizing: border-box;
padding-bottom: 64px;
}
.dreams-compare-page-2026 {
box-sizing: border-box;
width: min(1460px, calc(100vw - 44px));
margin: 0 auto 68px;
color: #101a4a;
}
.dreams-compare-hero-2026 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
gap: 24px;
align-items: stretch;
margin: 10px 0 18px;
padding: 30px;
border-radius: 30px;
background: linear-gradient(135deg, #ffffff, #eef7ff 52%, #fff7f1);
border: 1px solid rgba(0, 108, 255, .1);
box-shadow: 0 26px 72px -48px rgba(10,40,120,.32);
}
.dreams-compare-eyebrow-2026 {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 28px;
margin: 0 0 14px;
padding: 0 12px;
border-radius: 999px;
background: rgba(0, 108, 255, .09);
color: #006cff;
font-size: 12px;
line-height: 1;
font-weight: 900;
letter-spacing: 0;
}
.dreams-compare-hero-copy-2026 h1 {
margin: 0 0 12px !important;
color: #101a4a !important;
font-size: 42px !important;
line-height: 1.05 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
.dreams-compare-hero-copy-2026 p {
max-width: 760px;
margin: 0;
color: #516078;
font-size: 16px;
line-height: 1.65;
}
.dreams-compare-hero-panel-2026 {
display: grid;
align-content: center;
justify-items: start;
gap: 10px;
min-height: 180px;
padding: 24px;
border-radius: 24px;
background: #101a4a;
color: #fff;
overflow: hidden;
position: relative;
}
.dreams-compare-hero-panel-2026 span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 16px;
background: rgba(255,255,255,.12);
color: #69e4c1;
}
.dreams-compare-hero-panel-2026 strong {
font-size: 54px;
line-height: .95;
font-weight: 950;
}
.dreams-compare-hero-panel-2026 em {
color: rgba(255,255,255,.72);
font-size: 14px;
line-height: 1.35;
font-style: normal;
font-weight: 800;
}
.dreams-compare-toolbar-2026 {
display: grid;
grid-template-columns: minmax(260px, 1fr) auto auto;
gap: 12px;
align-items: end;
margin: 0 0 16px;
padding: 14px;
border-radius: 22px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(0, 108, 255, .1);
box-shadow: 0 18px 44px -36px rgba(10,40,120,.28);
}
.dreams-compare-picker-2026 {
display: grid;
gap: 6px;
}
.dreams-compare-picker-2026 label {
color: #60708a;
font-size: 12px;
font-weight: 900;
}
.dreams-compare-picker-2026 select {
box-sizing: border-box;
width: 100%;
min-height: 48px;
padding: 0 16px;
border-radius: 16px;
border: 1px solid rgba(0, 108, 255, .14);
background: #fff;
color: #101a4a;
font-size: 14px;
font-weight: 800;
}
.dreams-compare-diff-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 48px;
padding: 0 16px;
border-radius: 16px;
background: #f7fbff;
color: #3f4d67;
font-size: 13px;
font-weight: 850;
cursor: pointer;
}
.dreams-compare-diff-2026 input {
accent-color: #006cff;
}
.dreams-compare-catalog-2026 {
min-height: 48px;
}
.dreams-compare-selected-2026 {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 16px;
}
.dreams-compare-chip-2026 {
display: inline-flex;
align-items: center;
gap: 9px;
min-height: 44px;
padding: 5px 10px 5px 6px;
border: 1px solid rgba(0, 108, 255, .12);
border-radius: 999px;
background: #fff;
color: #101a4a;
font-size: 13px;
font-weight: 900;
cursor: pointer;
box-shadow: 0 14px 28px -24px rgba(10,40,120,.28);
}
.dreams-compare-chip-2026 img {
width: 34px;
height: 34px;
border-radius: 50%;
background: #f7fbff;
object-fit: contain;
}
.dreams-compare-chip-2026 i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background: #edf3fb;
color: #64748b;
font-style: normal;
font-size: 13px;
line-height: 1;
}
.dreams-compare-empty-2026 {
display: grid;
gap: 4px;
width: 100%;
padding: 18px;
border-radius: 20px;
background: #fff;
border: 1px dashed rgba(0, 108, 255, .2);
color: #516078;
}
.dreams-compare-empty-2026 strong {
color: #101a4a;
font-size: 16px;
line-height: 1.25;
}
.dreams-compare-insights-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin: 0 0 18px;
}
.dreams-compare-insight-2026 {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 12px;
align-items: center;
min-height: 112px;
padding: 18px;
border-radius: 22px;
background: #fff;
border: 1px solid rgba(0, 108, 255, .09);
box-shadow: 0 18px 44px -36px rgba(10,40,120,.26);
}
.dreams-compare-insight-2026 > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 15px;
font-size: 18px;
font-weight: 950;
}
.dreams-compare-insight-2026.is-blue > span { background: rgba(0, 108, 255, .1); color: #006cff; }
.dreams-compare-insight-2026.is-green > span { background: rgba(25, 191, 136, .12); color: #00a87c; }
.dreams-compare-insight-2026.is-coral > span { background: rgba(255, 112, 67, .13); color: #f05f37; }
.dreams-compare-insight-2026.is-amber > span { background: rgba(255, 184, 77, .18); color: #b97100; }
.dreams-compare-insight-2026 em,
.dreams-compare-insight-2026 small {
display: block;
color: #6a748a;
font-style: normal;
font-size: 12px;
line-height: 1.25;
font-weight: 850;
}
.dreams-compare-insight-2026 strong {
display: block;
margin: 4px 0;
color: #101a4a;
font-size: 16px;
line-height: 1.2;
font-weight: 950;
}
.dreams-compare-cards-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin: 0 0 18px;
}
.dreams-compare-model-2026 {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-rows: 176px minmax(0, 1fr);
min-width: 0;
overflow: hidden;
border-radius: 24px;
background: #fff;
border: 1px solid rgba(0, 108, 255, .1);
box-shadow: 0 22px 54px -42px rgba(10,40,120,.34);
transition: transform .24s var(--ease, ease), box-shadow .24s var(--ease, ease), border-color .24s var(--ease, ease);
}
.dreams-compare-model-2026:hover {
transform: translateY(-4px);
border-color: rgba(0, 108, 255, .2);
box-shadow: 0 30px 68px -46px rgba(0,108,255,.36);
}
.dreams-compare-model-remove-2026 {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
font-size: 18px;
font-weight: 700;
}
.dreams-compare-model-image-2026 {
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
background: linear-gradient(180deg, #f7fbff, #fff);
}
.dreams-compare-model-image-2026 img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .28s var(--ease, ease);
}
.dreams-compare-model-2026:hover .dreams-compare-model-image-2026 img {
transform: scale(1.035);
}
.dreams-compare-model-body-2026 {
display: grid;
gap: 10px;
padding: 18px;
}
.dreams-compare-model-body-2026 > span {
color: #006cff;
font-size: 11px;
line-height: 1;
font-weight: 950;
text-transform: uppercase;
letter-spacing: 0;
}
.dreams-compare-model-body-2026 h2 {
margin: 0 !important;
color: #101a4a !important;
font-size: 19px !important;
line-height: 1.16 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
.dreams-compare-model-body-2026 > strong {
color: #00a87c;
font-size: 18px;
line-height: 1.1;
font-weight: 950;
}
.dreams-compare-score-2026 {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
}
.dreams-compare-score-2026 i {
display: block;
height: 8px;
border-radius: 999px;
background: linear-gradient(90deg, #006cff var(--score), #e7eef7 var(--score));
}
.dreams-compare-score-2026 b {
color: #101a4a;
font-size: 14px;
line-height: 1;
font-weight: 950;
}
.dreams-compare-model-body-2026 p {
margin: 0;
color: #516078;
font-size: 13px;
line-height: 1.5;
}
.dreams-compare-tags-2026 {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.dreams-compare-tags-2026 em {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 9px;
border-radius: 999px;
background: #f7fbff;
color: #4a5a72;
font-size: 11px;
line-height: 1;
font-style: normal;
font-weight: 850;
}
.dreams-compare-model-link-2026 {
width: fit-content;
min-height: 38px;
padding: 0 14px;
}
.dreams-compare-matrix-shell-2026 {
overflow-x: auto;
padding: 0 0 4px;
}
.dreams-compare-matrix-table-2026 {
min-width: 820px;
overflow: hidden;
border-radius: 24px;
background: #fff;
border: 1px solid rgba(0, 108, 255, .1);
box-shadow: 0 22px 54px -42px rgba(10,40,120,.28);
}
.dreams-compare-matrix-head-2026,
.dreams-compare-row-2026 {
display: grid;
grid-template-columns: minmax(220px, 260px) repeat(var(--dreams-compare-cols, 4), minmax(180px, 1fr));
}
.dreams-compare-matrix-head-2026 {
position: sticky;
top: 0;
z-index: 2;
background: #101a4a;
color: #fff;
}
.dreams-compare-matrix-head-2026 > span,
.dreams-compare-matrix-head-2026 > strong {
display: flex;
align-items: center;
min-width: 0;
min-height: 72px;
padding: 14px 16px;
border-right: 1px solid rgba(255,255,255,.1);
}
.dreams-compare-matrix-head-2026 > span {
color: rgba(255,255,255,.74);
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0;
}
.dreams-compare-matrix-head-2026 > strong {
gap: 10px;
color: #fff;
font-size: 13px;
line-height: 1.25;
font-weight: 950;
}
.dreams-compare-matrix-head-2026 img {
flex: 0 0 auto;
width: 42px;
height: 42px;
border-radius: 14px;
background: #fff;
object-fit: contain;
}
.dreams-compare-matrix-head-2026 em {
min-width: 0;
font-style: normal;
}
.dreams-compare-group-2026 {
padding: 12px 16px;
background: #f7fbff;
border-top: 1px solid rgba(0, 108, 255, .08);
border-bottom: 1px solid rgba(0, 108, 255, .08);
color: #006cff;
font-size: 12px;
line-height: 1;
font-weight: 950;
text-transform: uppercase;
letter-spacing: 0;
}
.dreams-compare-row-2026 > span,
.dreams-compare-row-2026 > div {
min-width: 0;
padding: 15px 16px;
border-right: 1px solid rgba(0, 108, 255, .07);
border-bottom: 1px solid rgba(0, 108, 255, .07);
color: #516078;
font-size: 13px;
line-height: 1.45;
}
.dreams-compare-row-2026 > span {
color: #101a4a;
font-weight: 950;
background: #fbfdff;
}
.dreams-compare-row-2026 > div strong {
display: block;
color: #26344f;
font-size: 13px;
line-height: 1.45;
font-weight: 800;
}
.dreams-compare-row-2026 > div.is-best {
background: linear-gradient(135deg, rgba(37, 211, 161, .11), rgba(255,255,255,.94));
}
.dreams-compare-row-2026 > div.is-best strong {
color: #0c7f62;
font-weight: 950;
}
.dreams-compare-row-2026 > div small {
display: inline-flex;
align-items: center;
min-height: 20px;
margin-top: 6px;
padding: 0 8px;
border-radius: 999px;
background: rgba(37, 211, 161, .14);
color: #0c7f62;
font-size: 10px;
line-height: 1;
font-weight: 950;
}
@keyframes dreamsCompareAddedPulse {
0% { transform: translateY(0) scale(1); }
38% { transform: translateY(-2px) scale(1.035); }
100% { transform: translateY(0) scale(1); }
}
.dreams-compare-toggle-2026.is-added-burst {
animation: dreamsCompareAddedPulse .54s cubic-bezier(.34,1.56,.64,1) both;
background: linear-gradient(135deg, #19bf88, #00a87c) !important;
box-shadow: 0 20px 34px -18px rgba(25,191,136,.66) !important;
}
.dreams-compare-dryer-2026 {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 5px 10px;
align-items: center;
padding: 12px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(37,211,161,.1), rgba(0,108,255,.06));
border: 1px solid rgba(37,211,161,.16);
color: #26344f !important;
text-decoration: none !important;
transition: transform .22s var(--ease, ease), border-color .22s var(--ease, ease), box-shadow .22s var(--ease, ease);
}
.dreams-compare-dryer-2026:hover {
transform: translateY(-2px);
border-color: rgba(37,211,161,.28);
box-shadow: 0 18px 34px -28px rgba(37,211,161,.4);
}
.dreams-compare-dryer-2026 span,
.dreams-compare-dryer-2026 strong,
.dreams-compare-dryer-2026 em {
min-width: 0;
font-style: normal;
letter-spacing: 0;
}
.dreams-compare-dryer-2026 span {
color: #0c7f62;
font-size: 12px;
line-height: 1.15;
font-weight: 950;
}
.dreams-compare-dryer-2026 strong {
justify-self: end;
color: #101a4a;
font-size: 12px;
line-height: 1;
font-weight: 950;
white-space: nowrap;
}
.dreams-compare-dryer-2026 em {
grid-column: 1 / -1;
color: #516078;
font-size: 11.5px;
line-height: 1.35;
font-weight: 700;
}
body.tax-product_cat #content .d2026-brand-hero {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 980px;
margin: 22px auto 22px;
padding: 24px 12px 4px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
text-align: center;
overflow: visible;
}
body.tax-product_cat #content .d2026-brand-hero::before {
display: none !important;
content: none !important;
}
body.tax-product_cat #content .d2026-brand-copy {
display: grid;
gap: 12px;
justify-items: center;
min-width: 0;
}
body.tax-product_cat #content .d2026-brand-badge {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: fit-content;
max-width: 100%;
margin: 0 0 2px;
padding: 8px 16px !important;
border: 0;
border-radius: 999px;
background: rgba(0,190,246,.14) !important;
color: #0089b8 !important;
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 850 !important;
letter-spacing: .04em;
text-transform: uppercase;
overflow-wrap: anywhere;
}
body.tax-product_cat #content .d2026-brand-badge svg {
flex: 0 0 auto;
color: currentColor;
stroke: currentColor;
}
body.tax-product_cat #content .d2026-brand-copy h1 {
display: block !important;
max-width: 940px !important;
margin: 0 0 2px !important;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
opacity: 1 !important;
text-shadow: none !important;
text-align: center !important;
text-transform: none !important;
text-overflow: clip !important;
white-space: normal !important;
overflow: visible !important;
font-size: 46px !important;
line-height: 1.04 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
body.tax-product_cat #content .d2026-brand-copy p {
max-width: 820px;
margin: 0;
color: #4a5568;
font-size: 16px !important;
line-height: 1.62 !important;
font-weight: 650;
text-align: center;
}
body.tax-product_cat #content .d2026-brand-proof {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
width: min(860px, 100%);
margin: 18px auto 0;
}
body.tax-product_cat #content .d2026-brand-proof span {
box-sizing: border-box;
display: grid !important;
grid-template-columns: 36px minmax(0, 1fr);
gap: 2px 10px;
align-items: center;
min-width: 0;
min-height: 68px;
padding: 12px;
border-radius: 18px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(0,108,255,.08);
box-shadow: 0 16px 34px -30px rgba(10,40,120,.24);
color: #5c6880;
text-align: left;
}
body.tax-product_cat #content .d2026-brand-proof svg {
grid-row: 1 / span 2;
width: 22px !important;
height: 22px !important;
color: #1f73e8;
stroke: currentColor;
justify-self: center;
}
body.tax-product_cat #content .d2026-brand-proof strong,
body.tax-product_cat #content .d2026-brand-proof em {
display: block;
min-width: 0;
letter-spacing: 0;
white-space: normal;
overflow-wrap: anywhere;
}
body.tax-product_cat #content .d2026-brand-proof strong {
color: #101a4a;
font-size: 13px;
line-height: 1.16;
font-weight: 950;
}
body.tax-product_cat #content .d2026-brand-proof em {
color: #66748a;
font-size: 12px;
line-height: 1.25;
font-style: normal;
font-weight: 700;
}
@media (max-width: 1180px) {
.dreams-compare-insights-2026,
.dreams-compare-cards-2026 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dreams-compare-hero-2026 { grid-template-columns: 1fr; }
.dreams-compare-hero-panel-2026 { min-height: 150px; }
}
@media (max-width: 760px) {
.dreams-compare-page-2026 { width: calc(100vw - 24px); margin-bottom: 42px; }
.dreams-compare-hero-2026 { padding: 18px; border-radius: 24px; }
.dreams-compare-hero-copy-2026 h1 { font-size: 30px !important; }
.dreams-compare-hero-copy-2026 p { font-size: 14px; line-height: 1.55; }
.dreams-compare-toolbar-2026 { grid-template-columns: 1fr; align-items: stretch; }
.dreams-compare-insights-2026,
.dreams-compare-cards-2026 { grid-template-columns: 1fr; }
.dreams-compare-model-2026 { grid-template-rows: 170px minmax(0, 1fr); }
.dreams-compare-matrix-table-2026 { min-width: 760px; }
}
/* ============================================================
2026.298 final layer — 404, native related posts, hero clicks
============================================================ */
body.error404,
body.error404 #page,
body.error404 #content {
background: #f5f8fc !important;
}
body.error404 #content {
padding-bottom: 0 !important;
}
body.error404 #error404.d2026-404,
body.error404 #content #error404.d2026-404 {
box-sizing: border-box !important;
width: min(1180px, calc(100vw - 48px)) !important;
max-width: 1180px !important;
min-height: 0 !important;
height: auto !important;
margin: 34px auto 64px !important;
padding: 0 !important;
color: #0c1836 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
body.error404 #error404.d2026-404 * {
box-sizing: border-box;
}
body.error404 #error404.d2026-404 .d2026-404-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(300px, 410px) !important;
align-items: center !important;
gap: 34px !important;
padding: 44px !important;
border-radius: 30px !important;
background:
linear-gradient(90deg, rgba(0, 89, 248, .055) 1px, transparent 1px),
linear-gradient(180deg, rgba(0, 89, 248, .045) 1px, transparent 1px),
linear-gradient(135deg, #ffffff 0%, #eef7ff 100%) !important;
background-size: 38px 38px, 38px 38px, auto !important;
border: 1px solid rgba(0, 89, 248, .08) !important;
box-shadow: 0 28px 74px -44px rgba(14, 46, 104, .32), inset 0 1px 0 rgba(255,255,255,.86) !important;
overflow: hidden !important;
}
body.error404 #error404.d2026-404 .d2026-404-copy {
display: grid !important;
gap: 18px !important;
max-width: 650px !important;
}
body.error404 #error404.d2026-404 .d2026-404-kicker {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: max-content !important;
height: 34px !important;
padding: 0 13px !important;
border-radius: 999px !important;
background: rgba(0, 108, 255, .09) !important;
color: #0059f8 !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
body.error404 #error404.d2026-404 h1 {
max-width: 640px !important;
margin: 0 !important;
padding: 0 !important;
color: #0a1737 !important;
font-size: clamp(36px, 5vw, 68px) !important;
font-weight: 900 !important;
line-height: .98 !important;
font-family: inherit !important;
letter-spacing: 0 !important;
text-align: left !important;
}
body.error404 #error404.d2026-404 p {
max-width: 610px !important;
margin: 0 !important;
color: #596982 !important;
font-size: 17px !important;
font-weight: 520 !important;
line-height: 1.65 !important;
}
body.error404 #error404.d2026-404 .d2026-404-search {
display: grid !important;
gap: 8px !important;
max-width: 540px !important;
margin: 6px 0 0 !important;
}
body.error404 #error404.d2026-404 .d2026-404-search label {
display: block !important;
color: #5c6b82 !important;
font-size: 12px !important;
font-weight: 820 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
body.error404 #error404.d2026-404 .d2026-404-search-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
align-items: center !important;
gap: 8px !important;
}
body.error404 #error404.d2026-404 input[type="search"] {
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 17px !important;
border: 1px solid rgba(0, 89, 248, .11) !important;
border-radius: 17px !important;
background: rgba(255,255,255,.96) !important;
box-shadow: 0 14px 34px -30px rgba(10,42,95,.34) !important;
color: #101a36 !important;
font-size: 14px !important;
font-weight: 650 !important;
font-family: inherit !important;
}
body.error404 #error404.d2026-404 .d2026-404-search button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #0059f8, #00aaf0) !important;
box-shadow: 0 17px 30px -18px rgba(0,108,255,.58) !important;
color: #fff !important;
cursor: pointer !important;
}
body.error404 #error404.d2026-404 .d2026-404-actions,
body.error404 #error404.d2026-404 .d2026-404-links {
display: grid !important;
}
body.error404 #error404.d2026-404 .d2026-404-actions {
grid-template-columns: max-content max-content !important;
gap: 10px !important;
justify-content: start !important;
margin-top: 4px !important;
}
body.error404 #error404.d2026-404 a {
text-decoration: none !important;
}
body.error404 #error404.d2026-404 .d2026-404-primary,
body.error404 #error404.d2026-404 .d2026-404-secondary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 46px !important;
padding: 0 18px !important;
border-radius: 15px !important;
font-size: 13px !important;
font-weight: 880 !important;
line-height: 1 !important;
}
body.error404 #error404.d2026-404 .d2026-404-primary {
background: linear-gradient(135deg, #0059f8, #00aaf0) !important;
box-shadow: 0 18px 32px -18px rgba(0,108,255,.58) !important;
color: #fff !important;
}
body.error404 #error404.d2026-404 .d2026-404-secondary {
background: #fff !important;
border: 1px solid rgba(0,89,248,.12) !important;
box-shadow: 0 12px 26px -24px rgba(10,42,95,.32) !important;
color: #17426f !important;
}
body.error404 #error404.d2026-404 .d2026-404-visual {
position: relative !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
min-height: 320px !important;
}
body.error404 #error404.d2026-404 .d2026-404-visual img {
position: relative !important;
z-index: 2 !important;
display: block !important;
width: min(330px, 76vw) !important;
max-width: 100% !important;
height: auto !important;
filter: drop-shadow(0 24px 30px rgba(15,42,88,.18)) !important;
}
body.error404 #error404.d2026-404 .d2026-404-screen {
position: absolute !important;
top: 12px !important;
right: 8px !important;
z-index: 3 !important;
display: grid !important;
gap: 4px !important;
width: 168px !important;
padding: 13px 14px 15px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(255,255,255,.92) !important;
box-shadow: 0 20px 48px -30px rgba(13,40,88,.36), inset 0 1px 0 rgba(255,255,255,.9) !important;
backdrop-filter: blur(12px) saturate(1.1) !important;
-webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
}
body.error404 #error404.d2026-404 .d2026-404-links {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
margin-top: 16px !important;
}
body.error404 #error404.d2026-404 .d2026-404-links a {
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
align-items: center !important;
gap: 4px 12px !important;
min-height: 104px !important;
padding: 18px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.88) !important;
border: 1px solid rgba(0,89,248,.07) !important;
box-shadow: 0 16px 34px -30px rgba(10,42,95,.30) !important;
color: #0e1d3f !important;
}
body.error404 #error404.d2026-404 .d2026-404-links span {
grid-row: 1 / 3 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
border-radius: 15px !important;
background: rgba(0,108,255,.08) !important;
color: #0059f8 !important;
}
body.error404 #error404.d2026-404 .d2026-404-links strong {
color: #0e1d3f !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
}
body.error404 #error404.d2026-404 .d2026-404-links em {
color: #67758b !important;
font-size: 12.5px !important;
font-style: normal !important;
font-weight: 620 !important;
line-height: 1.35 !important;
}
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content {
pointer-events: none !important;
}
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content a,
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content button,
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content input,
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content select,
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-landing-content textarea {
pointer-events: auto !important;
}
body.woocommerce-shop #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
cursor: pointer !important;
pointer-events: auto !important;
}
.bd.post-page-v2 .post-related-2026 {
margin-top: 34px !important;
}
.bd.post-page-v2 .post-related-2026 .post-related-head-2026 {
display: flex !important;
align-items: end !important;
justify-content: space-between !important;
gap: 18px !important;
margin: 0 0 18px !important;
}
.bd.post-page-v2 .post-related-2026 .post-related-head-2026 span {
display: block !important;
margin: 0 0 6px !important;
color: #0059f8 !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.bd.post-page-v2 .post-related-2026 .post-related-head-2026 h2 {
margin: 0 !important;
padding: 0 !important;
color: #0a162e !important;
font-size: clamp(24px, 3vw, 34px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
font-family: inherit !important;
}
.bd.post-page-v2 .post-related-2026 .post-related-head-2026 a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
color: #0059f8 !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.bd.post-page-v2 .post-related-2026 .related-grid {
display: grid !important;
gap: 18px !important;
}
.bd.post-page-v2 .post-related-2026 .related-card {
border-radius: 16px !important;
box-shadow: 0 16px 36px -28px rgba(10,22,46,.22) !important;
}
.bd.post-page-v2 .post-related-2026 .related-img-wrap {
height: 168px !important;
}
.bd.post-page-v2 .post-related-2026 .related-body {
padding: 17px 18px 18px !important;
gap: 8px !important;
}
.bd.post-page-v2 .post-related-2026 .related-title {
font-size: 16px !important;
font-weight: 860 !important;
line-height: 1.24 !important;
-webkit-line-clamp: 2 !important;
}
.bd.post-page-v2 .post-related-2026 .related-excerpt {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 38px !important;
color: #66758b !important;
font-size: 13px !important;
font-weight: 520 !important;
line-height: 1.45 !important;
}
.bd.post-page-v2 .post-related-2026 .related-meta {
gap: 8px !important;
justify-content: flex-start !important;
margin-top: 4px !important;
}
.bd.post-page-v2 .post-related-2026 .related-arrow {
margin-left: auto !important;
}
@media (max-width: 900px) {
body.error404 #error404.d2026-404 .d2026-404-hero {
grid-template-columns: 1fr !important;
padding: 34px 26px 30px !important;
}
body.error404 #error404.d2026-404 .d2026-404-visual {
min-height: 245px !important;
order: -1 !important;
}
body.error404 #error404.d2026-404 .d2026-404-links {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 760px) {
body.error404 #error404.d2026-404 {
width: calc(100vw - 28px) !important;
margin: 10px 0 38px calc(50% - 50vw + 14px) !important;
}
body.error404 #error404.d2026-404 .d2026-404-hero {
gap: 18px !important;
padding: 24px 18px 20px !important;
border-radius: 24px !important;
}
body.error404 #error404.d2026-404 h1 {
font-size: 36px !important;
line-height: 1.03 !important;
}
body.error404 #error404.d2026-404 p {
font-size: 14.5px !important;
line-height: 1.55 !important;
}
body.error404 #error404.d2026-404 .d2026-404-visual {
min-height: 210px !important;
}
body.error404 #error404.d2026-404 .d2026-404-visual img {
width: min(250px, 72vw) !important;
}
body.error404 #error404.d2026-404 .d2026-404-screen {
top: 4px !important;
right: 2px !important;
width: 126px !important;
padding: 11px 12px 12px !important;
border-radius: 17px !important;
}
body.error404 #error404.d2026-404 .d2026-404-search-row {
grid-template-columns: minmax(0, 1fr) 46px !important;
}
body.error404 #error404.d2026-404 input[type="search"] {
height: 48px !important;
min-height: 48px !important;
font-size: 13px !important;
}
body.error404 #error404.d2026-404 .d2026-404-search button {
width: 46px !important;
height: 46px !important;
}
body.error404 #error404.d2026-404 .d2026-404-actions {
grid-template-columns: 1fr 1fr !important;
}
body.error404 #error404.d2026-404 .d2026-404-primary,
body.error404 #error404.d2026-404 .d2026-404-secondary {
min-height: 44px !important;
padding: 0 12px !important;
font-size: 12.5px !important;
}
body.error404 #error404.d2026-404 .d2026-404-links {
gap: 10px !important;
margin-top: 10px !important;
}
body.error404 #error404.d2026-404 .d2026-404-links a {
min-height: 86px !important;
padding: 15px !important;
border-radius: 18px !important;
}
.bd.post-page-v2 .post-related-2026 .post-related-head-2026 {
align-items: start !important;
flex-direction: column !important;
gap: 10px !important;
}
}
/* ============================================================
2026.298 — 404 page, native related posts and shop hero click
============================================================ */
body.error404,
body.error404 #page,
body.error404 #content {
background: #f5f8fc !important;
}
body.error404 #content {
padding-bottom: 0 !important;
}
body.error404 #error404.d2026-404 {
box-sizing: border-box;
width: min(1180px, calc(100vw - 48px));
max-width: 1180px;
min-height: 0;
height: auto;
margin: 34px auto 64px;
padding: 0;
color: #0c1836;
background: transparent !important;
background-image: none !important;
}
.d2026-404-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 410px);
align-items: center;
gap: 34px;
padding: 44px;
border-radius: 30px;
background:
linear-gradient(90deg, rgba(0, 89, 248, .055) 1px, transparent 1px),
linear-gradient(180deg, rgba(0, 89, 248, .045) 1px, transparent 1px),
linear-gradient(135deg, #ffffff 0%, #eef7ff 100%);
background-size: 38px 38px, 38px 38px, auto;
border: 1px solid rgba(0, 89, 248, .08);
box-shadow: 0 28px 74px -44px rgba(14, 46, 104, .32), inset 0 1px 0 rgba(255,255,255,.86);
overflow: hidden;
}
.d2026-404-copy {
position: relative;
z-index: 2;
display: grid;
gap: 18px;
max-width: 650px;
}
.d2026-404-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
width: max-content;
height: 34px;
padding: 0 13px;
border-radius: 999px;
background: rgba(0, 108, 255, .09);
color: #0059f8;
font-size: 12px;
font-weight: 900;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
}
.d2026-404 h1 {
margin: 0 !important;
padding: 0 !important;
max-width: 640px;
color: #0a1737 !important;
font-size: clamp(36px, 5vw, 68px) !important;
font-weight: 900 !important;
line-height: .98 !important;
letter-spacing: 0 !important;
text-align: left !important;
font-family: inherit !important;
}
.d2026-404 p {
max-width: 610px;
margin: 0 !important;
color: #596982;
font-size: 17px;
font-weight: 520;
line-height: 1.65;
}
.d2026-404-search {
display: grid;
gap: 8px;
max-width: 540px;
margin: 6px 0 0;
}
.d2026-404-search label {
color: #5c6b82;
font-size: 12px;
font-weight: 820;
letter-spacing: .04em;
text-transform: uppercase;
}
.d2026-404-search-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 48px;
align-items: center;
gap: 8px;
}
.d2026-404-search input[type="search"] {
box-sizing: border-box;
width: 100%;
height: 52px;
min-height: 52px;
padding: 0 17px;
border: 1px solid rgba(0, 89, 248, .11);
border-radius: 17px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 14px 34px -30px rgba(10, 42, 95, .34);
color: #101a36;
font-size: 14px;
font-weight: 650;
font-family: inherit;
}
.d2026-404-search input[type="search"]:focus {
outline: none;
border-color: rgba(0, 108, 255, .42);
box-shadow: 0 0 0 4px rgba(0, 108, 255, .11), 0 16px 34px -28px rgba(10, 42, 95, .36);
}
.d2026-404-search button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
min-width: 48px;
padding: 0;
border: 0;
border-radius: 16px;
background: linear-gradient(135deg, #0059f8, #00aaf0);
box-shadow: 0 17px 30px -18px rgba(0, 108, 255, .58);
color: #fff;
cursor: pointer;
}
.d2026-404-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 4px;
}
.d2026-404-actions a,
.d2026-404-links a {
text-decoration: none !important;
}
.d2026-404-primary,
.d2026-404-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 0 18px;
border-radius: 15px;
font-size: 13px;
font-weight: 880;
line-height: 1;
transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.d2026-404-primary {
background: linear-gradient(135deg, #0059f8, #00aaf0);
box-shadow: 0 18px 32px -18px rgba(0, 108, 255, .58);
color: #fff !important;
}
.d2026-404-secondary {
background: #fff;
border: 1px solid rgba(0, 89, 248, .12);
box-shadow: 0 12px 26px -24px rgba(10, 42, 95, .32);
color: #17426f !important;
}
.d2026-404-primary:hover,
.d2026-404-secondary:hover {
transform: translateY(-1px);
}
.d2026-404-visual {
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 320px;
}
.d2026-404-visual::before {
content: "";
position: absolute;
left: 50%;
bottom: 16px;
width: 86%;
height: 34px;
border-radius: 999px;
background: rgba(18, 52, 102, .12);
filter: blur(14px);
transform: translateX(-50%);
}
.d2026-404-visual img {
position: relative;
z-index: 2;
display: block;
width: min(330px, 76vw);
max-width: 100%;
height: auto;
filter: drop-shadow(0 24px 30px rgba(15, 42, 88, .18));
}
.d2026-404-screen {
position: absolute;
top: 12px;
right: 8px;
z-index: 3;
display: grid;
gap: 4px;
width: 168px;
padding: 13px 14px 15px;
border-radius: 20px;
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(255, 255, 255, .92);
box-shadow: 0 20px 48px -30px rgba(13, 40, 88, .36), inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(12px) saturate(1.1);
-webkit-backdrop-filter: blur(12px) saturate(1.1);
}
.d2026-404-screen-top {
display: block;
width: 46px;
height: 5px;
border-radius: 999px;
background: linear-gradient(90deg, #0059f8, #00bef6);
margin-bottom: 6px;
}
.d2026-404-screen strong {
color: #0a1737;
font-size: 44px;
font-weight: 950;
line-height: .9;
}
.d2026-404-screen em {
color: #64738a;
font-size: 11px;
font-style: normal;
font-weight: 780;
line-height: 1.2;
}
.d2026-404-links {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 16px;
}
.d2026-404-links a {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
gap: 4px 12px;
box-sizing: border-box;
min-height: 104px;
padding: 18px;
border-radius: 20px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(0, 89, 248, .07);
box-shadow: 0 16px 34px -30px rgba(10, 42, 95, .30);
color: #0e1d3f !important;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.d2026-404-links a:hover {
transform: translateY(-2px);
border-color: rgba(0, 108, 255, .18);
box-shadow: 0 24px 44px -30px rgba(0, 89, 248, .34);
}
.d2026-404-links span {
grid-row: 1 / 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 15px;
background: rgba(0, 108, 255, .08);
color: #0059f8;
}
.d2026-404-links strong {
color: #0e1d3f;
font-size: 15px;
font-weight: 900;
line-height: 1.15;
}
.d2026-404-links em {
color: #67758b;
font-size: 12.5px;
font-style: normal;
font-weight: 620;
line-height: 1.35;
}
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content {
pointer-events: none !important;
}
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content a,
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content button,
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content input,
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content select,
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-landing-content textarea {
pointer-events: auto !important;
}
body.woocommerce-shop .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
cursor: pointer !important;
pointer-events: auto !important;
}
.bd.post-page-v2 .post-related-2026 {
margin-top: 34px !important;
}
.bd.post-page-v2 .post-related-head-2026 {
display: flex;
align-items: end;
justify-content: space-between;
gap: 18px;
margin: 0 0 18px;
}
.bd.post-page-v2 .post-related-head-2026 span {
display: block;
margin-bottom: 6px;
color: #0059f8;
font-size: 11px;
font-weight: 900;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
}
.bd.post-page-v2 .post-related-head-2026 h2 {
margin: 0 !important;
padding: 0 !important;
color: #0a162e !important;
font-size: clamp(24px, 3vw, 34px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
font-family: inherit !important;
}
.bd.post-page-v2 .post-related-head-2026 a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 14px;
border-radius: 999px;
background: rgba(0, 89, 248, .08);
color: #0059f8 !important;
font-size: 12px;
font-weight: 850;
line-height: 1;
text-decoration: none !important;
white-space: nowrap;
}
.bd.post-page-v2 .post-related-2026 .related-grid {
gap: 18px;
}
.bd.post-page-v2 .post-related-2026 .related-card {
border-radius: 16px;
box-shadow: 0 16px 36px -28px rgba(10, 22, 46, .22);
}
.bd.post-page-v2 .post-related-2026 .related-img-wrap {
height: 168px;
}
.bd.post-page-v2 .post-related-2026 .related-body {
padding: 17px 18px 18px;
gap: 8px;
}
.bd.post-page-v2 .post-related-2026 .related-title {
font-size: 16px;
font-weight: 860;
line-height: 1.24;
-webkit-line-clamp: 2;
}
.bd.post-page-v2 .post-related-2026 .related-excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 38px;
color: #66758b;
font-size: 13px;
font-weight: 520;
line-height: 1.45;
}
.bd.post-page-v2 .post-related-2026 .related-meta {
gap: 8px;
justify-content: flex-start;
margin-top: 4px;
}
.bd.post-page-v2 .post-related-2026 .related-read {
position: relative;
padding-left: 10px;
}
.bd.post-page-v2 .post-related-2026 .related-read::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 3px;
border-radius: 50%;
background: currentColor;
transform: translateY(-50%);
}
.bd.post-page-v2 .post-related-2026 .related-arrow {
margin-left: auto;
}
@media (max-width: 900px) {
.d2026-404-hero {
grid-template-columns: 1fr;
padding: 34px 26px 30px;
}
.d2026-404-visual {
min-height: 245px;
order: -1;
}
.d2026-404-screen {
right: max(4px, calc(50% - 180px));
}
.d2026-404-links {
grid-template-columns: 1fr;
}
}
@media (max-width: 760px) {
body.error404 #error404.d2026-404 {
width: calc(100vw - 28px);
margin: 10px 0 38px calc(50% - 50vw + 14px);
}
.d2026-404-hero {
gap: 18px;
padding: 24px 18px 20px;
border-radius: 24px;
}
.d2026-404 h1 {
font-size: 36px !important;
line-height: 1.03 !important;
}
.d2026-404 p {
font-size: 14.5px;
line-height: 1.55;
}
.d2026-404-visual {
min-height: 210px;
}
.d2026-404-visual img {
width: min(250px, 72vw);
}
.d2026-404-screen {
top: 4px;
right: 2px;
width: 126px;
padding: 11px 12px 12px;
border-radius: 17px;
}
.d2026-404-screen strong {
font-size: 34px;
}
.d2026-404-search-row {
grid-template-columns: minmax(0, 1fr) 46px;
}
.d2026-404-search input[type="search"] {
height: 48px;
min-height: 48px;
font-size: 13px;
}
.d2026-404-search button {
width: 46px;
height: 46px;
}
.d2026-404-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}
.d2026-404-primary,
.d2026-404-secondary {
min-height: 44px;
padding: 0 12px;
font-size: 12.5px;
}
.d2026-404-links {
gap: 10px;
margin-top: 10px;
}
.d2026-404-links a {
min-height: 86px;
padding: 15px;
border-radius: 18px;
}
.bd.post-page-v2 .post-related-head-2026 {
align-items: start;
flex-direction: column;
gap: 10px;
}
.bd.post-page-v2 .post-related-head-2026 a {
min-height: 34px;
}
}
/* ============================================================
* 2026.246 — Header logo and responsive gallery polish
* ============================================================ */
@media (min-width: 761px) {
#header #id h1 a.d2026-brand-lockup,
body.woocommerce-page #header #id h1 a.d2026-brand-lockup {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 56px !important;
min-width: 56px !important;
line-height: 1 !important;
}
#header #id .d2026-brand-mark img,
body.woocommerce-page #header #id .d2026-brand-mark img {
width: 48px !important;
height: 58px !important;
}
#header #id .d2026-brand-word,
body.woocommerce-page #header #id .d2026-brand-word {
display: block !important;
width: 56px !important;
max-width: 56px !important;
font-size: 10.8px !important;
font-weight: 580 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-align: center !important;
white-space: nowrap !important;
}
#header #id .d2026-brand-word > span,
body.woocommerce-page #header #id .d2026-brand-word > span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.d2026-footer-lockup {
flex-direction: column !important;
align-items: center !important;
gap: 5px !important;
width: 60px !important;
}
.d2026-footer-lockup .d2026-brand-mark img {
width: 50px !important;
height: 61px !important;
}
.d2026-footer-lockup .d2026-brand-word {
width: 60px !important;
font-size: 11px !important;
font-weight: 580 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-align: center !important;
}
.d2026-footer-lockup .d2026-brand-word > span {
font-size: inherit !important;
font-weight: inherit !important;
}
}
@media (min-width: 761px) and (max-width: 1179px) {
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13),
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13),
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13) {
display: none !important;
}
}
@media (min-width: 1180px) {
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile {
display: block !important;
}
}
/* ============================================================
* 2026.246 — Header logo and responsive gallery polish
* ============================================================ */
@media (min-width: 761px) {
#header #id h1 a.d2026-brand-lockup,
body.woocommerce-page #header #id h1 a.d2026-brand-lockup {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 56px !important;
min-width: 56px !important;
line-height: 1 !important;
}
#header #id .d2026-brand-mark img,
body.woocommerce-page #header #id .d2026-brand-mark img {
width: 48px !important;
height: 58px !important;
}
#header #id .d2026-brand-word,
body.woocommerce-page #header #id .d2026-brand-word {
display: block !important;
width: 56px !important;
max-width: 56px !important;
font-size: 10.8px !important;
font-weight: 580 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-align: center !important;
white-space: nowrap !important;
}
#header #id .d2026-brand-word > span,
body.woocommerce-page #header #id .d2026-brand-word > span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.d2026-footer-lockup {
flex-direction: column !important;
align-items: center !important;
gap: 5px !important;
width: 60px !important;
}
.d2026-footer-lockup .d2026-brand-mark img {
width: 50px !important;
height: 61px !important;
}
.d2026-footer-lockup .d2026-brand-word {
width: 60px !important;
font-size: 11px !important;
font-weight: 580 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
text-align: center !important;
}
.d2026-footer-lockup .d2026-brand-word > span {
font-size: inherit !important;
font-weight: inherit !important;
}
}
@media (min-width: 761px) and (max-width: 1179px) {
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13),
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13),
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(n+13) {
display: none !important;
}
}
@media (min-width: 1180px) {
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile {
display: block !important;
}
}
/* ============================================================
* 2026.244 — Home gallery finishing polish
* ============================================================ */
@media (min-width: 761px) {
body.home #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid {
grid-auto-flow: row !important;
}
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile,
body.home #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(14),
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(14),
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid .d2026-work-tile:nth-child(14) {
grid-column: auto !important;
}
}
@media (min-width: 1180px) {
body.home #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid {
grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
}
@media (min-width: 761px) and (max-width: 1179px) {
body.home #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-thumb-slider-php #content .section-card.folio-section .d2026-work-grid,
body.page-template-home-coin-slider-php #content .section-card.folio-section .d2026-work-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
/* ============================================================
* 2026.243 — Home gallery, printer cards and brand lockup
* ============================================================ */
#header #id h1 a.d2026-brand-lockup,
body.woocommerce-page #header #id h1 a.d2026-brand-lockup,
.d2026-footer-lockup {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
line-height: 1 !important;
}
#header #id .d2026-brand-mark,
.d2026-footer-lockup .d2026-brand-mark {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
#header #id .d2026-brand-mark img,
body.woocommerce-page #header #id .d2026-brand-mark img,
.d2026-footer-lockup .d2026-brand-mark img {
display: block !important;
width: 32px !important;
height: 39px !important;
max-width: none !important;
object-fit: contain !important;
border: 0 !important;
box-shadow: none !important;
transition: transform .28s ease, filter .28s ease !important;
}
#header #id .d2026-brand-word,
.d2026-footer-lockup .d2026-brand-word {
display: inline-block !important;
color: #14224e !important;
font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 860 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
#header #id .d2026-brand-word > span,
.d2026-footer-lockup .d2026-brand-word > span {
color: #00bef6 !important;
}
#header #id h1 a.d2026-brand-lockup:hover .d2026-brand-mark img,
.d2026-footer-lockup:hover .d2026-brand-mark img {
transform: translateY(-1px) scale(1.045) !important;
filter: drop-shadow(0 10px 16px rgba(0, 190, 246, .18)) !important;
}
.d2026-footer-lockup {
margin: 0 0 18px !important;
}
.d2026-footer-lockup .d2026-brand-mark img {
width: 42px !important;
height: 51px !important;
}
.d2026-footer-lockup .d2026-brand-word {
font-size: 18px !important;
}
body.home #content .section-card .section-cta .button,
body.page-template-home-thumb-slider-php #content .section-card .section-cta .button,
body.page-template-home-coin-slider-php #content .section-card .section-cta .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 0 30px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 16px 34px -18px rgba(0, 89, 248, .58), inset 0 1px 0 rgba(255, 255, 255, .23) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 760 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-shadow: none !important;
transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}
body.home #content .section-card .section-cta .button:hover,
body.page-template-home-thumb-slider-php #content .section-card .section-cta .button:hover,
body.page-template-home-coin-slider-php #content .section-card .section-cta .button:hover {
transform: translateY(-2px) !important;
filter: saturate(1.04) brightness(1.02) !important;
box-shadow: 0 20px 42px -20px rgba(0, 89, 248, .66), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}
body.home #content .section-card .section-cta .button span,
body.page-template-home-thumb-slider-php #content .section-card .section-cta .button span,
body.page-template-home-coin-slider-php #content .section-card .section-cta .button span {
color: #fff !important;
}
.d2026-work-gallery {
margin: 22px 0 0 !important;
}
.d2026-work-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 2px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 18px !important;
background: #e6eef9 !important;
overflow: hidden !important;
}
.d2026-work-tile {
display: block !important;
width: 100% !important;
aspect-ratio: 1.32 / 1 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #eef5ff !important;
cursor: zoom-in !important;
overflow: hidden !important;
}
.d2026-work-tile img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .34s ease, filter .34s ease !important;
}
.d2026-work-tile:hover img,
.d2026-work-tile:focus-visible img {
transform: scale(1.045) !important;
filter: saturate(1.08) brightness(1.03) !important;
}
.d2026-work-tile:focus-visible {
outline: 2px solid rgba(0, 190, 246, .75) !important;
outline-offset: -3px !important;
}
.d2026-work-grid .d2026-work-tile:nth-child(14) {
grid-column: span 2 !important;
}
.d2026-work-more {
display: none !important;
}
.d2026-work-lightbox {
position: fixed !important;
inset: 0 !important;
z-index: 100000 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
padding: 56px 74px !important;
box-sizing: border-box !important;
background: rgba(5, 14, 34, .86) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
backdrop-filter: blur(16px) saturate(1.15) !important;
}
.d2026-work-lightbox.is-open {
display: flex !important;
}
body.d2026-work-lightbox-open {
overflow: hidden !important;
}
.d2026-work-lightbox-frame {
display: grid !important;
justify-items: center !important;
gap: 14px !important;
max-width: min(1120px, 100%) !important;
max-height: 100% !important;
margin: 0 !important;
}
.d2026-work-lightbox-frame img {
display: block !important;
max-width: 100% !important;
max-height: calc(100vh - 150px) !important;
width: auto !important;
height: auto !important;
border-radius: 18px !important;
box-shadow: 0 34px 94px -34px rgba(0, 0, 0, .62) !important;
background: #071124 !important;
}
.d2026-work-lightbox-frame figcaption {
max-width: 760px !important;
color: rgba(255, 255, 255, .82) !important;
font-size: 13px !important;
font-weight: 620 !important;
line-height: 1.35 !important;
text-align: center !important;
}
.d2026-work-lightbox-close,
.d2026-work-lightbox-nav {
position: absolute !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 46px !important;
height: 46px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .13) !important;
color: #fff !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 18px 40px -28px rgba(0, 0, 0, .74) !important;
cursor: pointer !important;
transition: background .2s ease, transform .2s ease !important;
}
.d2026-work-lightbox-close:hover,
.d2026-work-lightbox-nav:hover {
background: rgba(255, 255, 255, .22) !important;
transform: translateY(-1px) !important;
}
.d2026-work-lightbox-close {
top: 22px !important;
right: 22px !important;
}
.d2026-work-lightbox-nav--prev {
left: 22px !important;
top: 50% !important;
transform: translateY(-50%) rotate(180deg) !important;
}
.d2026-work-lightbox-nav--prev:hover {
transform: translateY(calc(-50% - 1px)) rotate(180deg) !important;
}
.d2026-work-lightbox-nav--next {
right: 22px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.d2026-work-lightbox-nav--next:hover {
transform: translateY(calc(-50% - 1px)) !important;
}
body.home #content .prices-section .d2026-home-printers,
body.page-template-home-thumb-slider-php #content .prices-section .d2026-home-printers,
body.page-template-home-coin-slider-php #content .prices-section .d2026-home-printers {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
margin: 0 !important;
padding: 0 !important;
}
body.home #content .d2026-home-printer-card,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-card,
body.page-template-home-coin-slider-php #content .d2026-home-printer-card {
position: relative !important;
display: grid !important;
grid-template-columns: 150px minmax(0, 1fr) !important;
gap: 12px !important;
min-height: 168px !important;
padding: 14px !important;
box-sizing: border-box !important;
border-radius: 22px !important;
background: rgba(255, 255, 255, .96) !important;
border: 1px solid rgba(13, 33, 82, .07) !important;
box-shadow: 0 18px 44px -34px rgba(0, 36, 110, .32), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
overflow: hidden !important;
}
body.home #content .d2026-home-printer-image,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-image,
body.page-template-home-coin-slider-php #content .d2026-home-printer-image {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 140px !important;
margin: -8px 0 -10px -12px !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
body.home #content .d2026-home-printer-image img,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-image img,
body.page-template-home-coin-slider-php #content .d2026-home-printer-image img {
display: block !important;
width: 126% !important;
height: 152px !important;
max-width: none !important;
object-fit: contain !important;
margin: 4px 0 0 -18px !important;
filter: drop-shadow(0 18px 18px rgba(20, 44, 90, .16)) !important;
}
body.home #content .d2026-home-printer-badge,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-badge,
body.page-template-home-coin-slider-php #content .d2026-home-printer-badge {
position: absolute !important;
z-index: 3 !important;
left: 8px !important;
top: 8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 22px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #ff9b20, #ff6d2a) !important;
box-shadow: 0 12px 22px -16px rgba(255, 109, 42, .62) !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 860 !important;
line-height: 1 !important;
}
body.home #content .d2026-home-printer-body,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-body,
body.page-template-home-coin-slider-php #content .d2026-home-printer-body {
position: static !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
min-width: 0 !important;
padding: 4px 54px 48px 0 !important;
gap: 5px !important;
}
body.home #content .d2026-home-printer-body h3,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-body h3,
body.page-template-home-coin-slider-php #content .d2026-home-printer-body h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 840 !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
text-align: left !important;
}
body.home #content .d2026-home-printer-body h3 a,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-body h3 a,
body.page-template-home-coin-slider-php #content .d2026-home-printer-body h3 a {
color: #101a4a !important;
text-decoration: none !important;
}
body.home #content .d2026-home-printer-type,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-type,
body.page-template-home-coin-slider-php #content .d2026-home-printer-type {
order: 2 !important;
color: #7a8498 !important;
font-size: 10px !important;
font-weight: 720 !important;
line-height: 1 !important;
}
body.home #content .d2026-home-printer-price,
body.home #content .d2026-home-printer-price .amount,
body.home #content .d2026-home-printer-price bdi,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price .amount,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price bdi,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price .amount,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price bdi {
color: #081640 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.08 !important;
}
body.home #content .d2026-home-printer-price,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price {
order: 3 !important;
display: flex !important;
align-items: baseline !important;
gap: 6px !important;
flex-wrap: wrap !important;
margin-top: 2px !important;
}
body.home #content .d2026-home-printer-price .screen-reader-text,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price .screen-reader-text,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.home #content .d2026-home-printer-price ins,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price ins,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price ins {
order: 1 !important;
text-decoration: none !important;
}
body.home #content .d2026-home-printer-price del,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-price del,
body.page-template-home-coin-slider-php #content .d2026-home-printer-price del {
order: 2 !important;
margin-left: 0 !important;
color: #98a3b8 !important;
font-size: 12px !important;
font-weight: 720 !important;
}
body.home #content .d2026-home-printer-stock,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-stock,
body.page-template-home-coin-slider-php #content .d2026-home-printer-stock {
order: 4 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
width: max-content !important;
max-width: 100% !important;
color: #19a86c !important;
font-size: 10.5px !important;
font-weight: 770 !important;
line-height: 1 !important;
}
body.home #content .d2026-home-printer-stock::before,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-stock::before,
body.page-template-home-coin-slider-php #content .d2026-home-printer-stock::before {
content: "" !important;
width: 6px !important;
height: 6px !important;
border-radius: 999px !important;
background: currentColor !important;
box-shadow: 0 0 0 3px rgba(25, 168, 108, .1) !important;
}
body.home #content .d2026-home-printer-cart,
body.home #content .d2026-home-printer-cart.add_to_cart_button,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-cart,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-cart.add_to_cart_button,
body.page-template-home-coin-slider-php #content .d2026-home-printer-cart,
body.page-template-home-coin-slider-php #content .d2026-home-printer-cart.add_to_cart_button {
position: absolute !important;
left: auto !important;
top: auto !important;
inset-inline-start: auto !important;
right: 14px !important;
bottom: 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #0059f8, #0b8dff) !important;
box-shadow: 0 16px 28px -17px rgba(0, 89, 248, .62), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
color: #fff !important;
font-size: 0 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
text-decoration: none !important;
transform: none !important;
transition: transform .2s ease, box-shadow .2s ease !important;
}
body.home #content .d2026-home-printer-cart:hover,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-cart:hover,
body.page-template-home-coin-slider-php #content .d2026-home-printer-cart:hover {
transform: translateY(-2px) !important;
}
body.home #content .d2026-home-printer-cart span,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-cart span,
body.page-template-home-coin-slider-php #content .d2026-home-printer-cart span {
display: none !important;
}
body.home #content .d2026-home-printer-cart svg,
body.page-template-home-thumb-slider-php #content .d2026-home-printer-cart svg,
body.page-template-home-coin-slider-php #content .d2026-home-printer-cart svg {
width: 18px !important;
height: 18px !important;
stroke-width: 1.9 !important;
}
@media (max-width: 1120px) {
body.home #content .prices-section .d2026-home-printers,
body.page-template-home-thumb-slider-php #content .prices-section .d2026-home-printers,
body.page-template-home-coin-slider-php #content .prices-section .d2026-home-printers {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* ============================================================
* 2026.176 — Cart, checkout and shop hero conversion polish
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
grid-template-columns: max-content max-content !important;
grid-template-areas:
"price price"
"proof proof"
"primary secondary" !important;
gap: 10px 10px !important;
margin-top: 24px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
grid-area: price !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-proof-2026 {
grid-area: proof !important;
align-self: start !important;
padding: 0 !important;
margin: -1px 0 3px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
grid-area: primary !important;
position: static !important;
left: auto !important;
right: auto !important;
inset: auto !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-area: secondary !important;
background: transparent !important;
border: 1px solid rgba(69,82,108,.28) !important;
box-shadow: none !important;
color: rgba(49,64,95,.72) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary:hover,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary:focus-visible {
background: rgba(255,255,255,.48) !important;
border-color: rgba(0,89,248,.30) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.30) !important;
color: #0059f8 !important;
}
}
body.woocommerce-cart #content .shop-cart-page-2026 .shop-utility-title-2026,
body.woocommerce-checkout #content .shop-checkout-page-2026 .shop-utility-title-2026 {
max-width: 760px !important;
margin: 0 auto 26px !important;
text-align: center !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .shop-utility-title-2026 h1,
body.woocommerce-checkout #content .shop-checkout-page-2026 .shop-utility-title-2026 h1 {
text-align: center !important;
letter-spacing: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .shop-utility-title-2026 p,
body.woocommerce-checkout #content .shop-checkout-page-2026 .shop-utility-title-2026 p {
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce-cart-form,
body.woocommerce-checkout #content .shop-checkout-page-2026 #customer_details,
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review,
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells,
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals {
box-sizing: border-box !important;
border-radius: 24px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 24px 58px -44px rgba(10,30,90,.30), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce-cart-form {
padding: 20px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart {
border: 0 !important;
border-radius: 18px !important;
box-shadow: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart th {
background: #f7fbff !important;
color: #66728d !important;
font-size: 11px !important;
font-weight: 850 !important;
letter-spacing: .03em !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart td {
vertical-align: middle !important;
font-size: 13.5px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart .product-thumbnail img {
width: 74px !important;
height: 74px !important;
object-fit: contain !important;
border-radius: 16px !important;
background: #f7fbff !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart .product-name a {
color: #101a4a !important;
font-size: 14.5px !important;
font-weight: 850 !important;
line-height: 1.35 !important;
text-decoration: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .woocommerce table.shop_table.cart .quantity .qty {
width: 72px !important;
height: 38px !important;
border-radius: 999px !important;
border: 1px solid rgba(20,26,44,.12) !important;
background: #fff !important;
font-weight: 850 !important;
text-align: center !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart-collaterals {
display: grid !important;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr) !important;
gap: 22px !important;
align-items: start !important;
margin-top: 22px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart-collaterals::before,
body.woocommerce-cart #content .shop-cart-page-2026 .cart-collaterals::after,
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products::before,
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products::after {
display: none !important;
content: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells,
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals {
float: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 20px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals {
position: sticky !important;
top: 18px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells h2,
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals h2,
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review_heading,
body.woocommerce-checkout #content .shop-checkout-page-2026 .woocommerce-billing-fields h3,
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-order-details__title,
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-column__title {
margin: 0 0 16px !important;
color: #101a4a !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product {
position: relative !important;
float: none !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 13px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 16px 34px -30px rgba(10,30,90,.24) !important;
text-align: center !important;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product:hover {
border-color: rgba(0,89,248,.16) !important;
box-shadow: 0 22px 44px -32px rgba(0,89,248,.26) !important;
transform: translateY(-2px) !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product a.woocommerce-loop-product__link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
text-decoration: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product img {
width: 112px !important;
height: 112px !important;
margin: 0 auto 2px !important;
object-fit: contain !important;
border-radius: 16px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product h2,
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product h3 {
min-height: 38px !important;
margin: 0 !important;
color: #101a4a !important;
font-size: 12.5px !important;
font-weight: 850 !important;
line-height: 1.22 !important;
letter-spacing: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .onsale {
position: absolute !important;
top: 10px !important;
left: 10px !important;
right: auto !important;
z-index: 8 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 22px !important;
min-height: 22px !important;
padding: 0 8px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #ff4f75, #ff8a32) !important;
box-shadow: 0 12px 22px -15px rgba(255,79,117,.54) !important;
font-size: 0 !important;
line-height: 1 !important;
margin: 0 !important;
transform: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .onsale::before {
content: "Скидка" !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .price {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
min-height: 43px !important;
margin: 0 0 10px !important;
color: #0059f8 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .price .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .price ins {
order: 1 !important;
display: inline-flex !important;
align-items: baseline !important;
color: #0059f8 !important;
font-size: 14.5px !important;
font-weight: 950 !important;
line-height: 1.05 !important;
text-decoration: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .price del {
order: 2 !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
padding: 2px 6px !important;
border-radius: 999px !important;
background: #f1f4f9 !important;
color: #8791aa !important;
font-size: 10.5px !important;
font-weight: 750 !important;
line-height: 1 !important;
text-decoration: none !important;
opacity: 1 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .price del::after {
content: "" !important;
position: absolute !important;
left: 5px !important;
right: 5px !important;
top: 50% !important;
height: 1.5px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(135,145,170,.40), rgba(0,89,248,.45)) !important;
transform: translateY(-50%) rotate(-6deg) !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products li.product .button {
min-height: 34px !important;
padding: 0 14px !important;
font-size: 11.5px !important;
font-weight: 850 !important;
box-shadow: 0 12px 22px -16px rgba(0,89,248,.46) !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals table.shop_table {
margin: 0 0 18px !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals table.shop_table th,
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals table.shop_table td {
padding: 13px 0 !important;
background: transparent !important;
border-color: rgba(20,26,44,.07) !important;
font-size: 13px !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals .order-total strong,
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals .order-total .amount {
color: #0059f8 !important;
font-size: 21px !important;
font-weight: 950 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .wc-proceed-to-checkout {
padding: 0 !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .wc-proceed-to-checkout a.checkout-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 58px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 24px !important;
border-radius: 18px !important;
font-size: 16px !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 24px 44px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 form.checkout {
display: grid !important;
grid-template-columns: minmax(0, 1.04fr) minmax(360px, .72fr) !important;
gap: 24px !important;
align-items: start !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #customer_details {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
float: none !important;
width: auto !important;
padding: 24px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #customer_details .col-1,
body.woocommerce-checkout #content .shop-checkout-page-2026 #customer_details .col-2 {
float: none !important;
width: 100% !important;
max-width: none !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px 18px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #billing_postcode_field,
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row-wide {
grid-column: 1 / -1 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row label {
margin: 0 0 7px !important;
color: #4f5d75 !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1.2 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row input.input-text,
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row textarea,
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row select {
box-sizing: border-box !important;
width: 100% !important;
min-height: 46px !important;
border-radius: 14px !important;
border: 1px solid rgba(20,26,44,.12) !important;
background: #fff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
color: #101a4a !important;
font-size: 14.5px !important;
padding: 11px 14px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 .form-row textarea {
min-height: 92px !important;
resize: vertical !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review_heading {
grid-column: 2 !important;
grid-row: 1 !important;
margin: 0 0 -8px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review {
grid-column: 2 !important;
grid-row: 2 !important;
padding: 22px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review table.shop_table {
margin: 0 0 18px !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review table.shop_table th,
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review table.shop_table td {
padding: 12px 0 !important;
background: transparent !important;
border-color: rgba(20,26,44,.07) !important;
font-size: 13px !important;
line-height: 1.35 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment {
border-radius: 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.08) !important;
padding: 12px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment ul.payment_methods {
padding: 0 !important;
border: 0 !important;
margin: 0 0 14px !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment ul.payment_methods li.wc_payment_method {
position: relative !important;
margin: 0 0 10px !important;
padding: 0 !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.08) !important;
box-shadow: 0 12px 26px -24px rgba(10,30,90,.24) !important;
overflow: hidden !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment ul.payment_methods li.wc_payment_method:has(input[type="radio"]:checked) {
border-color: rgba(0,89,248,.28) !important;
box-shadow: 0 16px 34px -28px rgba(0,89,248,.38), inset 3px 0 0 #0059f8 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment ul.payment_methods li.wc_payment_method label {
display: flex !important;
align-items: center !important;
min-height: 48px !important;
box-sizing: border-box !important;
padding: 13px 16px !important;
color: #101a4a !important;
font-size: 13.2px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
cursor: pointer !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment div.payment_box {
margin: 0 !important;
padding: 0 16px 15px !important;
background: transparent !important;
color: #66728d !important;
font-size: 12.5px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment div.payment_box::before {
display: none !important;
content: none !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #payment .place-order {
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #place_order {
display: flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
width: 100% !important;
min-height: 58px !important;
margin: 0 !important;
border-radius: 18px !important;
font-size: 16px !important;
font-weight: 950 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 24px 44px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-order {
display: grid !important;
gap: 20px !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-thankyou-order-received {
margin: 0 !important;
padding: 22px 24px !important;
border-radius: 24px !important;
background: linear-gradient(135deg, rgba(0,89,248,.10), rgba(0,190,246,.10)) !important;
border: 1px solid rgba(0,89,248,.14) !important;
color: #101a4a !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1.35 !important;
text-align: center !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 ul.woocommerce-order-overview {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 ul.woocommerce-order-overview li {
float: none !important;
margin: 0 !important;
padding: 16px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 18px 38px -32px rgba(10,30,90,.24) !important;
color: #66728d !important;
font-size: 11px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 ul.woocommerce-order-overview li strong {
display: block !important;
margin-top: 5px !important;
color: #101a4a !important;
font-size: 14px !important;
font-weight: 900 !important;
}
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-order-details,
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-customer-details,
body.woocommerce-order-received #content .shop-checkout-page-2026 .woocommerce-bacs-bank-details {
box-sizing: border-box !important;
padding: 22px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 24px 58px -44px rgba(10,30,90,.30), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
@media (max-width: 1024px) {
body.woocommerce-cart #content .shop-cart-page-2026 .cart-collaterals,
body.woocommerce-checkout #content .shop-checkout-page-2026 form.checkout {
grid-template-columns: 1fr !important;
}
body.woocommerce-checkout #content .shop-checkout-page-2026 #customer_details,
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review_heading,
body.woocommerce-checkout #content .shop-checkout-page-2026 #order_review {
grid-column: 1 !important;
grid-row: auto !important;
}
body.woocommerce-cart #content .shop-cart-page-2026 .cart_totals {
position: static !important;
}
}
@media (max-width: 720px) {
body.woocommerce-cart #content .shop-cart-page-2026 .cross-sells ul.products,
body.woocommerce-checkout #content .shop-checkout-page-2026 .woocommerce-billing-fields__field-wrapper,
body.woocommerce-order-received #content .shop-checkout-page-2026 ul.woocommerce-order-overview {
grid-template-columns: 1fr !important;
}
}
/* ============================================================
* 2026.176 — Cart, checkout and shop hero conversion polish
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
grid-template-columns: max-content max-content !important;
grid-template-areas:
"price price"
"proof proof"
"primary secondary" !important;
gap: 10px 10px !important;
margin-top: 24px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
grid-area: price !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-proof-2026 {
grid-area: proof !important;
align-self: start !important;
padding: 0 !important;
margin: -1px 0 3px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
grid-area: primary !important;
position: static !important;
left: auto !important;
right: auto !important;
inset: auto !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-area: secondary !important;
background: transparent !important;
border: 1px solid rgba(69, 82, 108, .28) !important;
box-shadow: none !important;
color: rgba(49, 64, 95, .72) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary:hover,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary:focus-visible {
background: rgba(255,255,255,.48) !important;
border-color: rgba(0,89,248,.30) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.30) !important;
color: #0059f8 !important;
}
}
/* ============================================================
* 2026.168 — Shop hero: preserve CTA label case
* ============================================================ */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary span,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-secondary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-secondary span {
text-transform: none !important;
}
/* =====================================================================
2026.112 - Woo nav motion, content tuck and cart feedback
===================================================================== */
@media (min-width: 1025px) {
body.woocommerce-page #content > .hd.shop-hd-2026 {
position: relative !important;
z-index: 3600 !important;
margin-bottom: 0 !important;
}
body.woocommerce-page #content .bd.shop-page-2026,
body.woocommerce-page:not(.woocommerce-shop) #content .bd.shop-page-2026 {
position: relative !important;
z-index: 1 !important;
margin-top: -46px !important;
}
body.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 {
padding-top: 60px !important;
}
body.single-product #content .shop-entry-2026 {
padding-top: 62px !important;
}
body.woocommerce-shop .shop-hero-landing-2026 {
margin-top: -40px !important;
}
}
@media (min-width: 761px) and (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026 {
position: relative !important;
z-index: 3600 !important;
margin-bottom: 0 !important;
}
body.woocommerce-page #content .bd.shop-page-2026 {
position: relative !important;
z-index: 1 !important;
margin-top: -30px !important;
}
body.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 {
padding-top: 44px !important;
}
body.woocommerce-shop .shop-hero-landing-2026 {
margin-top: -26px !important;
}
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 {
position: relative !important;
isolation: isolate !important;
overflow: visible !important;
--shop-nav-glow-x: 0px;
--shop-nav-glow-y: 0px;
--shop-nav-glow-w: 120px;
--shop-nav-glow-h: 42px;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: var(--shop-nav-glow-w) !important;
height: var(--shop-nav-glow-h) !important;
border-radius: 999px !important;
background:
radial-gradient(circle at 22% 18%, rgba(255,255,255,.54), rgba(255,255,255,0) 34%),
linear-gradient(90deg, #0059f8 0%, #00bef6 78%, #35d9ff 100%) !important;
box-shadow: 0 14px 28px -14px rgba(0,89,248,.54), 0 0 0 1px rgba(255,255,255,.32) inset !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translate3d(var(--shop-nav-glow-x), var(--shop-nav-glow-y), 0) scale(.92) !important;
transition: transform .38s cubic-bezier(.18,.88,.22,1), width .38s cubic-bezier(.18,.88,.22,1), height .38s cubic-bezier(.18,.88,.22,1), opacity .18s ease !important;
z-index: 0 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before {
opacity: 1 !important;
transform: translate3d(var(--shop-nav-glow-x), var(--shop-nav-glow-y), 0) scale(1) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 {
position: relative !important;
z-index: 1 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 {
z-index: 7000 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
position: relative !important;
z-index: 2 !important;
transition: color .2s ease, transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-color: transparent !important;
color: #fff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.24) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 16px center, center !important;
background-size: 10px 10px, 100% 100% !important;
}
}
body.single-product .woocommerce-product-gallery__trigger {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.single-product .summary form.cart {
overflow: visible !important;
isolation: isolate !important;
}
body.single-product .summary .single_add_to_cart_button,
body.single-product .summary button.single_add_to_cart_button.button.alt {
position: relative !important;
z-index: 1 !important;
box-shadow: 0 18px 36px -14px rgba(10,61,247,.52), 0 0 0 4px rgba(0,190,246,.06), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.single-product .summary .single_add_to_cart_button:hover,
body.single-product .summary button.single_add_to_cart_button.button.alt:hover {
box-shadow: 0 26px 48px -16px rgba(10,61,247,.62), 0 0 0 6px rgba(0,190,246,.08), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.shop-cart-preview-wrap-2026,
.shop-icon-action-2026--cart {
overflow: visible !important;
}
.shop-icon-action-2026--cart {
isolation: isolate !important;
}
.shop-icon-action-2026--cart::before {
content: "" !important;
position: absolute !important;
inset: -14px !important;
z-index: 0 !important;
border-radius: 26px !important;
background: radial-gradient(circle, rgba(0,190,246,.34), rgba(0,89,248,.12) 42%, rgba(0,89,248,0) 72%) !important;
opacity: 0 !important;
transform: scale(.7) !important;
pointer-events: none !important;
}
.shop-icon-action-2026--cart svg,
.shop-icon-action-2026--cart em,
.shop-icon-action-2026--cart > span {
position: relative !important;
z-index: 2 !important;
}
.shop-icon-action-2026--cart.is-cart-glow-2026::before {
animation: shopCartBloom2026 1.65s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes shopCartBloom2026 {
0% { opacity: 0; transform: scale(.72); }
28% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(1.36); }
}
.shop-cart-particle-2026 {
position: fixed;
z-index: 2147482600;
display: block;
width: 7px;
height: 7px;
margin: -3px 0 0 -3px;
border-radius: 999px;
background: radial-gradient(circle, #fff 0 18%, #00bef6 19% 100%);
box-shadow: 0 0 16px rgba(0,190,246,.56);
pointer-events: none;
animation: shopCartParticle2026 .86s cubic-bezier(.18,.78,.2,1) forwards;
}
@keyframes shopCartParticle2026 {
0% { opacity: 0; transform: translate3d(0,0,0) scale(.45); }
20% { opacity: 1; }
100% { opacity: 0; transform: translate3d(var(--shop-cart-px), var(--shop-cart-py), 0) scale(.92); }
}
.shop-cart-add-notice-2026 {
position: fixed;
z-index: 2147482500;
box-sizing: border-box;
display: grid;
gap: 3px;
width: min(286px, calc(100vw - 32px));
min-height: 72px;
padding: 12px 14px 12px 16px;
border-radius: 18px;
background: rgba(255,255,255,.97);
border: 1px solid rgba(20,26,44,.075);
box-shadow: 0 22px 54px -24px rgba(13,28,73,.34), 0 0 0 1px rgba(255,255,255,.72) inset;
color: #101a4a;
pointer-events: none;
opacity: 0;
transform: translate3d(18px, -50%, 0) scale(.98);
transition: opacity .2s ease, transform .34s cubic-bezier(.2,.8,.2,1);
backdrop-filter: blur(18px) saturate(1.18);
-webkit-backdrop-filter: blur(18px) saturate(1.18);
}
.shop-cart-add-notice-2026.is-visible {
opacity: 1 !important;
transform: translate3d(0, -50%, 0) scale(1) !important;
}
.shop-cart-add-notice-kicker-2026 {
color: #0059f8;
font-size: 11px;
font-weight: 900;
line-height: 1.1;
letter-spacing: .02em;
text-transform: uppercase;
}
.shop-cart-add-notice-2026 strong {
display: block;
max-width: 100%;
overflow: hidden;
color: #101a4a;
font-size: 13px;
font-weight: 850;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.shop-cart-add-notice-2026 em {
display: block;
min-height: 15px;
color: #566174;
font-size: 12px;
font-style: normal;
font-weight: 750;
line-height: 1.2;
}
@media (max-width: 760px) {
.shop-cart-add-notice-2026 {
left: 16px !important;
right: 16px !important;
top: 88px !important;
width: auto;
transform: translate3d(0, -12px, 0) scale(.98);
}
.shop-cart-add-notice-2026.is-visible {
transform: translate3d(0, 0, 0) scale(1);
}
}
/* 2026.114 EOF lock - product/category tuck, dropdown docking and cart feedback polish */
@media (min-width: 1025px) {
body.single-product #content .bd.shop-page-2026,
body.tax-product_cat #content .bd.shop-page-2026 {
margin-top: -58px !important;
}
body.single-product #content .shop-entry-2026,
body.tax-product_cat #content .shop-entry-2026 {
padding-top: 0 !important;
}
body.single-product #content .shop-entry-2026 > div.product {
margin-top: -18px !important;
padding-top: 76px !important;
}
body.tax-product_cat #content .shop-entry-2026 > .woocommerce,
body.tax-product_cat #content .shop-entry-2026 > ul.products {
margin-top: -18px !important;
padding-top: 72px !important;
}
}
@media (min-width: 761px) {
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-more-2026 {
position: relative !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 > .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-more-2026 > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
transform: none !important;
translate: none !important;
width: min(740px, calc(100vw - 48px)) !important;
max-width: min(740px, calc(100vw - 48px)) !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
justify-items: stretch !important;
align-items: start !important;
text-align: left !important;
transform-origin: top left !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-column-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 {
text-align: left !important;
justify-items: stretch !important;
align-items: stretch !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a {
justify-content: flex-start !important;
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.shop-icon-action-2026--cart {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
overflow: visible !important;
isolation: isolate !important;
color: #fff !important;
}
.shop-icon-action-2026--cart::before {
inset: auto !important;
left: 50% !important;
top: 100% !important;
width: 76px !important;
height: 34px !important;
border-radius: 999px !important;
background: radial-gradient(ellipse at center, rgba(255,255,255,.82) 0%, rgba(0,190,246,.46) 28%, rgba(10,61,247,.18) 58%, rgba(10,61,247,0) 78%) !important;
filter: blur(1px) !important;
transform: translate3d(-50%, -14px, 0) scale(.48) !important;
z-index: 1 !important;
}
.shop-icon-action-2026--cart > svg {
position: relative !important;
z-index: 3 !important;
display: block !important;
visibility: visible !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
opacity: 1 !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
}
.shop-icon-action-2026--cart > em {
position: absolute !important;
top: -7px !important;
right: -7px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 5px !important;
border-radius: 999px !important;
background: #fff !important;
color: #fa3076 !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 950 !important;
line-height: 18px !important;
transform: none !important;
box-shadow: 0 8px 18px -10px rgba(16,26,74,.55) !important;
pointer-events: none !important;
}
.shop-icon-action-2026--cart > span {
position: relative !important;
z-index: 3 !important;
}
.shop-icon-action-2026--cart.is-cart-glow-2026::before {
animation: shopCartBloom2026 1.45s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes shopCartBloom2026 {
0% { opacity: 0; transform: translate3d(-50%, -12px, 0) scale(.45); }
24% { opacity: 1; transform: translate3d(-50%, -8px, 0) scale(1); }
100% { opacity: 0; transform: translate3d(-50%, 8px, 0) scale(1.55); }
}
.shop-cart-particle-2026 {
width: var(--shop-cart-size, 7px) !important;
height: var(--shop-cart-size, 7px) !important;
margin: -4px 0 0 -4px !important;
background: radial-gradient(circle, #fff 0 16%, #00bef6 17% 62%, #fa3076 63% 100%) !important;
box-shadow: 0 0 18px rgba(0,190,246,.62), 0 0 26px rgba(250,48,118,.2) !important;
animation: shopCartParticle2026 .96s cubic-bezier(.18,.78,.18,1) forwards !important;
}
@keyframes shopCartParticle2026 {
0% { opacity: 0; transform: translate3d(0,0,0) scale(.28); }
16% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
62% { opacity: .9; }
100% { opacity: 0; transform: translate3d(var(--shop-cart-px), var(--shop-cart-py), 0) scale(.36); }
}
.shop-cart-add-notice-2026 {
width: min(258px, calc(100vw - 32px)) !important;
min-height: 62px !important;
gap: 2px !important;
padding: 11px 14px 11px 15px !important;
border-radius: 16px !important;
}
.shop-cart-add-notice-kicker-2026 {
font-size: 10px !important;
letter-spacing: .01em !important;
}
.shop-cart-add-notice-2026 strong {
font-size: 13px !important;
line-height: 1.22 !important;
}
.shop-cart-add-notice-2026 em {
font-size: 11px !important;
line-height: 1.15 !important;
}
.shop-cart-add-notice-2026 em:empty,
.shop-cart-add-notice-2026 em[hidden] {
display: none !important;
}
/* 2026.115 - Woo navigation parity, cart capsule notice and shop CTA recovery */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 14px 28px -14px rgba(0,89,248,.54), 0 0 0 1px rgba(255,255,255,.24) inset !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026 {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
transform: none !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
color: #fff !important;
transform: none !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236a7494' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 13px center !important;
background-size: 10px 10px !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-quick-2026 {
display: block !important;
text-align: left !important;
justify-content: normal !important;
align-items: normal !important;
text-indent: 0 !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026 {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-quick-2026 {
padding-left: 14px !important;
padding-right: 14px !important;
}
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 {
position: relative !important;
overflow: visible !important;
isolation: isolate !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart {
position: relative !important;
z-index: 4 !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 14px 26px -18px rgba(0,89,248,.58) !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > svg {
position: absolute !important;
left: 50% !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
z-index: 5 !important;
display: block !important;
visibility: visible !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
opacity: 1 !important;
translate: none !important;
transform: translate(-50%, -50%) !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > em {
top: -7px !important;
right: -7px !important;
z-index: 6 !important;
translate: none !important;
transform: none !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > span {
translate: none !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart::before {
display: none !important;
content: none !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 {
position: absolute !important;
right: 0 !important;
top: 0 !important;
z-index: 2 !important;
box-sizing: border-box !important;
display: grid !important;
align-content: center !important;
gap: 0 !important;
width: min(292px, calc(100vw - 42px)) !important;
height: 44px !important;
min-height: 44px !important;
padding: 5px 58px 5px 18px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(0,89,248,.11) !important;
box-shadow: 0 18px 42px -24px rgba(13,28,73,.34), inset 0 1px 0 rgba(255,255,255,.92) !important;
clip-path: inset(0 0 0 calc(100% - 44px) round 999px) !important;
color: #101a4a !important;
opacity: 0 !important;
transform: none !important;
transition: clip-path .38s cubic-bezier(.18,.88,.22,1), opacity .18s ease !important;
backdrop-filter: blur(16px) saturate(1.12) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026.is-visible {
clip-path: inset(0 0 0 0 round 999px) !important;
opacity: 1 !important;
transform: none !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 .shop-cart-add-notice-kicker-2026,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 strong,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 em {
min-height: 0 !important;
opacity: 0 !important;
transform: translateX(10px) !important;
transition: opacity .18s ease .12s, transform .22s ease .12s !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026.is-visible .shop-cart-add-notice-kicker-2026,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026.is-visible strong,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026.is-visible em {
opacity: 1 !important;
transform: translateX(0) !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 .shop-cart-add-notice-kicker-2026 {
font-size: 9px !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: .01em !important;
color: #0059f8 !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 strong {
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1.08 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 .shop-cart-add-notice-2026.is-attached-2026 em {
font-size: 10.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #566174 !important;
}
body.tax-product_cat .shop-entry-2026 .woocommerce-products-header,
body.tax-product_cat .shop-entry-2026 .woocommerce-products-header__title,
body.tax-product_cat .shop-entry-2026 h1.page-title {
text-align: center !important;
}
body.tax-product_cat .shop-entry-2026 .woocommerce-products-header__title,
body.tax-product_cat .shop-entry-2026 h1.page-title {
display: block !important;
max-width: 900px !important;
margin: 0 auto 30px !important;
color: #0a162e !important;
font-size: clamp(30px, 3.4vw, 50px) !important;
font-weight: 750 !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
}
body.woocommerce-shop .shop-products-stage-2026 {
margin-top: 34px !important;
}
body.woocommerce-shop .shop-products-toolbar-2026 {
margin-bottom: 16px !important;
}
body.woocommerce-shop .shop-featured-printers-2026.shop-collections-2026,
body.woocommerce-shop .shop-featured-printers-2026 {
margin-top: 14px !important;
}
body.woocommerce-shop .shop-featured-button-2026,
body.woocommerce-shop a.shop-featured-button-2026,
body.woocommerce-shop .shop-featured-button-2026.add_to_cart_button {
position: relative !important;
z-index: 2 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 44px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border: 0 !important;
box-shadow: 0 16px 28px -18px rgba(0,89,248,.58) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-decoration: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.woocommerce-shop .shop-featured-button-2026 *,
body.woocommerce-shop a.shop-featured-button-2026 * {
color: inherit !important;
opacity: 1 !important;
visibility: visible !important;
}
/* 2026.116 - hard lock cart icon centering against duplicate legacy rules */
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > a.shop-icon-action-2026.shop-icon-action-2026--cart > svg,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart > svg {
position: absolute !important;
left: 50% !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
z-index: 7 !important;
display: block !important;
visibility: visible !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
translate: none !important;
transform: translate(-50%, -50%) !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > a.shop-icon-action-2026.shop-icon-action-2026--cart > em,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart > em {
position: absolute !important;
top: -7px !important;
right: -7px !important;
z-index: 8 !important;
translate: none !important;
transform: none !important;
}
/* 2026.114 - Product/category tuck, dropdown docking and cart feedback polish */
@media (min-width: 1025px) {
body.single-product #content .bd.shop-page-2026,
body.tax-product_cat #content .bd.shop-page-2026 {
margin-top: -58px !important;
}
body.single-product #content .shop-entry-2026,
body.tax-product_cat #content .shop-entry-2026 {
padding-top: 0 !important;
}
body.single-product #content .shop-entry-2026 > div.product {
margin-top: -18px !important;
padding-top: 76px !important;
}
body.tax-product_cat #content .shop-entry-2026 > .woocommerce,
body.tax-product_cat #content .shop-entry-2026 > ul.products {
margin-top: -18px !important;
padding-top: 72px !important;
}
}
@media (min-width: 761px) {
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-more-2026 {
position: relative !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 > .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-more-2026 > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
transform: none !important;
translate: none !important;
width: min(740px, calc(100vw - 48px)) !important;
max-width: min(740px, calc(100vw - 48px)) !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
justify-items: stretch !important;
align-items: start !important;
text-align: left !important;
transform-origin: top left !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-column-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 {
text-align: left !important;
justify-items: stretch !important;
align-items: stretch !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a {
justify-content: flex-start !important;
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.shop-icon-action-2026--cart {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
overflow: visible !important;
isolation: isolate !important;
color: #fff !important;
}
.shop-icon-action-2026--cart::before {
inset: auto !important;
left: 50% !important;
top: 100% !important;
width: 76px !important;
height: 34px !important;
border-radius: 999px !important;
background: radial-gradient(ellipse at center, rgba(255,255,255,.82) 0%, rgba(0,190,246,.46) 28%, rgba(10,61,247,.18) 58%, rgba(10,61,247,0) 78%) !important;
filter: blur(1px) !important;
transform: translate3d(-50%, -14px, 0) scale(.48) !important;
z-index: 1 !important;
}
.shop-icon-action-2026--cart > svg {
position: relative !important;
z-index: 3 !important;
display: block !important;
visibility: visible !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
opacity: 1 !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
}
.shop-icon-action-2026--cart > em {
position: absolute !important;
top: -7px !important;
right: -7px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 5px !important;
border-radius: 999px !important;
background: #fff !important;
color: #fa3076 !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 950 !important;
line-height: 18px !important;
transform: none !important;
box-shadow: 0 8px 18px -10px rgba(16,26,74,.55) !important;
pointer-events: none !important;
}
.shop-icon-action-2026--cart > span {
position: relative !important;
z-index: 3 !important;
}
.shop-icon-action-2026--cart.is-cart-glow-2026::before {
animation: shopCartBloom2026 1.45s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes shopCartBloom2026 {
0% { opacity: 0; transform: translate3d(-50%, -12px, 0) scale(.45); }
24% { opacity: 1; transform: translate3d(-50%, -8px, 0) scale(1); }
100% { opacity: 0; transform: translate3d(-50%, 8px, 0) scale(1.55); }
}
.shop-cart-particle-2026 {
width: var(--shop-cart-size, 7px) !important;
height: var(--shop-cart-size, 7px) !important;
margin: -4px 0 0 -4px !important;
background: radial-gradient(circle, #fff 0 16%, #00bef6 17% 62%, #fa3076 63% 100%) !important;
box-shadow: 0 0 18px rgba(0,190,246,.62), 0 0 26px rgba(250,48,118,.2) !important;
animation: shopCartParticle2026 .96s cubic-bezier(.18,.78,.18,1) forwards !important;
}
@keyframes shopCartParticle2026 {
0% { opacity: 0; transform: translate3d(0,0,0) scale(.28); }
16% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
62% { opacity: .9; }
100% { opacity: 0; transform: translate3d(var(--shop-cart-px), var(--shop-cart-py), 0) scale(.36); }
}
.shop-cart-add-notice-2026 {
width: min(258px, calc(100vw - 32px)) !important;
min-height: 62px !important;
gap: 2px !important;
padding: 11px 14px 11px 15px !important;
border-radius: 16px !important;
}
.shop-cart-add-notice-kicker-2026 {
font-size: 10px !important;
letter-spacing: .01em !important;
}
.shop-cart-add-notice-2026 strong {
font-size: 13px !important;
line-height: 1.22 !important;
}
.shop-cart-add-notice-2026 em {
font-size: 11px !important;
line-height: 1.15 !important;
}
.shop-cart-add-notice-2026 em:empty,
.shop-cart-add-notice-2026 em[hidden] {
display: none !important;
}
/* 2026.114 cascade lock - outranks legacy tail overrides */
@media (min-width: 1025px) {
body.single-product.woocommerce-page:not(.woocommerce-shop) #content .bd.shop-page-2026,
body.tax-product_cat.woocommerce-page:not(.woocommerce-shop) #content .bd.shop-page-2026 {
margin-top: -58px !important;
}
body.single-product.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026,
body.tax-product_cat.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 {
padding-top: 0 !important;
}
body.single-product.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 > div.product {
margin-top: -18px !important;
padding-top: 76px !important;
}
body.tax-product_cat.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 > .woocommerce,
body.tax-product_cat.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 > ul.products {
margin-top: -18px !important;
padding-top: 72px !important;
}
}
@media (min-width: 761px) {
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 > .shop-mega-panel-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-more-2026 > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
transform: none !important;
translate: none !important;
width: min(740px, calc(100vw - 48px)) !important;
max-width: min(740px, calc(100vw - 48px)) !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
justify-items: stretch !important;
align-items: start !important;
text-align: left !important;
transform-origin: top left !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-heading-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a {
justify-content: flex-start !important;
text-align: left !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
overflow: visible !important;
isolation: isolate !important;
color: #fff !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart::before {
content: "" !important;
position: absolute !important;
inset: auto !important;
left: 50% !important;
top: 100% !important;
width: 76px !important;
height: 34px !important;
border-radius: 999px !important;
background: radial-gradient(ellipse at center, rgba(255,255,255,.82) 0%, rgba(0,190,246,.46) 28%, rgba(10,61,247,.18) 58%, rgba(10,61,247,0) 78%) !important;
filter: blur(1px) !important;
opacity: 0 !important;
transform: translate3d(-50%, -14px, 0) scale(.48) !important;
z-index: 1 !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > svg {
position: relative !important;
z-index: 3 !important;
display: block !important;
visibility: visible !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
opacity: 1 !important;
color: currentColor !important;
fill: none !important;
stroke: currentColor !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > em {
position: absolute !important;
top: -7px !important;
right: -7px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 5px !important;
border-radius: 999px !important;
background: #fff !important;
color: #fa3076 !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 950 !important;
line-height: 18px !important;
transform: none !important;
box-shadow: 0 8px 18px -10px rgba(16,26,74,.55) !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart > span {
position: relative !important;
z-index: 3 !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--cart.is-cart-glow-2026::before {
animation: shopCartBloom2026v114 1.45s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes shopCartBloom2026v114 {
0% { opacity: 0; transform: translate3d(-50%, -12px, 0) scale(.45); }
24% { opacity: 1; transform: translate3d(-50%, -8px, 0) scale(1); }
100% { opacity: 0; transform: translate3d(-50%, 8px, 0) scale(1.55); }
}
html body .shop-cart-particle-2026 {
width: var(--shop-cart-size, 7px) !important;
height: var(--shop-cart-size, 7px) !important;
margin: -4px 0 0 -4px !important;
background: radial-gradient(circle, #fff 0 16%, #00bef6 17% 62%, #fa3076 63% 100%) !important;
box-shadow: 0 0 18px rgba(0,190,246,.62), 0 0 26px rgba(250,48,118,.2) !important;
animation: shopCartParticle2026v114 .96s cubic-bezier(.18,.78,.18,1) forwards !important;
}
@keyframes shopCartParticle2026v114 {
0% { opacity: 0; transform: translate3d(0,0,0) scale(.28); }
16% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
62% { opacity: .9; }
100% { opacity: 0; transform: translate3d(var(--shop-cart-px), var(--shop-cart-py), 0) scale(.36); }
}
html body .shop-cart-add-notice-2026 {
width: min(258px, calc(100vw - 32px)) !important;
min-height: 62px !important;
gap: 2px !important;
padding: 11px 14px 11px 15px !important;
border-radius: 16px !important;
}
html body .shop-cart-add-notice-kicker-2026 {
font-size: 10px !important;
letter-spacing: .01em !important;
}
html body .shop-cart-add-notice-2026 strong {
font-size: 13px !important;
line-height: 1.22 !important;
}
html body .shop-cart-add-notice-2026 em {
font-size: 11px !important;
line-height: 1.15 !important;
}
html body .shop-cart-add-notice-2026 em:empty,
html body .shop-cart-add-notice-2026 em[hidden] {
display: none !important;
}
/* 2026.113 - Cart notice visibility lock */
.shop-cart-add-notice-2026.is-visible {
opacity: 1 !important;
transform: translate3d(0, -50%, 0) scale(1) !important;
}
@media (max-width: 760px) {
.shop-cart-add-notice-2026.is-visible {
transform: translate3d(0, 0, 0) scale(1) !important;
}
}
/* 2026.113 - Cart notice visibility lock */
.shop-cart-add-notice-2026.is-visible {
opacity: 1 !important;
transform: translate3d(0, -50%, 0) scale(1) !important;
}
@media (max-width: 760px) {
.shop-cart-add-notice-2026.is-visible {
transform: translate3d(0, 0, 0) scale(1) !important;
}
}
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-2026 .shop-hd-shell,
body.page-template-page-woo-header .shop-hd-2026 .shop-hd-shell {
padding: 0 !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
box-sizing: border-box !important;
width: 100% !important;
min-height: 68px !important;
padding: 10px 16px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(255,255,255,.88) !important;
box-shadow: 0 14px 30px -18px rgba(0,89,248,.18), 0 4px 10px -5px rgba(13,28,73,.08), inset 0 0 0 1px rgba(255,255,255,.86) !important;
backdrop-filter: blur(16px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
overflow: visible !important;
}
body.woocommerce-page .shop-icon-actions-2026,
body.single-product .shop-hd-product-2026 .shop-icon-actions-2026 {
padding-right: 4px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-sf-wrapp,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-form {
position: relative !important;
border-radius: 999px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input:focus {
padding-left: 54px !important;
padding-right: 62px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-submit {
right: 8px !important;
top: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 8px 18px -14px rgba(10,40,120,.25) !important;
transform: translateY(-50%) !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-submit svg {
width: 16px !important;
height: 16px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
transform: none !important;
max-width: min(740px, calc(100vw - 32px)) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026.has-dropdown:nth-child(3) > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
}
body.woocommerce-page .shop-hd-utility-2026 .shop-hd-top--compact {
display: none !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 > .shop-entry-2026 {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 .woocommerce {
padding: 26px !important;
border-radius: 30px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28) !important;
}
.shop-utility-title-2026 {
box-sizing: border-box !important;
margin: 0 0 22px !important;
padding: 0 0 18px !important;
border-bottom: 1px solid rgba(16,26,74,.065) !important;
}
.shop-utility-title-2026 h1 {
margin: 0 !important;
color: #101a4a !important;
font-size: clamp(26px, 2vw, 34px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
}
.shop-utility-title-2026 p {
max-width: 720px !important;
margin: 8px 0 0 !important;
color: #66718a !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
body.woocommerce-account #content .woocommerce-form-login,
body.woocommerce-account #content form.login {
width: min(100%, 640px) !important;
max-width: 640px !important;
margin: 0 auto !important;
padding: 24px !important;
border-radius: 24px !important;
}
body.woocommerce-account #content .woocommerce-form-login .form-row,
body.woocommerce-account #content form.login .form-row,
body.woocommerce-account #content .woocommerce-form-login .password-input,
body.woocommerce-account #content form.login .password-input {
box-sizing: border-box !important;
width: 100% !important;
max-width: 560px !important;
}
body.woocommerce-account #content .woocommerce-form-login input.input-text,
body.woocommerce-account #content form.login input.input-text,
body.woocommerce-account #content .woocommerce-form-login input[type="password"],
body.woocommerce-account #content form.login input[type="password"] {
box-sizing: border-box !important;
width: 100% !important;
max-width: 560px !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 44px 0 16px !important;
border-radius: 14px !important;
background: #f8fbff !important;
border: 1px solid rgba(16,26,74,.09) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
color: #26344f !important;
}
.shop-category-tiles.front-shop-images {
gap: 10px !important;
margin-top: 14px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.shop-category-tiles.front-shop-images::before,
.shop-category-tiles.front-shop-images::after {
content: none !important;
display: none !important;
}
.shop-category-tiles .front-cat {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 76px !important;
padding: 14px 12px !important;
border-radius: 18px !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 10px 22px -22px rgba(10,40,120,.20) !important;
color: #2a3556 !important;
font-weight: 750 !important;
}
.shop-category-tiles .front-cat svg {
color: #0059f8 !important;
opacity: .72 !important;
}
.shop-category-tiles .front-cat:hover {
transform: translateY(-2px) !important;
background: #fff !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 16px 32px -26px rgba(0,89,248,.24) !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image,
body.single-product .woocommerce-product-gallery .zoomImg {
filter: none !important;
box-shadow: none !important;
}
.shop-add-fly-2026 {
position: fixed;
z-index: 2147482000;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
padding: 6px;
border-radius: 18px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(0,89,248,.12);
box-shadow: 0 24px 50px -24px rgba(0,89,248,.45);
pointer-events: none;
opacity: 1;
transition: transform .72s cubic-bezier(.2,.8,.2,1), opacity .72s ease, border-radius .72s ease;
}
.shop-add-fly-2026 img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
filter: none !important;
box-shadow: none !important;
}
.shop-icon-action-2026--cart.is-cart-pulse-2026 {
animation: shopCartPulse2026 .72s cubic-bezier(.2,.8,.2,1);
}
@keyframes shopCartPulse2026 {
0% { transform: scale(1); }
42% { transform: scale(1.12); box-shadow: 0 0 0 8px rgba(0,190,246,.14), 0 16px 28px -16px rgba(0,89,248,.48); }
100% { transform: scale(1); }
}
body.single-product .summary form.cart.is-adding-2026 {
pointer-events: none;
}
body.single-product .summary .single_add_to_cart_button.is-loading-2026 {
filter: saturate(1.05) brightness(1.02);
box-shadow: 0 0 0 4px rgba(0,190,246,.12), 0 16px 30px -18px rgba(0,89,248,.54) !important;
}
.shop-cart-feedback-2026 {
width: 100%;
max-height: 0;
margin: 0 !important;
overflow: hidden;
color: #0059f8;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
opacity: 0;
transition: max-height .24s ease, margin .24s ease, opacity .24s ease;
}
.shop-cart-feedback-2026.is-visible {
max-height: 40px;
margin-top: 10px !important;
opacity: 1;
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, max-content) minmax(320px, 1fr) auto !important;
gap: 14px !important;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
border-radius: 24px !important;
padding: 10px !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 .woocommerce {
padding: 16px !important;
border-radius: 22px !important;
}
body.woocommerce-account #content .woocommerce-form-login,
body.woocommerce-account #content form.login {
padding: 18px !important;
}
}
/* =========================================================================
3Dreams — Visual Refresh 2026 (v2 — light, modern, premium)
Loaded AFTER style.css. Desktop only (mobile served by WPtouch).
Brand: #0059f8 (blue) -> #00bef6 (cyan) preserved + gentle accents.
Goals: replace heavy PNG/mesh with soft light layout,
smooth nav animations, restore slider, polish home & footer.
========================================================================= */
:root {
--brand-blue: #0059f8;
--brand-cyan: #00bef6;
--brand-soft: #5f8dff;
--brand-violet: #6c5ce7;
--ink-900: #0b1220;
--ink-800: #16213d;
--ink-700: #2a3556;
--ink-500: #5b6781;
--ink-300: #99a3bb;
--ink-100: #e6ebf3;
--paper: #ffffff;
--paper-2: #f5f8ff;
--paper-3: #eef3ff;
--brand-grad: linear-gradient(120deg, #0059f8 0%, #00bef6 100%);
--brand-grad-soft: linear-gradient(120deg, rgba(0,89,248,.10), rgba(0,190,246,.10));
--shadow-xs: 0 2px 6px -2px rgba(13, 28, 73, .12);
--shadow-sm: 0 8px 22px -10px rgba(13, 28, 73, .16);
--shadow-md: 0 18px 40px -16px rgba(13, 28, 73, .22);
--shadow-lg: 0 30px 60px -22px rgba(13, 28, 73, .28);
--shadow-pop:0 22px 50px -16px rgba(0, 89, 248, .35);
--ease: cubic-bezier(.22, 1, .36, 1);
--bounce: cubic-bezier(.34, 1.56, .64, 1);
--rad-sm: 12px;
--rad-md: 18px;
--rad-lg: 24px;
--rad-xl: 32px;
}
/* ---------- Global polish ---------- */
html { scroll-behavior: smooth; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--ink-700);
background:
radial-gradient(1200px 600px at 80% -10%, rgba(0,190,246,.18), transparent 60%),
radial-gradient(900px 600px at -10% 10%, rgba(0,89,248,.15), transparent 55%),
linear-gradient(180deg, #f6f9ff 0%, #ffffff 60%) !important;
background-attachment: fixed !important;
}
::selection { background: rgba(0,190,246,.30); color: var(--ink-900); }
/* PAGE FRAME — allow overflow for shadows / dropdowns */
#page { overflow: visible !important; }
#header {
padding-top: 22px;
position: relative;
z-index: 2000;
}
#id a img { transition: transform .35s var(--ease), filter .35s var(--ease); }
#id a:hover img {
transform: translateY(-1px) scale(1.02);
filter: drop-shadow(0 10px 20px rgba(0, 89, 248, .25));
}
/* CONTENT — kill legacy 1461x745 PNG, soft glow only */
#content { background: none !important; position: relative; }
#content::before {
content: "";
position: absolute;
left: 0; right: 0; top: -40px;
height: 760px;
z-index: -1;
pointer-events: none;
background:
radial-gradient(60% 70% at 50% 30%, rgba(0, 89, 248, .10), transparent 70%),
radial-gradient(40% 40% at 85% 10%, rgba(0, 190, 246, .12), transparent 70%);
}
/* PRIMARY NAV — glass pill, smooth dropdowns */
#primary-nav { height: auto; margin: 16px 0 0 0; }
#primary-nav .wrapper { display: flex; justify-content: center; align-items: center; }
#primary-nav-menu.dd-menu {
background: rgba(255, 255, 255, .75) !important;
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, .9),
0 14px 30px -14px rgba(0, 89, 248, .18),
0 4px 10px -4px rgba(13, 28, 73, .08) !important;
backdrop-filter: blur(14px) saturate(160%);
-webkit-backdrop-filter: blur(14px) saturate(160%);
border-radius: 999px !important;
padding: 6px !important;
}
#primary-nav-menu.dd-menu li { height: auto; margin-left: 2px; }
#primary-nav-menu.dd-menu li:first-child { margin-left: 0; }
#primary-nav-menu.dd-menu > li > a {
height: auto !important;
line-height: 1 !important;
padding: 12px 20px !important;
border-radius: 999px;
color: var(--ink-700) !important;
font-weight: 600;
letter-spacing: .2px;
background: transparent !important;
transition:
background .25s var(--ease),
color .25s var(--ease),
transform .25s var(--ease),
box-shadow .25s var(--ease) !important;
}
#primary-nav-menu.dd-menu > li > a:hover,
#primary-nav-menu.dd-menu > li.current-menu-item > a,
#primary-nav-menu.dd-menu > li.current-menu-ancestor > a,
#primary-nav-menu.dd-menu > li.current_page_parent > a,
#primary-nav-menu.dd-menu > li > a.dd-path {
background: var(--brand-grad) !important;
color: #fff !important;
box-shadow: 0 10px 22px -8px rgba(0, 89, 248, .55), inset 0 0 0 1px rgba(255,255,255,.25);
transform: translateY(-1px);
}
/* Dropdown panel — float card, animated, never clipped */
#primary-nav-menu.dd-menu li ul {
display: block !important;
opacity: 0;
visibility: hidden;
transform: translateY(-4px) scale(.97);
transform-origin: 50% 0;
transition:
opacity .25s var(--ease),
transform .35s var(--bounce),
visibility .25s var(--ease) !important;
background: rgba(255, 255, 255, .98);
backdrop-filter: blur(16px) saturate(160%);
-webkit-backdrop-filter: blur(16px) saturate(160%);
border-radius: var(--rad-md) !important;
box-shadow:
0 24px 60px -18px rgba(13, 28, 73, .35),
0 4px 12px -4px rgba(13, 28, 73, .12),
inset 0 0 0 1px rgba(0, 89, 248, .06) !important;
padding: 8px !important;
margin-top: 14px;
width: 280px !important;
left: -10px !important;
top: 100% !important;
z-index: 2100 !important;
overflow: visible !important;
}
/* invisible bridge so cursor doesn't lose hover on the gap */
#primary-nav-menu.dd-menu > li:hover::after {
content: "";
position: absolute;
left: 0; right: 0;
top: 100%; height: 18px;
background: transparent;
z-index: 2099;
}
#primary-nav-menu.dd-menu li:hover > ul,
#primary-nav-menu.dd-menu li:focus-within > ul {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
#primary-nav-menu.dd-menu ul a,
#primary-nav-menu.dd-menu li ul li a {
width: auto !important;
padding: 11px 14px 11px 16px !important;
border-radius: var(--rad-sm) !important;
color: var(--ink-700) !important;
background: transparent !important;
font-weight: 500;
transition: background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);
display: flex !important;
align-items: center;
height: auto !important;
}
#primary-nav-menu.dd-menu li ul li a::before {
content: "";
display: inline-block;
width: 6px; height: 6px;
margin-right: 10px;
border-radius: 50%;
background: linear-gradient(120deg, #0059f8, #00bef6);
opacity: .35;
transition: opacity .2s var(--ease), transform .2s var(--ease);
}
#primary-nav-menu.dd-menu li ul li a:hover,
#primary-nav-menu.dd-menu li ul li a.dd-path {
background: linear-gradient(120deg, rgba(0,89,248,.07), rgba(0,190,246,.07)) !important;
color: var(--brand-blue) !important;
transform: translateX(2px);
height: auto !important;
}
#primary-nav-menu.dd-menu li ul li a:hover::before {
opacity: 1;
transform: scale(1.4);
}
/* Hide legacy PNG arrow sprite, draw clean CSS chevron */
#primary-nav-menu.dd-menu a span.dd-arrow,
#primary-nav-menu.dd-menu ul a span.dd-arrow { background-image: none !important; }
#primary-nav-menu.dd-menu > li > a.dd-submenu-title { padding-right: 32px !important; }
#primary-nav-menu.dd-menu > li > a.dd-submenu-title::after {
content: "";
position: absolute;
right: 14px; top: 50%;
width: 6px; height: 6px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-65%) rotate(45deg);
transition: transform .3s var(--bounce);
opacity: .8;
}
#primary-nav-menu.dd-menu > li:hover > a.dd-submenu-title::after {
transform: translateY(-25%) rotate(225deg);
}
/* LANGUAGES / SOCIAL */
#languages { margin-top: 18px; }
#languages a {
display: inline-block;
font-size: 22px !important;
margin: 0 4px;
transition: transform .25s var(--bounce), filter .25s var(--ease);
}
#languages a:hover {
transform: translateY(-3px) scale(1.18);
filter: drop-shadow(0 8px 14px rgba(0, 89, 248, .35));
}
#feeds-nav { margin-top: 14px; }
#feeds-nav a {
display: inline-block;
transition: transform .25s var(--bounce), filter .25s var(--ease);
}
#feeds-nav a:hover {
transform: translateY(-3px) scale(1.12);
filter: drop-shadow(0 8px 16px rgba(0, 190, 246, .55));
}
/* SLIDER — keep ORIGINAL fixed dimensions (cycle.js requires them).
Add modern card frame, gradient caption overlay, Ken-Burns on hover. */
#content .hd { padding-top: 28px; }
#slider { background: none !important; }
#slider.slider-thumb {
border-radius: var(--rad-xl);
overflow: hidden;
box-shadow: var(--shadow-lg);
background: rgba(13, 28, 73, .04);
position: relative;
}
#slider.slider-thumb::after {
content: "";
position: absolute;
inset: 0;
border-radius: var(--rad-xl);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
pointer-events: none;
z-index: 5;
}
#slider.slider-thumb .slide .image a { overflow: hidden; display: block; }
#slider.slider-thumb .slide .image a img {
transition: transform 8s var(--ease), filter .8s var(--ease);
}
#slider.slider-thumb .slide:hover .image a img {
transform: scale(1.06);
filter: saturate(1.08);
}
#slider.slider-thumb .slide .non-image {
background: linear-gradient(120deg, rgba(11, 18, 32, .78) 0%, rgba(0, 89, 248, .55) 60%, rgba(0, 190, 246, .55) 100%) !important;
backdrop-filter: blur(2px) saturate(140%);
-webkit-backdrop-filter: blur(2px) saturate(140%);
border-top: 1px solid rgba(255, 255, 255, .12);
}
#slider.slider-thumb .slide .non-image h2 {
color: #fff !important;
font-weight: 700 !important;
letter-spacing: .2px;
text-shadow: 0 4px 18px rgba(0, 0, 0, .35);
}
#slider.slider-thumb .slide .non-image p.more .button {
box-shadow: 0 14px 28px -10px rgba(0, 0, 0, .45) !important;
}
/* Slider thumb-nav */
#slider.slider-thumb .nav { gap: 10px; }
#slider.slider-thumb .nav li a.frame {
border-radius: var(--rad-sm) !important;
overflow: hidden;
transition: transform .25s var(--bounce), opacity .25s var(--ease), box-shadow .25s var(--ease);
opacity: .55;
}
#slider.slider-thumb .nav li a.frame:hover,
#slider.slider-thumb .nav li.activeSlide a.frame {
transform: translateY(-3px);
opacity: 1;
box-shadow: 0 16px 30px -10px rgba(0, 89, 248, .45);
}
/* MAIN CONTENT CARD UNDER SLIDER */
#content .bd {
margin: 24px 53px 30px 55px;
padding: 48px 48px 28px 48px;
border-radius: var(--rad-xl);
background: var(--paper);
border: none !important;
box-shadow: var(--shadow-md);
overflow: visible;
}
/* HOMEPAGE INNER BLOCKS */
.page-template-home-thumb-slider-php .bd img[src*="shadow_main"] { display: none !important; }
.page-template-home-thumb-slider-php .bd center { display: block; text-align: center; }
.page-template-home-thumb-slider-php .bd center p {
position: relative;
display: inline-block;
color: var(--ink-900) !important;
font-weight: 700 !important;
font-size: 28px !important;
margin: 28px 0 32px !important;
padding: 0 28px;
letter-spacing: .3px;
}
.page-template-home-thumb-slider-php .bd center p::before,
.page-template-home-thumb-slider-php .bd center p::after {
content: "";
position: absolute;
top: 50%;
width: 96px;
height: 2px;
background: var(--brand-grad);
border-radius: 2px;
opacity: .9;
}
.page-template-home-thumb-slider-php .bd center p::before { right: 100%; }
.page-template-home-thumb-slider-php .bd center p::after { left: 100%; }
/* Folio cards on home — premium feel */
.folio-4-columns .folio,
.folio-3-columns .folio,
.folio-2-columns .folio {
background: var(--paper);
border-radius: var(--rad-md);
box-shadow: var(--shadow-xs);
padding: 14px;
transition: transform .4s var(--ease), box-shadow .4s var(--ease);
overflow: hidden;
position: relative;
}
.folio-4-columns .folio::after,
.folio-3-columns .folio::after,
.folio-2-columns .folio::after {
content: "";
position: absolute;
inset: 0;
border-radius: var(--rad-md);
padding: 1px;
background: var(--brand-grad);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .35s var(--ease);
pointer-events: none;
}
.folio-4-columns .folio:hover,
.folio-3-columns .folio:hover,
.folio-2-columns .folio:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-pop);
}
.folio-4-columns .folio:hover::after,
.folio-3-columns .folio:hover::after,
.folio-2-columns .folio:hover::after { opacity: 1; }
.folio .image { margin: 0 0 12px 0 !important; }
.folio .image a {
display: block;
border-radius: var(--rad-sm);
overflow: hidden;
position: relative;
}
.folio .image a img {
transition: transform .7s var(--ease), filter .7s var(--ease);
display: block;
width: 100%;
height: auto;
}
.folio:hover .image a img { transform: scale(1.07); filter: saturate(1.08); }
.folio h3 a {
color: var(--ink-900) !important;
font-weight: 700;
font-size: 16px !important;
line-height: 1.35 !important;
transition: color .2s var(--ease);
}
.folio h3 a:hover { color: var(--brand-blue) !important; }
.folio .meta {
color: var(--ink-500);
font-size: 13px !important;
line-height: 1.55;
padding: 4px 6px 6px;
}
/* Tables on home (steps & prices) */
.page-template-home-thumb-slider-php .bd table {
border-collapse: separate;
border-spacing: 0;
border-radius: var(--rad-md);
overflow: hidden;
box-shadow: var(--shadow-sm);
background: linear-gradient(180deg, #fbfdff 0%, #eef3ff 100%);
width: 100%;
}
.page-template-home-thumb-slider-php .bd table td,
.page-template-home-thumb-slider-php .bd table th {
border: 1px solid rgba(0, 89, 248, .08);
padding: 16px 18px;
vertical-align: middle;
}
.page-template-home-thumb-slider-php .bd table tr:hover td {
background: rgba(0, 190, 246, .04);
}
/* BUTTONS */
.button.primary,
input.button,
button.button {
transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease) !important;
}
.button.primary:hover,
input.button:hover,
button.button:hover {
transform: translateY(-2px);
box-shadow: 0 16px 30px -10px rgba(0, 89, 248, .55) !important;
filter: brightness(1.05);
}
/* FOOTER — modern dark "deep ocean" finish, glass widgets */
#footer {
color: rgba(255, 255, 255, .82) !important;
padding: 70px 80px 30px !important;
margin-top: 50px;
float: none !important;
background:
radial-gradient(800px 400px at 80% 0%, rgba(0, 190, 246, .18), transparent 60%),
radial-gradient(800px 500px at 20% 100%, rgba(108, 92, 231, .18), transparent 60%),
linear-gradient(180deg, #0e1e3f 0%, #0a162e 100%);
border-top-left-radius: var(--rad-xl);
border-top-right-radius: var(--rad-xl);
box-shadow: 0 -20px 60px -20px rgba(13, 28, 73, .25);
position: relative;
overflow: hidden;
}
#footer::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
background-size: 36px 36px;
mask-image: radial-gradient(60% 70% at 50% 30%, #000, transparent 80%);
-webkit-mask-image: radial-gradient(60% 70% at 50% 30%, #000, transparent 80%);
pointer-events: none;
}
#footer .grid { position: relative; z-index: 1; }
#footer * { border-top-color: rgba(255, 255, 255, .08) !important; }
#footer a { color: #fff !important; transition: color .2s var(--ease); }
#footer a:hover { color: var(--brand-cyan) !important; }
#footer .meta, #footer .meta a { color: rgba(255, 255, 255, .55) !important; }
#footer .meta a:hover { color: #fff !important; }
#footer .widgettitle {
color: #fff !important;
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
padding-bottom: 12px !important;
position: relative;
border: none !important;
}
#footer .widgettitle::after {
content: "";
position: absolute;
left: 0; bottom: 0;
width: 36px; height: 3px;
background: var(--brand-grad);
border-radius: 2px;
}
#footer .widget {
background: rgba(255, 255, 255, .04);
border: 1px solid rgba(255, 255, 255, .06);
border-radius: var(--rad-md);
padding: 24px;
transition: background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
#footer .widget:hover {
background: rgba(255, 255, 255, .06);
border-color: rgba(0, 190, 246, .25);
transform: translateY(-3px);
}
#footer ul.post-previews li {
border-top: 1px solid rgba(255, 255, 255, .08) !important;
padding: 12px 0 !important;
}
#footer ul.post-previews li:first-child { border-top: none !important; padding-top: 0 !important; }
#footer ul.post-previews li h3 a { font-weight: 600; }
#footer ul.post-previews li .meta {
color: rgba(255, 255, 255, .5) !important;
font-size: 12px !important;
}
#footer .folio h3 a { font-size: 16px !important; color: #fff !important; }
#footer .folio .meta { color: rgba(255, 255, 255, .65) !important; }
#footer .textwidget p { color: rgba(255, 255, 255, .75) !important; line-height: 1.7; }
#footer .textwidget strong { color: #fff !important; }
/* Subfooter sits OUTSIDE #footer — repaint to extend the dark band */
body #subfooter {
background: linear-gradient(180deg, #0a162e 0%, #06101f 100%) !important;
margin: -1px 0 0 0 !important;
padding: 24px 80px !important;
border-top: 1px solid rgba(255, 255, 255, .06) !important;
}
body #subfooter, body #subfooter * { color: rgba(255, 255, 255, .55) !important; }
body #subfooter a { color: rgba(255, 255, 255, .8) !important; }
body #subfooter a:hover { color: var(--brand-cyan) !important; }
body #subfooter #copyright { font-size: 13px !important; }
/* ACCESSIBILITY */
a:focus-visible,
button:focus-visible,
input:focus-visible {
outline: 2px solid var(--brand-cyan);
outline-offset: 3px;
border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
}
/* ============================================================ */
/* v3 (2026.03) — submenu flyout, social SVG, slider overlap + */
/* pure-JS slider, calc CTA flex, footer wow, folio adaptive */
/* ============================================================ */
/* -- L2 dropdown items: full-width block for proper L3 anchoring -- */
#primary-nav-menu.dd-menu li ul li {
position: relative;
display: block !important;
width: 100% !important;
box-sizing: border-box;
}
/* -- L3 (3rd level) submenu: flyout to the RIGHT -- */
#primary-nav-menu.dd-menu li ul li ul {
top: -8px !important;
left: calc(100% + 8px) !important;
margin-top: 0 !important;
width: 260px !important;
transform: translateX(-8px) scale(.97) !important;
transform-origin: 0 24px !important;
z-index: 2200 !important;
}
#primary-nav-menu.dd-menu li ul li:hover > ul,
#primary-nav-menu.dd-menu li ul li:focus-within > ul {
transform: translateX(0) scale(1) !important;
}
/* invisible bridge L2 → L3 */
#primary-nav-menu.dd-menu li ul li:hover::after {
content: "";
position: absolute;
top: 0; bottom: 0;
left: 100%;
width: 10px;
background: transparent;
}
/* arrow on L2 items that have submenu */
#primary-nav-menu.dd-menu ul a.dd-submenu-title { padding-right: 30px !important; position: relative; }
#primary-nav-menu.dd-menu ul a.dd-submenu-title::after {
content: "";
position: absolute;
right: 14px; top: 50%;
width: 6px; height: 6px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-65%) rotate(-45deg);
opacity: .55;
transition: transform .3s var(--bounce), opacity .25s var(--ease);
}
#primary-nav-menu.dd-menu ul li:hover > a.dd-submenu-title::after {
transform: translateY(-50%) rotate(-45deg) translateX(3px);
opacity: 1;
}
/* ============================================================ */
/* SOCIAL ICONS — hide PNG, replace with crisp SVG masks */
/* ============================================================ */
#feeds-nav .feeds {
display: flex !important;
gap: 10px;
align-items: center;
justify-content: flex-end;
list-style: none;
margin: 0; padding: 0;
}
#feeds-nav .feed {
background: none !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
float: none !important;
display: inline-block;
}
#feeds-nav .feed a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 38px; height: 38px;
border-radius: 50%;
background: rgba(255,255,255,.85);
box-shadow: 0 6px 14px -6px rgba(13,28,73,.18), inset 0 0 0 1px rgba(0,89,248,.08);
position: relative;
overflow: hidden;
transition: transform .3s var(--bounce), box-shadow .3s var(--ease), background .3s var(--ease);
}
#feeds-nav .feed a img { display: none !important; }
#feeds-nav .feed a::before {
content: "";
width: 18px; height: 18px;
background: var(--ink-700);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transition: background .3s var(--ease), transform .3s var(--bounce);
}
#feeds-nav .feed a:hover {
background: var(--brand-grad);
transform: translateY(-3px);
box-shadow: 0 14px 28px -10px rgba(0,89,248,.55);
}
#feeds-nav .feed a:hover::before { background: #fff; transform: scale(1.12); }
/* per-network masks (inline SVG data-URIs) */
#feeds-nav a[href*="t.me"]::before,
#feeds-nav a[href*="telegram"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
#feeds-nav a[href*="facebook"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
#feeds-nav a[href*="instagram"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
#feeds-nav a[href*="youtube"]::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
/* ============================================================ */
/* SLIDER — overlap nav + responsive aspect-ratio + pure-JS */
/* ============================================================ */
#content { padding-top: 0 !important; }
#content .hd,
#content .slider-thumb {
padding: 0 !important;
margin-top: -96px !important;
position: relative;
z-index: 1;
}
#slider.slider-thumb {
height: auto !important;
width: auto !important;
max-width: 1352px;
margin-left: auto !important;
margin-right: auto !important;
}
/* Override jquery.cycle inline pixel sizing */
#slider.slider-thumb .slides {
width: 100% !important;
height: auto !important;
aspect-ratio: 1352 / 677;
position: relative !important;
background: linear-gradient(135deg, #0e1e3f, #0a162e);
}
#slider.slider-thumb .slide {
position: absolute !important;
inset: 0 !important;
top: 0 !important; left: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
display: block !important;
transition: opacity .9s var(--ease);
pointer-events: none;
background-color: transparent !important;
z-index: 1 !important;
}
#slider.slider-thumb .slide.is-active {
opacity: 1 !important;
pointer-events: auto;
z-index: 2 !important;
}
#slider.slider-thumb .slide .image,
#slider.slider-thumb .slide .image a {
width: 100% !important;
height: 100% !important;
display: block !important;
background: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
#slider.slider-thumb .slide .image a img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
transition: transform 8s var(--ease), filter .8s var(--ease);
}
#slider.slider-thumb .slide.is-active .image a img {
transform: scale(1.05);
}
#slider.slider-thumb .slide .image a span.helper1,
#slider.slider-thumb .slide .image a span.helper2,
#slider.slider-thumb .slide .non-image span.helper1 { display: none !important; }
/* Caption overlay — bottom band, gradient, glass blur */
#slider.slider-thumb .slide .non-image {
position: absolute !important;
left: 0; right: 0; bottom: 0;
top: auto !important;
width: 100% !important;
height: auto !important;
padding: 80px 56px 36px !important;
background: linear-gradient(180deg,
rgba(11,18,32,0) 0%,
rgba(11,18,32,.55) 55%,
rgba(11,18,32,.92) 100%) !important;
border: none !important;
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 18px;
z-index: 3;
text-align: left !important;
overflow: visible !important;
backdrop-filter: none !important;
}
#slider.slider-thumb .slide .non-image h2 {
color: #fff !important;
font-size: clamp(22px, 2.4vw, 38px) !important;
font-weight: 800 !important;
line-height: 1.15 !important;
margin: 0 !important;
max-width: 75%;
text-shadow: 0 6px 24px rgba(0,0,0,.55);
letter-spacing: -.2px;
}
#slider.slider-thumb .slide .non-image p.more {
display: block !important;
margin: 0 !important;
}
/* CTA inside slider — pill with brand gradient (preserved palette) */
#slider.slider-thumb .slide .non-image .button.primary {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 14px 26px !important;
border-radius: 999px !important;
background: linear-gradient(120deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
font-weight: 700 !important;
letter-spacing: .2px;
border: 0 !important;
box-shadow:
0 18px 36px -12px rgba(0,89,248,.6),
inset 0 0 0 1px rgba(255,255,255,.28) !important;
transition: transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease) !important;
position: relative;
overflow: hidden;
}
#slider.slider-thumb .slide .non-image .button.primary span { color: #fff; }
#slider.slider-thumb .slide .non-image .button.primary::after {
content: "→";
font-weight: 800;
font-size: 18px;
transition: transform .3s var(--bounce);
}
#slider.slider-thumb .slide .non-image .button.primary:hover {
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow:
0 24px 48px -14px rgba(0,89,248,.75),
inset 0 0 0 1px rgba(255,255,255,.4) !important;
}
#slider.slider-thumb .slide .non-image .button.primary:hover::after {
transform: translateX(5px);
}
/* Custom slider dots (built by JS) */
#slider .nav-dots {
position: absolute;
right: 28px; bottom: 26px;
display: flex; gap: 8px;
z-index: 5;
}
#slider .nav-dots button {
width: 30px; height: 4px;
background: rgba(255,255,255,.35);
border: 0; padding: 0; cursor: pointer;
border-radius: 4px;
transition: background .35s var(--ease), width .35s var(--ease), opacity .25s var(--ease);
}
#slider .nav-dots button:hover { background: rgba(255,255,255,.6); }
#slider .nav-dots button.is-active {
background: linear-gradient(120deg, #00bef6 0%, #fff 100%);
width: 60px;
}
/* ============================================================ */
/* CTA "Калькулятор цены" — flex row, no awkward wrap */
/* ============================================================ */
.bd .grid.blurb {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 22px;
margin-bottom: 22px;
}
.bd .grid.blurb .c-8 {
flex: 1 1 420px;
width: auto !important;
margin: 0 !important;
}
.bd .grid.blurb .c-5 {
flex: 0 0 auto;
width: auto !important;
margin: 0 !important;
}
.bd .grid.blurb .c-8 h1 {
margin: 0 !important;
font-size: clamp(22px, 2vw, 32px) !important;
font-weight: 800 !important;
line-height: 1.2;
background: linear-gradient(120deg, var(--ink-900) 0%, var(--brand-blue) 70%, var(--brand-cyan) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.bd .grid.blurb .c-5 .button.primary {
white-space: nowrap;
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 14px 26px !important;
font-weight: 700 !important;
border-radius: 999px !important;
background: var(--brand-grad) !important;
color: #fff !important;
box-shadow:
0 16px 32px -10px rgba(0,89,248,.55),
inset 0 0 0 1px rgba(255,255,255,.25) !important;
transition: transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);
position: relative;
}
.bd .grid.blurb .c-5 .button.primary::before {
content: "";
width: 18px; height: 18px;
background: #fff;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
.bd .grid.blurb .c-5 .button.primary::after {
content: "→";
font-weight: 800;
font-size: 18px;
transition: transform .3s var(--bounce);
}
.bd .grid.blurb .c-5 .button.primary:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 22px 44px -12px rgba(0,89,248,.65),
inset 0 0 0 1px rgba(255,255,255,.4) !important;
}
.bd .grid.blurb .c-5 .button.primary:hover::after { transform: translateX(5px); }
/* ============================================================ */
/* "О технологии / Цены / Оформить заказ" — 3 glass step cards */
/* ============================================================ */
.bd > .grid:not(.blurb):not(.folio-4-columns):not(.folio-3-columns):not(.folio-2-columns) {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 22px;
margin: 18px 0 28px;
}
.bd .grid .c-5.c-5-update {
width: auto !important;
margin: 0 !important;
background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
border-radius: var(--rad-lg);
padding: 28px 26px 22px !important;
box-shadow: var(--shadow-sm);
position: relative;
overflow: hidden;
transition: transform .35s var(--ease), box-shadow .35s var(--ease);
display: flex !important;
flex-direction: column;
}
.bd .grid .c-5.c-5-update::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: var(--brand-grad);
opacity: .9;
}
.bd .grid .c-5.c-5-update:hover {
transform: translateY(-6px);
box-shadow: var(--shadow-md);
}
.bd .grid .c-5.c-5-update h2 {
font-size: 19px !important;
font-weight: 700 !important;
color: var(--ink-900) !important;
margin: 0 0 10px !important;
}
.bd .grid .c-5.c-5-update p {
color: var(--ink-700) !important;
font-size: 14px !important;
line-height: 1.6 !important;
margin: 0 0 14px !important;
}
.bd .grid .c-5.c-5-update p:last-child { margin-top: auto !important; margin-bottom: 0 !important; }
.bd .grid .c-5.c-5-update .button.tertiary {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 10px 18px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
color: var(--brand-blue) !important;
font-weight: 600 !important;
font-size: 13px !important;
border: 0 !important;
transition: background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease) !important;
}
.bd .grid .c-5.c-5-update .button.tertiary::after {
content: "→";
font-weight: 700;
transition: transform .3s var(--bounce);
}
.bd .grid .c-5.c-5-update .button.tertiary:hover {
background: var(--brand-grad) !important;
color: #fff !important;
transform: translateX(2px);
}
.bd .grid .c-5.c-5-update .button.tertiary:hover::after { transform: translateX(4px); }
/* ============================================================ */
/* "Последние работы" — adaptive grid + nicer cards */
/* ============================================================ */
.bd .grid.folio-4-columns {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
margin: 8px 0 28px;
}
@media (max-width: 1280px) {
.bd .grid.folio-4-columns { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
.bd .grid.folio-4-columns { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.bd .grid.folio-4-columns { grid-template-columns: 1fr; }
}
.bd .grid.folio-4-columns .c-3 {
width: auto !important;
margin: 0 !important;
display: block !important;
float: none !important;
}
.bd .grid.folio-4-columns .c-3.smallonly { display: none !important; }
@media (max-width: 1280px) {
.bd .grid.folio-4-columns .c-3.smallonly { display: block !important; }
}
.bd .grid.folio-4-columns .folio {
padding: 14px 14px 16px;
height: 100%;
display: flex;
flex-direction: column;
}
.bd .grid.folio-4-columns .folio .image {
margin: 0 0 12px !important;
border-radius: 14px;
overflow: hidden;
position: relative;
aspect-ratio: 16 / 10;
}
.bd .grid.folio-4-columns .folio .image a {
display: block;
width: 100%; height: 100%;
border-radius: 14px;
overflow: hidden;
position: relative;
}
.bd .grid.folio-4-columns .folio .image a img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
}
.bd .grid.folio-4-columns .folio .image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, rgba(0,89,248,.18) 100%);
opacity: 0;
transition: opacity .3s var(--ease);
pointer-events: none;
z-index: 2;
}
.bd .grid.folio-4-columns .folio:hover .image::after { opacity: 1; }
.bd .grid.folio-4-columns .folio h3 {
margin: 0 0 6px !important;
padding: 0 4px;
}
.bd .grid.folio-4-columns .folio h3 a {
font-size: 15px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
}
.bd .grid.folio-4-columns .folio .meta {
margin-top: auto !important;
padding: 4px 4px 0 !important;
font-size: 12.5px !important;
color: var(--ink-500) !important;
}
/* ============================================================ */
/* FOOTER — adaptive grid + product cards WOW */
/* ============================================================ */
#footer { padding: 70px 60px 30px !important; }
#footer .grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 32px;
}
#footer .grid > .c-5 {
width: auto !important;
margin: 0 !important;
display: block !important;
float: none !important;
}
/* Magazin 3Dreams — compact product/article cards */
#footer .post-previews {
list-style: none !important;
padding: 0 !important;
margin: 8px 0 0 !important;
display: grid;
gap: 10px;
}
#footer .post-previews li {
background: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.07);
border-radius: 14px;
padding: 10px 14px 10px 10px !important;
display: grid !important;
grid-template-columns: 56px 1fr;
gap: 14px;
align-items: center;
transition: background .3s var(--ease), transform .3s var(--ease), border-color .3s var(--ease);
margin: 0 !important;
}
#footer .post-previews li:hover {
background: rgba(0,190,246,.10) !important;
border-color: rgba(0,190,246,.4);
transform: translateY(-2px);
}
#footer .post-previews li:last-child {
grid-template-columns: 1fr;
background: var(--brand-grad) !important;
border: 0 !important;
text-align: center;
padding: 14px !important;
box-shadow: 0 16px 32px -10px rgba(0,89,248,.55);
}
#footer .post-previews li:last-child:hover {
transform: translateY(-3px);
filter: brightness(1.08);
}
#footer .post-previews li:last-child h3 a {
color: #fff !important;
font-weight: 700 !important;
font-size: 14px !important;
}
#footer .post-previews li .image,
#footer .post-previews li p.image {
margin: 0 !important;
padding: 0 !important;
}
#footer .post-previews li .image a {
display: block !important;
width: 56px !important; height: 56px !important;
border-radius: 10px;
overflow: hidden;
background: #0a162e;
border: 0 !important;
}
#footer .post-previews li .image a img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transform: scale(1.6);
transition: transform .6s var(--ease);
display: block;
}
#footer .post-previews li:hover .image a img { transform: scale(1.75); }
#footer .post-previews li h3 { margin: 0 0 3px !important; padding: 0 !important; }
#footer .post-previews li h3 a {
color: #fff !important;
font-size: 13.5px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
transition: color .25s var(--ease);
}
#footer .post-previews li:hover h3 a { color: #00bef6 !important; }
#footer .post-previews li .meta {
margin: 0 !important;
padding: 0 !important;
font-size: 11.5px !important;
color: rgba(255,255,255,.55) !important;
line-height: 1.35 !important;
}
/* "Что такое 3D печать?" — banner card with play icon */
#footer .widget_btp_portfolio_recent_projects .folio {
background: rgba(255,255,255,.05) !important;
border-radius: 16px;
padding: 14px !important;
border: 1px solid rgba(255,255,255,.07);
box-shadow: none !important;
transition: transform .35s var(--ease), border-color .35s var(--ease);
}
#footer .widget_btp_portfolio_recent_projects .folio::after { display: none !important; }
#footer .widget_btp_portfolio_recent_projects .folio:hover {
transform: translateY(-4px);
border-color: rgba(0,190,246,.4);
}
#footer .widget_btp_portfolio_recent_projects .folio h3 { margin: 0 0 10px !important; }
#footer .widget_btp_portfolio_recent_projects .folio h3 a {
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.3;
}
#footer .widget_btp_portfolio_recent_projects .folio .image { margin: 0 0 10px !important; aspect-ratio: 16/9; }
#footer .widget_btp_portfolio_recent_projects .folio .image a {
display: block;
width: 100%; height: 100%;
border-radius: 12px;
overflow: hidden;
position: relative;
}
#footer .widget_btp_portfolio_recent_projects .folio .image a img {
width: 100% !important; height: 100% !important;
object-fit: cover !important;
display: block;
transition: transform .6s var(--ease);
}
#footer .widget_btp_portfolio_recent_projects .folio:hover .image a img { transform: scale(1.06); }
#footer .widget_btp_portfolio_recent_projects .folio .image a::after {
content: "▶";
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
width: 56px; height: 56px;
display: flex; align-items: center; justify-content: center;
background: rgba(255,255,255,.95);
color: var(--brand-blue);
border-radius: 50%;
font-size: 18px;
box-shadow: 0 14px 30px -8px rgba(0,0,0,.5);
transition: transform .35s var(--bounce), background .25s var(--ease);
padding-left: 4px;
}
#footer .widget_btp_portfolio_recent_projects .folio:hover .image a::after {
transform: translate(-50%,-50%) scale(1.12);
background: #fff;
}
#footer .widget_btp_portfolio_recent_projects .folio .meta {
color: rgba(255,255,255,.7) !important;
font-size: 13px !important;
margin: 0 !important;
}
/* О компании text widget */
#footer .widget_text .textwidget {
color: rgba(255,255,255,.78) !important;
font-size: 13.5px !important;
line-height: 1.65 !important;
}
#footer .widget_text .textwidget img.alignleft2 {
float: left;
width: 70px; height: auto;
margin: 0 14px 8px 0;
filter: drop-shadow(0 8px 18px rgba(0,190,246,.35));
}
#footer .widget_text .textwidget em {
color: rgba(0,190,246,.95) !important;
font-style: normal !important;
font-weight: 600 !important;
}
#footer .widget_text .textwidget strong { color: #fff !important; }
/* Subfooter — adaptive */
body #subfooter.grid {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 14px 24px;
padding: 18px 60px !important;
}
body #subfooter .c-6 {
width: auto !important;
margin: 0 !important;
float: none !important;
display: block;
flex: 1 1 auto;
}
body #subfooter .subfooter-menu {
display: flex !important;
flex-wrap: wrap;
gap: 4px 14px;
justify-content: flex-end;
list-style: none;
margin: 0; padding: 0;
}
/* Responsive footer paddings */
@media (max-width: 900px) {
#footer { padding: 50px 28px 24px !important; }
body #subfooter.grid { padding: 16px 28px !important; }
}
@media (max-width: 560px) {
#footer { padding: 40px 18px 22px !important; }
body #subfooter.grid { padding: 14px 18px !important; flex-direction: column; align-items: flex-start; }
body #subfooter .subfooter-menu { justify-content: flex-start; }
}
/* Decorative shadow PNG separators - hide (replaced by gradient bars) */
.bd img[src*="shadow_main"] { display: none !important; }
/* Steps blocks — quick polish so they don't look raw */
.steps-main {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 18px;
margin: 20px 0 30px;
}
.steps-main .step {
background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
border-radius: var(--rad-lg);
padding: 22px 18px;
text-align: center;
box-shadow: var(--shadow-sm);
position: relative;
overflow: hidden;
transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.steps-main .step:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.steps-main .step .step-number {
display: inline-flex;
align-items: center; justify-content: center;
width: 48px; height: 48px;
border-radius: 50%;
background: var(--brand-grad);
color: #fff !important;
font-weight: 800;
font-size: 22px;
margin: 0 auto 12px;
box-shadow: 0 12px 24px -8px rgba(0,89,248,.55);
}
.steps-main .step .step-title {
font-size: 14px !important;
font-weight: 700 !important;
color: var(--ink-900) !important;
letter-spacing: .4px;
margin-bottom: 4px;
}
.steps-main .step .step-subtitle {
font-size: 12.5px !important;
color: var(--ink-500) !important;
}
/* ============================================================ */
/* v4 (2026.06) — premium polish: clean slider edges, crimson */
/* CTA, fix shadow clipping, kill strange container, font Inter */
/* ============================================================ */
/* ---- Modern font: Inter ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body, h1, h2, h3, h4, h5, h6,
input, select, textarea, button,
.button, #primary-nav-menu a {
font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
letter-spacing: -0.005em;
}
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; }
/* ---- Kill the strange light-blue container above slider ---- */
/* It was #content::before radial gradient with sharp corners */
#content::before { display: none !important; }
/* Soft top glow only behind the slider area, no sharp edges */
#content { position: relative; }
#content::after {
content: "";
position: absolute;
left: 50%; top: -20px;
transform: translateX(-50%);
width: 90%; max-width: 1400px;
height: 600px;
z-index: -1;
pointer-events: none;
background: radial-gradient(60% 60% at 50% 30%, rgba(0,89,248,.08), transparent 70%),
radial-gradient(40% 40% at 80% 0%, rgba(0,190,246,.10), transparent 70%);
filter: blur(20px);
}
/* ---- SLIDER: full container width, clean clean edges ---- */
#slider.slider-thumb {
max-width: none !important;
width: calc(100% - 110px) !important;
margin-left: 55px !important;
margin-right: 55px !important;
margin-top: -96px !important;
border-radius: 28px !important;
box-shadow:
0 32px 80px -24px rgba(13, 28, 73, .35),
0 8px 22px -10px rgba(13, 28, 73, .15) !important;
background: #0a162e !important;
}
/* Kill ::after inset border (caused the visible "black hairlines" on rounded corners) */
#slider.slider-thumb::after { display: none !important; }
/* Solid dark fallback so corners look clean during slide transitions */
#slider.slider-thumb .slides {
background: #0a162e !important;
border-radius: 28px !important;
overflow: hidden !important;
}
#slider.slider-thumb .slide .image,
#slider.slider-thumb .slide .image a {
border-radius: 0 !important;
background: #0a162e !important;
}
/* ---- SLIDER caption — repositioned & restyled ---- */
#slider.slider-thumb .slide .non-image {
padding: 120px 64px 60px !important;
background: linear-gradient(180deg,
rgba(11,18,32, 0) 0%,
rgba(11,18,32, .15) 30%,
rgba(11,18,32, .65) 70%,
rgba(11,18,32, .92) 100%) !important;
gap: 22px !important;
align-items: flex-start !important;
}
#slider.slider-thumb .slide .non-image h2 {
max-width: 60% !important;
font-size: clamp(24px, 2.6vw, 44px) !important;
font-weight: 800 !important;
line-height: 1.1 !important;
text-shadow: 0 8px 30px rgba(0,0,0,.6) !important;
}
/* Fix encoding-broken arrow: use unicode escape for ALL ::after arrows */
#slider.slider-thumb .slide .non-image .button.primary::after,
.bd .grid.blurb .c-5 .button.primary::after,
.bd .grid .c-5.c-5-update .button.tertiary::after {
content: "\2192" !important;
}
/* ---- CALC CTA: crimson gradient (legacy "Просчитать заказ" palette) ---- */
:root {
--cta-red: #fa3076;
--cta-orange: #fa4f30;
--cta-grad: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%);
}
.bd .grid.blurb {
padding: 18px 0 26px !important;
margin: 0 0 8px !important;
overflow: visible !important;
}
.bd .grid.blurb .c-5 .button.primary {
background: var(--cta-grad) !important;
font-size: 14px !important;
padding: 16px 30px !important;
box-shadow:
0 24px 50px -14px rgba(250, 48, 118, .55),
0 10px 24px -10px rgba(250, 79, 48, .50),
inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
}
.bd .grid.blurb .c-5 .button.primary:hover {
box-shadow:
0 32px 60px -16px rgba(250, 48, 118, .70),
0 14px 32px -8px rgba(250, 79, 48, .60),
inset 0 0 0 1px rgba(255, 255, 255, .50) !important;
}
.bd .grid.blurb .c-8 h1 {
font-size: clamp(20px, 2.2vw, 36px) !important;
letter-spacing: -0.02em !important;
line-height: 1.15 !important;
}
/* ---- bd needs to allow shadows to spill ---- */
.bd, .bd > .grid, .bd > .grid > .c-5, .bd > .grid > .c-8 { overflow: visible !important; }
#content { overflow: visible !important; }
/* ---- STEP CARDS: kill clipping, prettier top accent ---- */
.bd .grid .c-5.c-5-update {
overflow: visible !important;
box-shadow:
0 8px 24px -10px rgba(13, 28, 73, .12),
0 2px 6px -2px rgba(13, 28, 73, .08) !important;
border: 1px solid rgba(0, 89, 248, .06);
background: #fff !important;
}
/* Replace top "stripe line" with a soft halo accent */
.bd .grid .c-5.c-5-update::before {
display: none !important;
}
.bd .grid .c-5.c-5-update::after {
content: "";
position: absolute;
top: -1px; left: -1px; right: -1px;
height: 4px;
border-radius: 24px 24px 0 0;
background: var(--brand-grad);
box-shadow: 0 4px 18px -4px rgba(0, 89, 248, .35);
}
.bd .grid .c-5.c-5-update:hover {
transform: translateY(-6px);
box-shadow:
0 28px 60px -16px rgba(0, 89, 248, .25),
0 10px 22px -8px rgba(0, 89, 248, .14) !important;
border-color: rgba(0, 89, 248, .12);
}
/* ---- FOLIO: stop clipping, allow lift shadows ---- */
.bd .grid.folio-4-columns {
overflow: visible !important;
padding: 12px 6px !important;
margin: -10px 0 28px !important;
}
.bd .grid.folio-4-columns .folio { overflow: visible !important; }
.bd .grid.folio-4-columns .folio .image,
.bd .grid.folio-4-columns .folio .image a { overflow: hidden !important; }
.bd .grid.folio-4-columns .folio:hover {
transform: translateY(-6px);
box-shadow: 0 26px 50px -16px rgba(0, 89, 248, .28),
0 8px 18px -8px rgba(13, 28, 73, .14) !important;
}
/* ---- FOOTER post-previews: stop image-zoom shift ---- */
#footer .post-previews li .image a img {
transform: none !important;
object-position: center !important;
}
#footer .post-previews li:hover .image a img { transform: scale(1.06) !important; }
/* Generic widget article lists in footer (Купить ABS PLA, Что нового и т.п.) */
#footer .widget ul:not(.post-previews):not(.feeds) {
list-style: none !important;
padding: 0 !important;
margin: 8px 0 0 !important;
display: grid;
gap: 0;
}
#footer .widget ul:not(.post-previews):not(.feeds) li {
padding: 11px 0 !important;
border-top: 1px solid rgba(255, 255, 255, .07) !important;
margin: 0 !important;
background: none !important;
float: none !important;
}
#footer .widget ul:not(.post-previews):not(.feeds) li:first-child {
border-top: none !important;
padding-top: 0 !important;
}
#footer .widget ul:not(.post-previews):not(.feeds) li a {
color: rgba(255, 255, 255, .85) !important;
font-size: 13.5px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
transition: color .2s var(--ease), padding-left .2s var(--ease);
}
#footer .widget ul:not(.post-previews):not(.feeds) li a:hover {
color: var(--brand-cyan) !important;
padding-left: 4px !important;
}
/* ---- Tables on home: "Цены на 3D-принтеры" — crisp & modern ---- */
.bd table {
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid rgba(0, 89, 248, .08) !important;
border-radius: 18px !important;
overflow: hidden;
box-shadow: 0 12px 28px -14px rgba(13, 28, 73, .18) !important;
background: #fff !important;
width: 100% !important;
margin: 18px 0 28px !important;
}
.bd table tr:first-child td,
.bd table tr:first-child th,
.bd table thead th {
background: linear-gradient(120deg, #f6f9ff 0%, #eaf1ff 100%) !important;
font-weight: 700 !important;
color: var(--ink-900) !important;
font-size: 14px !important;
letter-spacing: 0 !important;
padding: 16px 20px !important;
border: none !important;
}
.bd table td {
padding: 14px 20px !important;
border-top: 1px solid rgba(0, 89, 248, .07) !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
color: var(--ink-700) !important;
font-size: 14px !important;
background: #fff !important;
}
.bd table tr:nth-child(even) td { background: #fbfdff !important; }
.bd table tr:hover td { background: rgba(0, 190, 246, .06) !important; }
.bd table tr:first-child td { border-top: none !important; }
/* ---- Blog / popular widget cards (recent_entries / popular_entries) on home ---- */
.bd .widget,
.bd ul.popular-entries,
.bd ul.post-previews {
list-style: none !important;
padding: 0 !important;
}
.bd ul.popular-entries li,
.bd ul.post-previews li {
background: linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
border-radius: 16px !important;
padding: 16px 18px !important;
margin-bottom: 12px !important;
border: 1px solid rgba(0, 89, 248, .06) !important;
box-shadow: 0 6px 18px -10px rgba(13, 28, 73, .10);
transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
list-style: none !important;
}
.bd ul.popular-entries li:hover,
.bd ul.post-previews li:hover {
transform: translateY(-3px);
box-shadow: 0 18px 36px -14px rgba(0, 89, 248, .22);
border-color: rgba(0, 89, 248, .15);
}
.bd ul.popular-entries li h3,
.bd ul.post-previews li h3 {
margin: 0 0 4px !important;
font-size: 15px !important;
}
.bd ul.popular-entries li h3 a,
.bd ul.post-previews li h3 a {
color: var(--ink-900) !important;
font-weight: 700 !important;
}
.bd ul.popular-entries li h3 a:hover,
.bd ul.post-previews li h3 a:hover { color: var(--brand-blue) !important; }
.bd ul.popular-entries li .meta,
.bd ul.post-previews li .meta {
font-size: 12px !important;
color: var(--ink-500) !important;
}
/* ---- Misc polish: hide hr / shadow_main / cufon old artifacts ---- */
.bd hr { border: none !important; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,89,248,.18), transparent); margin: 24px 0 !important; }
.bd center img { display: none !important; }
/* ============================================================ */
/* v5 (2026.07) — steps redesign, woo products, blog table, */
/* footer Магазин text overflow */
/* ============================================================ */
/* ---- Kill ugly legacy steps-bg.jpg arrow infographic ---- */
.steps-main {
background: none !important;
background-image: none !important;
min-height: 0 !important;
float: none !important;
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 18px !important;
margin: 22px 0 30px !important;
}
.steps-main .step {
width: auto !important;
height: auto !important;
float: none !important;
color: var(--ink-900) !important;
background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%) !important;
border: 1px solid rgba(0, 89, 248, .07);
border-radius: var(--rad-lg);
padding: 26px 22px 22px !important;
text-align: left !important;
box-shadow: 0 8px 24px -10px rgba(13, 28, 73, .12) !important;
transition: transform .3s var(--ease), box-shadow .3s var(--ease);
display: flex;
flex-direction: column;
gap: 4px;
}
.steps-main .step:hover {
transform: translateY(-5px);
box-shadow: 0 24px 50px -16px rgba(0, 89, 248, .25) !important;
}
.steps-main .step-number {
width: 44px !important;
height: 44px !important;
margin: 0 0 12px !important;
float: none !important;
font-size: 20px !important;
display: inline-flex !important;
align-items: center; justify-content: center;
border-radius: 50% !important;
background: var(--brand-grad) !important;
color: #fff !important;
font-weight: 800;
box-shadow: 0 12px 24px -8px rgba(0, 89, 248, .55);
padding: 0 !important;
}
.steps-main .step-title {
width: auto !important;
height: auto !important;
float: none !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .4px !important;
color: var(--ink-900) !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 0 4px !important;
}
.steps-main .step-subtitle {
width: auto !important;
height: auto !important;
float: none !important;
font-size: 13px !important;
font-weight: 400 !important;
color: var(--ink-500) !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1.45 !important;
}
/* ---- "Просчитать заказ" tertiary CTA after steps ---- */
.bd center .button.tertiary.medium {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 14px 30px !important;
font-weight: 700 !important;
font-size: 14px !important;
letter-spacing: .5px;
border-radius: 999px !important;
background: var(--cta-grad) !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 18px 40px -14px rgba(250, 48, 118, .55), inset 0 0 0 1px rgba(255,255,255,.3) !important;
transition: transform .25s var(--ease), filter .25s var(--ease), box-shadow .25s var(--ease);
}
.bd center .button.tertiary.medium span { color: #fff !important; }
.bd center .button.tertiary.medium:hover {
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow: 0 26px 52px -16px rgba(250, 48, 118, .7) !important;
}
/* ---- Section headings on home (centered h2) ---- */
.bd center h2 {
font-size: clamp(22px, 2.2vw, 32px) !important;
font-weight: 800 !important;
color: var(--ink-900) !important;
letter-spacing: -0.02em !important;
margin: 40px 0 20px !important;
position: relative;
display: inline-block;
}
.bd center h2::after {
content: "";
display: block;
width: 56px; height: 3px;
background: var(--brand-grad);
border-radius: 2px;
margin: 8px auto 0;
}
/* ---- "Что такое 3D печать?" / "Новости 3D печати" — 2-col table layout ---- */
.bd > table:not([class]) {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 28px !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
margin: 28px 0 !important;
}
.bd > table:not([class]) tbody { display: contents; }
.bd > table:not([class]) tr { display: contents; }
.bd > table:not([class]) td {
background: linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
border: 1px solid rgba(0, 89, 248, .07) !important;
border-radius: var(--rad-lg) !important;
padding: 28px !important;
box-shadow: 0 8px 22px -12px rgba(13, 28, 73, .12);
}
.bd > table:not([class]) td h2 {
margin: 0 0 14px !important;
font-size: 20px !important;
font-weight: 800 !important;
color: var(--ink-900) !important;
}
.bd > table:not([class]) td h3.main_news_title {
margin: 12px 0 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
}
.bd > table:not([class]) td h3.main_news_title a { color: var(--ink-900) !important; }
.bd > table:not([class]) td h3.main_news_title a:hover { color: var(--brand-blue) !important; }
.bd > table:not([class]) td a.frame.main_news_img {
display: block !important;
width: 100% !important;
height: 160px !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 0 0 8px !important;
background: #f0f4fa;
border: 0 !important;
padding: 0 !important;
}
.bd > table:not([class]) td a.frame.main_news_img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
border-radius: 0 !important;
transition: transform .6s var(--ease);
}
.bd > table:not([class]) td a.frame.main_news_img:hover img { transform: scale(1.05); }
.bd > table:not([class]) td a.frame.main_news_img span { display: none !important; }
.bd > table:not([class]) td p {
font-size: 13.5px !important;
line-height: 1.6 !important;
color: var(--ink-700) !important;
margin: 0 0 12px !important;
}
.bd > table:not([class]) td .Embed-container {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 8px 22px -10px rgba(13, 28, 73, .25);
margin-bottom: 14px;
}
.bd > table:not([class]) td br { display: none; }
.bd > table:not([class]) td img[src*="shadow"] { display: none !important; }
/* ---- WooCommerce products on home: "Цены на 3D принтеры" ---- */
.bd ul.products {
list-style: none !important;
padding: 0 !important;
margin: 18px 0 28px !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 20px !important;
float: none !important;
}
.bd ul.products::before, .bd ul.products::after { display: none !important; content: none !important; }
.bd ul.products li.product {
width: auto !important;
margin: 0 !important;
padding: 16px !important;
float: none !important;
background: #fff !important;
border: 1px solid rgba(0, 89, 248, .08) !important;
border-radius: 16px !important;
box-shadow: 0 6px 18px -10px rgba(13, 28, 73, .10) !important;
transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
display: flex !important;
flex-direction: column !important;
text-align: center !important;
position: relative;
}
.bd ul.products li.product:hover {
transform: translateY(-4px);
box-shadow: 0 22px 44px -16px rgba(0, 89, 248, .25) !important;
border-color: rgba(0, 89, 248, .15) !important;
}
.bd ul.products li.product a img {
width: 100% !important;
height: 180px !important;
object-fit: contain !important;
background: linear-gradient(180deg, #f7faff, #fff) !important;
border-radius: 12px !important;
margin: 0 0 12px !important;
padding: 10px !important;
box-sizing: border-box;
}
.bd ul.products li.product .woocommerce-loop-product__title,
.bd ul.products li.product h2,
.bd ul.products li.product h3 {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--ink-900) !important;
min-height: 40px;
margin: 0 0 8px !important;
line-height: 1.3 !important;
padding: 0 !important;
}
.bd ul.products li.product .price {
color: var(--brand-blue) !important;
font-weight: 800 !important;
font-size: 18px !important;
margin: 4px 0 12px !important;
display: block !important;
}
.bd ul.products li.product .price del {
color: var(--ink-500) !important;
font-weight: 500 !important;
font-size: 13px !important;
margin-right: 6px;
opacity: .7;
}
.bd ul.products li.product .price ins {
background: none !important;
text-decoration: none !important;
color: var(--brand-blue) !important;
}
.bd ul.products li.product .button,
.bd ul.products li.product .added_to_cart {
display: inline-flex !important;
align-items: center; justify-content: center;
margin: auto auto 0 !important;
padding: 10px 18px !important;
border-radius: 999px !important;
background: var(--brand-grad) !important;
color: #fff !important;
font-weight: 600 !important;
font-size: 12.5px !important;
border: 0 !important;
letter-spacing: .3px;
box-shadow: 0 10px 22px -10px rgba(0, 89, 248, .45);
transition: transform .2s var(--ease), filter .2s var(--ease) !important;
}
.bd ul.products li.product .button:hover {
transform: translateY(-2px);
filter: brightness(1.08);
}
/* ---- "Перейти в магазин" tertiary CTA after products ---- */
.bd center a.button.tertiary {
display: inline-flex !important;
align-items: center; justify-content: center;
padding: 12px 28px !important;
border-radius: 999px !important;
background: var(--brand-grad) !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: .4px;
border: 0 !important;
box-shadow: 0 16px 32px -12px rgba(0, 89, 248, .5);
}
.bd center a.button.tertiary span { color: #fff !important; }
/* ---- FOOTER Магазин 3Dreams: fix text overflow & overlap ---- */
#footer .post-previews li {
grid-template-columns: 64px 1fr !important;
padding: 12px !important;
gap: 12px !important;
align-items: center;
min-height: 78px;
}
#footer .post-previews li .image,
#footer .post-previews li p.image,
#footer .post-previews li > p:first-child {
margin: 0 !important;
padding: 0 !important;
}
#footer .post-previews li .image a {
width: 64px !important; height: 64px !important;
flex-shrink: 0;
}
#footer .post-previews li h3 {
margin: 0 0 2px !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#footer .post-previews li h3 a {
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
}
#footer .post-previews li .meta,
#footer .post-previews li em,
#footer .post-previews li p.meta,
#footer .post-previews li > p:not(.image) {
margin: 0 !important;
padding: 0 !important;
font-size: 11.5px !important;
color: rgba(255,255,255,.55) !important;
font-style: normal !important;
line-height: 1.3 !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* ============================================================ */
/* v6 (2026.08) — fix DOM order in post-previews + hide SEO */
/* dump + final polish */
/* ============================================================ */
/* ---- post-previews use grid-template-areas (DOM has h3 BEFORE image) ---- */
#footer .post-previews li {
grid-template-columns: 64px 1fr !important;
grid-template-areas: "img title" "img meta" !important;
row-gap: 4px !important;
}
#footer .post-previews li > p.image,
#footer .post-previews li > .image {
grid-area: img !important;
}
#footer .post-previews li > h3 {
grid-area: title !important;
align-self: end;
}
#footer .post-previews li > *:not(.image):not(p.image):not(h3) {
grid-area: meta !important;
align-self: start;
}
/* Last item — full-width CTA (no image) */
#footer .post-previews li:last-child {
grid-template-columns: 1fr !important;
grid-template-areas: "title" !important;
text-align: center !important;
padding: 14px !important;
min-height: 0 !important;
}
#footer .post-previews li:last-child h3 a {
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
display: block !important;
overflow: visible !important;
white-space: normal !important;
}
#footer .post-previews li:last-child h3 {
overflow: visible !important;
-webkit-line-clamp: unset !important;
display: block !important;
font-size: 14px !important;
}
/* Hide [title]-attribute echo if any plugin is rendering it via ::before */
#footer .post-previews a[title]::before,
#footer .post-previews a[title]::after { content: none !important; display: none !important; }
/* ---- Hide stray SEO dump outside footer ---- */
body > p#copyright,
body > ul:not([class]):not([id]) {
display: none !important;
}
/* ---- "Купить abs, pla пластик" image cover (filaments showing white edge) ---- */
#footer .widget_btp_portfolio_recent_projects .folio .image a img {
object-fit: cover !important;
object-position: center !important;
}
/* v7 (2026.09) — hide leftover SEO copyright text properly */
p#copyright,
#subfooter p#copyright,
#footer ~ * p#copyright {
display: none !important;
}
/* ============================================================ */
/* v8 (2026.10) — UX polish round */
/* - Restore #copyright visibility */
/* - Slider: kill 15px left margin from style.css?ver=2.2, */
/* contain shadow within slider, smaller caption + button */
/* - Hero H1: cleaner type, no harsh gradient */
/* - Calc CTA: reduce height */
/* - Step cards: remove top line, gradient buttons by default, */
/* subtle differentiation, animated hover */
/* - Folio: 5-up on wide, kill italic, clean typo */
/* - Этапы: arrows between + animated progress bar */
/* - "Что такое + Новости" section redesign */
/* - envira gallery rounded */
/* ============================================================ */
/* --- Restore SEO copyright visibility (override v7 hide) --- */
p#copyright,
#subfooter p#copyright,
#footer ~ * p#copyright,
body > p#copyright {
display: block !important;
}
/* Style it as compact footnote band (visible but tasteful) */
#subfooter p#copyright,
body > p#copyright {
max-width: 1200px;
margin: 18px auto 28px !important;
padding: 18px 28px !important;
font-size: 12px !important;
line-height: 1.7 !important;
color: rgba(255,255,255,.55) !important;
background: transparent !important;
border: none !important;
text-align: justify !important;
}
#subfooter p#copyright a,
body > p#copyright a {
color: rgba(255,255,255,.85) !important;
text-decoration: underline;
text-decoration-color: rgba(255,255,255,.25);
}
/* === SLIDER ============================================ */
/* Override style.css?ver=2.2 inner left/right padding */
#slider .slides,
#slider.slider-thumb .slides {
margin: 0 !important;
}
/* Contain shadow within slider so it doesn't bleed onto next section */
#slider.slider-thumb {
box-shadow: none !important;
filter: drop-shadow(0 30px 40px rgba(10, 22, 46, .25));
margin-bottom: 30px !important;
}
/* Smaller caption block: less padding, smaller h2, lighter button */
#slider.slider-thumb .non-image {
padding: 64px 48px 40px !important;
}
#slider.slider-thumb .non-image h2 {
font-size: clamp(20px, 2.1vw, 32px) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
margin-bottom: 14px !important;
max-width: 540px;
}
/* The "more" button inside slide — slim ghost pill (not the main CTA) */
#slider.slider-thumb .non-image .more {
margin-top: 6px !important;
}
#slider.slider-thumb .non-image .more .button {
background: rgba(255,255,255,.12) !important;
background-image: none !important;
border: 1px solid rgba(255,255,255,.35) !important;
color: #fff !important;
padding: 9px 20px !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.02em !important;
border-radius: 999px !important;
box-shadow: none !important;
text-shadow: none !important;
height: auto !important;
line-height: 1.2 !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: background .25s, border-color .25s, transform .25s;
}
#slider.slider-thumb .non-image .more .button:hover {
background: rgba(255,255,255,.22) !important;
border-color: rgba(255,255,255,.6) !important;
transform: translateY(-1px);
}
#slider.slider-thumb .non-image .more .button span { color: #fff !important; text-shadow: none !important; }
/* === HERO H1 ============================================ */
/* Cleaner typographic treatment, no harsh blue gradient */
.bd .grid.blurb .c-7 h1,
.bd .blurb .c-7 h1,
#content .blurb h1 {
font-size: clamp(26px, 3vw, 44px) !important;
line-height: 1.15 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
color: #0a162e !important;
background: none !important;
-webkit-text-fill-color: #0a162e !important;
-webkit-background-clip: initial !important;
background-clip: initial !important;
margin-bottom: 18px !important;
}
/* Highlight just key words via inline gradient on a chosen span if any, else accent the period */
.bd .grid.blurb .c-7 h1::after {
content: "";
display: block;
width: 64px;
height: 4px;
margin-top: 14px;
border-radius: 4px;
background: var(--brand-grad);
}
/* === CALC CTA — slimmer ================================ */
.bd .grid.blurb .c-5 .button.primary,
.bd .grid.blurb .c-5 a.button.primary {
padding: 14px 26px !important;
font-size: 13px !important;
letter-spacing: 0.06em !important;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
border-radius: 14px !important;
}
/* === 3 step cards (О технологии / Цены / Оформить) ====== */
/* Remove the top accent strip */
.bd > .grid > .c-5.c-5-update::before,
.bd > .grid > .c-5.c-5-update::after {
display: none !important;
content: none !important;
}
/* Subtle differentiation: alternating soft tint inside */
.bd > .grid > .c-5.c-5-update {
border: 1px solid rgba(0,89,248,.08) !important;
background: #fff !important;
transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.bd > .grid > .c-5.c-5-update:hover {
transform: translateY(-4px);
}
/* Inner accent glow (different per card) */
.bd > .grid > .c-5.c-5-update:nth-of-type(1) {
background: linear-gradient(180deg, rgba(0,89,248,.04) 0%, #fff 50%) !important;
}
.bd > .grid > .c-5.c-5-update:nth-of-type(2) {
background: linear-gradient(180deg, rgba(0,190,246,.05) 0%, #fff 50%) !important;
}
.bd > .grid > .c-5.c-5-update:nth-of-type(3) {
background: linear-gradient(180deg, rgba(250,79,48,.04) 0%, #fff 50%) !important;
}
/* Buttons inside step cards — gradient by default, gentle hover lift */
.bd > .grid > .c-5.c-5-update .button,
.bd > .grid > .c-5.c-5-update a.button {
background: var(--brand-grad) !important;
color: #fff !important;
border: none !important;
padding: 12px 22px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
border-radius: 12px !important;
box-shadow: 0 8px 18px -8px rgba(0,89,248,.55);
transition: transform .25s, box-shadow .25s, filter .25s;
text-shadow: none !important;
height: auto !important;
line-height: 1.2 !important;
}
.bd > .grid > .c-5.c-5-update .button span,
.bd > .grid > .c-5.c-5-update a.button span { color: #fff !important; text-shadow: none !important; }
.bd > .grid > .c-5.c-5-update .button:hover,
.bd > .grid > .c-5.c-5-update a.button:hover {
transform: translateY(-2px);
box-shadow: 0 16px 30px -10px rgba(0,89,248,.6);
filter: brightness(1.08);
}
/* Card 3rd button uses crimson-orange grad */
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) a.button {
background: var(--cta-grad) !important;
box-shadow: 0 8px 18px -8px rgba(250,48,118,.55);
}
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button:hover {
box-shadow: 0 16px 30px -10px rgba(250,48,118,.65);
}
/* === FOLIO "Последние работы" — 5-up + clean typo ====== */
.bd .grid.folio-4-columns {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 18px !important;
margin: 14px 0 24px !important;
}
.bd .grid.folio-4-columns > .c-3 {
width: auto !important;
margin: 0 !important;
float: none !important;
}
.bd .grid.folio-4-columns .folio {
background: #fff;
border-radius: 16px;
padding: 0 !important;
overflow: visible;
box-shadow: 0 6px 20px -10px rgba(10,22,46,.18);
transition: transform .3s, box-shadow .3s;
display: flex;
flex-direction: column;
}
.bd .grid.folio-4-columns .folio:hover {
transform: translateY(-4px);
box-shadow: 0 16px 36px -12px rgba(10,22,46,.28);
}
.bd .grid.folio-4-columns .folio .image,
.bd .grid.folio-4-columns .folio p.image {
margin: 0 !important;
border-radius: 16px 16px 0 0;
overflow: hidden;
aspect-ratio: 4/3;
}
.bd .grid.folio-4-columns .folio .image a,
.bd .grid.folio-4-columns .folio p.image a {
display: block;
width: 100%;
height: 100%;
}
.bd .grid.folio-4-columns .folio .image img,
.bd .grid.folio-4-columns .folio p.image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .5s;
}
.bd .grid.folio-4-columns .folio:hover .image img { transform: scale(1.05); }
.bd .grid.folio-4-columns .folio h3 {
margin: 14px 14px 6px !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
font-style: normal !important;
font-family: inherit !important;
letter-spacing: -0.005em !important;
}
.bd .grid.folio-4-columns .folio h3 a {
color: #0a162e !important;
text-decoration: none !important;
font-style: normal !important;
}
.bd .grid.folio-4-columns .folio h3 a:hover { color: var(--brand-blue) !important; }
.bd .grid.folio-4-columns .folio .meta,
.bd .grid.folio-4-columns .folio p.meta {
margin: 0 14px 14px !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.5 !important;
color: rgba(10,22,46,.6) !important;
font-style: normal !important;
font-family: inherit !important;
}
/* Always show the 5th smallonly card on wide screens */
.bd .grid.folio-4-columns .c-3.smallonly { display: block !important; }
@media (max-width: 1100px) {
.bd .grid.folio-4-columns { grid-template-columns: repeat(4, 1fr) !important; }
.bd .grid.folio-4-columns .c-3.smallonly { display: none !important; }
}
@media (max-width: 860px) {
.bd .grid.folio-4-columns { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
.bd .grid.folio-4-columns { grid-template-columns: repeat(2, 1fr) !important; }
}
/* Hide the legacy shadow PNGs around folio + ugly inline-color title */
.bd center > img[src*="shadow_main_2"],
.bd center > img[src*="shadow.png"] { display: none !important; }
.bd center > p[style*="font-size:24px"] {
font-size: 22px !important;
font-weight: 700 !important;
color: #0a162e !important;
margin: 24px 0 18px !important;
font-family: inherit !important;
letter-spacing: -0.01em !important;
}
.bd center > p[style*="font-size:24px"]::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin: 12px auto 0;
border-radius: 3px;
background: var(--brand-grad);
}
/* === ENVIRA GALLERY — rounded edges, clean grid ======== */
.envira-gallery-wrap,
.envira-gallery-public {
border-radius: 18px !important;
overflow: hidden !important;
margin: 12px 0 !important;
box-shadow: 0 12px 30px -16px rgba(10,22,46,.2) !important;
}
.envira-gallery-public .envira-gallery-image,
.envira-gallery-public img {
border-radius: 0 !important;
transition: transform .5s, filter .3s;
}
.envira-gallery-public a:hover img {
transform: scale(1.03);
filter: brightness(1.05);
}
/* === ЭТАПЫ — arrows between + animated progress bar ==== */
.steps-main {
position: relative;
gap: 18px !important;
padding: 20px 0 !important;
}
/* Connecting progress track behind cards (desktop only) */
@media (min-width: 760px) {
.steps-main::before {
content: "";
position: absolute;
left: 8%;
right: 8%;
top: 56px;
height: 3px;
background: rgba(0,89,248,.12);
border-radius: 3px;
z-index: 0;
}
.steps-main::after {
content: "";
position: absolute;
left: 8%;
top: 56px;
height: 3px;
width: 0;
background: var(--brand-grad);
border-radius: 3px;
z-index: 1;
transition: width 1.6s cubic-bezier(.2,.8,.2,1);
}
.steps-main.in-view::after { width: 84%; }
}
.steps-main .step {
position: relative;
z-index: 2;
}
/* Arrow between steps (desktop only) */
@media (min-width: 760px) {
.steps-main .step:not(:last-child)::after {
content: "\2192";
position: absolute;
right: -22px;
top: 44px;
font-size: 22px;
color: rgba(0,89,248,.35);
font-weight: 700;
z-index: 3;
transition: color .4s, transform .4s;
}
.steps-main.in-view .step::after { color: var(--brand-blue); }
}
/* Stagger card reveal */
.steps-main .step {
opacity: 0;
transform: translateY(14px);
transition: opacity .5s, transform .5s;
}
.steps-main.in-view .step { opacity: 1; transform: none; }
.steps-main.in-view .step-1 { transition-delay: 0s; }
.steps-main.in-view .step-2 { transition-delay: .15s; }
.steps-main.in-view .step-3 { transition-delay: .3s; }
.steps-main.in-view .step-4 { transition-delay: .45s; }
/* === "Что такое 3D печать?" + "Новости" — redesign ====== */
/* Modernize section heading */
.bd center > h2 {
font-size: clamp(22px, 2.2vw, 30px) !important;
font-weight: 700 !important;
color: #0a162e !important;
margin: 30px 0 24px !important;
letter-spacing: -0.01em !important;
}
/* Container/table grid already styled in v5; refine cards */
.bd > table:not([class]) > tbody > tr > td {
background: #fff !important;
border-radius: 18px !important;
padding: 28px !important;
box-shadow: 0 8px 24px -14px rgba(10,22,46,.18) !important;
border: 1px solid rgba(10,22,46,.04) !important;
vertical-align: top !important;
}
.bd > table:not([class]) td h2 {
font-size: 20px !important;
font-weight: 700 !important;
color: #0a162e !important;
margin: 0 0 14px !important;
padding: 0 0 12px !important;
border-bottom: 1px solid rgba(10,22,46,.06) !important;
letter-spacing: -0.01em !important;
}
.bd > table:not([class]) td p {
font-size: 14px !important;
line-height: 1.6 !important;
color: rgba(10,22,46,.7) !important;
margin: 0 0 14px !important;
font-family: inherit !important;
font-style: normal !important;
}
/* Video container — clean rounded */
.bd > table:not([class]) td .Embed-container {
width: 100% !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 10px 24px -14px rgba(10,22,46,.3);
margin-top: 8px;
}
.bd > table:not([class]) td .Embed-container iframe {
border-radius: 14px;
}
/* Hide the old shadow.png decorative line under video */
.bd > table:not([class]) td > img[src*="shadow"] { display: none !important; }
/* News items — card inside card */
.bd > table:not([class]) td a.frame.main_news_img,
.bd > table:not([class]) td a.main_news_img {
display: block !important;
width: 100% !important;
height: 160px !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 14px 0 12px !important;
box-shadow: 0 6px 16px -10px rgba(10,22,46,.2);
}
.bd > table:not([class]) td a.main_news_img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .5s;
}
.bd > table:not([class]) td a.main_news_img:hover img { transform: scale(1.04); }
.bd > table:not([class]) td h3.main_news_title {
margin: 6px 0 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: #0a162e !important;
font-family: inherit !important;
font-style: normal !important;
}
.bd > table:not([class]) td h3.main_news_title a {
color: #0a162e !important;
text-decoration: none !important;
background-image: linear-gradient(var(--brand-blue), var(--brand-blue));
background-size: 0 1px;
background-position: 0 100%;
background-repeat: no-repeat;
transition: background-size .3s, color .3s;
}
.bd > table:not([class]) td h3.main_news_title a:hover {
color: var(--brand-blue) !important;
background-size: 100% 1px;
}
/* Limit news paragraph length visually */
.bd > table:not([class]) td p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Suppress the noisy
stacking after news titles */
.bd > table:not([class]) td br + br { display: none; }
/* ============================================================ */
/* v9 (2026.11) — slider caption contrast fix + small polish */
/* ============================================================ */
/* Pin caption to bottom with strong gradient overlay for legibility */
#slider.slider-thumb .slide { position: absolute; }
#slider.slider-thumb .slide .non-image {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
padding: 90px 56px 36px !important;
background: linear-gradient(180deg, rgba(10,22,46,0) 0%, rgba(10,22,46,.55) 45%, rgba(10,22,46,.85) 100%) !important;
border-radius: 0 0 28px 28px !important;
z-index: 3 !important;
}
#slider.slider-thumb .slide .non-image h2 {
color: #fff !important;
text-shadow: 0 2px 12px rgba(0,0,0,.4);
margin-bottom: 12px !important;
}
#slider.slider-thumb .slide .non-image .more .button {
background: rgba(255,255,255,.14) !important;
border: 1px solid rgba(255,255,255,.4) !important;
}
/* Folio "Последние работы" — wrapper container background needs to allow shadows */
.bd .grid.folio-4-columns { overflow: visible !important; }
/* "Смотреть все работы" CTA — pill consistent with brand */
.bd center > a.button.primary.small {
background: var(--brand-grad) !important;
background-image: var(--brand-grad) !important;
color: #fff !important;
border: none !important;
padding: 12px 28px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
border-radius: 999px !important;
box-shadow: 0 14px 28px -10px rgba(0,89,248,.5) !important;
text-shadow: none !important;
transition: transform .25s, box-shadow .25s, filter .25s;
height: auto !important;
line-height: 1.2 !important;
display: inline-block;
}
.bd center > a.button.primary.small:hover {
transform: translateY(-2px);
box-shadow: 0 20px 38px -12px rgba(0,89,248,.6) !important;
filter: brightness(1.08);
}
/* ============================================================ */
/* v10 (2026.12) — Serious UX fixes */
/* ============================================================ */
/* === CALC CTA — full pill, no broken radius =============== */
.bd .grid.blurb .c-5 .button.primary,
.bd .grid.blurb .c-5 a.button.primary {
border-radius: 999px !important;
padding: 14px 28px !important;
}
/* === SLIDER — kill drop-shadow + clean corners ============ */
/* drop-shadow filter caused both the bleed onto next section AND the dark corner halos */
#slider.slider-thumb {
filter: none !important;
box-shadow: none !important;
margin-bottom: 60px !important;
overflow: hidden !important;
border-radius: 28px !important;
background: transparent !important;
}
/* Inner slides stay clipped to outer radius */
#slider.slider-thumb .slides,
#slider.slider-thumb .slide,
#slider.slider-thumb .slide .image,
#slider.slider-thumb .slide .image a,
#slider.slider-thumb .slide .image img {
border-radius: 0 !important;
}
/* Soft ambient glow ABOVE the slider via container, not on slider itself */
#slider.slider-thumb::before {
content: "";
position: absolute;
inset: 12px 12px 12px 12px;
border-radius: 28px;
box-shadow: 0 18px 36px -22px rgba(10,22,46,.25);
pointer-events: none;
z-index: 0;
}
/* === SLIDER caption: text + button on one row ============= */
#slider.slider-thumb .slide .non-image {
display: flex !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 24px !important;
padding: 80px 56px 32px !important;
}
#slider.slider-thumb .slide .non-image h2 {
flex: 1 1 auto !important;
margin: 0 !important;
max-width: none !important;
font-size: clamp(18px, 1.9vw, 28px) !important;
}
#slider.slider-thumb .slide .non-image .more {
flex: 0 0 auto !important;
margin: 0 !important;
}
#slider.slider-thumb .slide .non-image .helper1 { display: none !important; }
/* === STEP CARDS — strip gradients, blue buttons by default = */
/* Kill the alternating tint gradient — clean white only */
.bd > .grid > .c-5.c-5-update,
.bd > .grid > .c-5.c-5-update:nth-of-type(1),
.bd > .grid > .c-5.c-5-update:nth-of-type(2),
.bd > .grid > .c-5.c-5-update:nth-of-type(3) {
background: #fff !important;
background-image: none !important;
border: 1px solid rgba(10,22,46,.06) !important;
box-shadow: 0 12px 32px -18px rgba(10,22,46,.14) !important;
transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s !important;
}
.bd > .grid > .c-5.c-5-update:hover {
transform: translateY(-6px) !important;
box-shadow: 0 24px 50px -20px rgba(0,89,248,.22) !important;
border-color: rgba(0,89,248,.18) !important;
}
/* Subtle inner accent glow on hover (not bg gradient) */
.bd > .grid > .c-5.c-5-update {
position: relative;
}
.bd > .grid > .c-5.c-5-update::after {
content: "" !important;
display: block !important;
position: absolute !important;
inset: 0 !important;
border-radius: inherit !important;
pointer-events: none !important;
background: radial-gradient(circle at 50% 0%, rgba(0,89,248,.08) 0%, transparent 60%) !important;
opacity: 0 !important;
transition: opacity .35s !important;
z-index: 0 !important;
border: none !important;
box-shadow: none !important;
}
.bd > .grid > .c-5.c-5-update:hover::after { opacity: 1 !important; }
.bd > .grid > .c-5.c-5-update > * { position: relative; z-index: 1; }
/* All step buttons: solid brand-blue by default, ALL THREE */
.bd > .grid > .c-5.c-5-update .button,
.bd > .grid > .c-5.c-5-update a.button,
.bd > .grid > .c-5.c-5-update:nth-of-type(1) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(2) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) a.button {
background: var(--brand-blue) !important;
background-image: none !important;
color: #fff !important;
border: none !important;
padding: 12px 24px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
border-radius: 999px !important;
box-shadow: 0 10px 22px -10px rgba(0,89,248,.5) !important;
text-shadow: none !important;
transition: background .25s, transform .25s, box-shadow .25s !important;
height: auto !important;
line-height: 1.2 !important;
}
.bd > .grid > .c-5.c-5-update .button:hover,
.bd > .grid > .c-5.c-5-update a.button:hover,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button:hover {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 16px 32px -12px rgba(0,89,248,.6) !important;
}
/* === FOLIO — fix cropping (native ~2.2:1) ================== */
.bd .grid.folio-4-columns .folio .image,
.bd .grid.folio-4-columns .folio p.image {
aspect-ratio: 16 / 10 !important;
background: linear-gradient(135deg, #f3f6fb, #e8eef7);
}
.bd .grid.folio-4-columns .folio .image img,
.bd .grid.folio-4-columns .folio p.image img {
object-fit: cover !important;
object-position: center !important;
}
/* === ЭТАПЫ — sequential per-card progress bars =========== */
.steps-main .step {
background: #fff !important;
border-radius: 18px !important;
padding: 22px 18px 24px !important;
border: 1px solid rgba(10,22,46,.06) !important;
box-shadow: 0 10px 26px -16px rgba(10,22,46,.14) !important;
position: relative;
overflow: hidden;
}
/* Per-card progress bar at bottom — fills sequentially */
.steps-main .step::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 4px;
width: 0;
background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan));
transition: width 1s cubic-bezier(.2,.8,.2,1);
z-index: 2;
}
.steps-main.in-view .step::before { width: 100%; }
.steps-main.in-view .step-1::before { transition-delay: .1s; }
.steps-main.in-view .step-2::before { transition-delay: 1.0s; }
.steps-main.in-view .step-3::before { transition-delay: 1.9s; }
.steps-main.in-view .step-4::before { transition-delay: 2.8s; }
/* When previous bar full → activate this card's number circle */
.steps-main .step-number {
width: 48px !important;
height: 48px !important;
margin: 0 auto 14px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 700 !important;
color: rgba(10,22,46,.4) !important;
background: rgba(0,89,248,.06) !important;
border: 2px solid rgba(0,89,248,.15) !important;
transition: color .4s, background .4s, border-color .4s, transform .4s, box-shadow .4s !important;
}
.steps-main.in-view .step-1 .step-number { transition-delay: .1s; }
.steps-main.in-view .step-2 .step-number { transition-delay: 1.0s; }
.steps-main.in-view .step-3 .step-number { transition-delay: 1.9s; }
.steps-main.in-view .step-4 .step-number { transition-delay: 2.8s; }
.steps-main.in-view .step .step-number {
color: #fff !important;
background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan)) !important;
border-color: transparent !important;
box-shadow: 0 8px 18px -8px rgba(0,89,248,.5) !important;
transform: scale(1.05);
}
.steps-main .step-title {
text-align: center !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 0.08em !important;
color: #0a162e !important;
margin: 0 !important;
}
.steps-main .step-subtitle {
text-align: center !important;
font-size: 12px !important;
color: rgba(10,22,46,.55) !important;
margin-top: 6px !important;
font-style: normal !important;
}
/* Connecting arrows — keep, but only between */
@media (min-width: 760px) {
.steps-main .step:not(:last-child)::after {
top: 38px !important;
right: -16px !important;
font-size: 18px !important;
color: rgba(0,89,248,.25) !important;
transition: color .4s !important;
}
.steps-main.in-view .step-1::after { transition-delay: .9s; color: var(--brand-blue) !important; }
.steps-main.in-view .step-2::after { transition-delay: 1.8s; color: var(--brand-blue) !important; }
.steps-main.in-view .step-3::after { transition-delay: 2.7s; color: var(--brand-blue) !important; }
}
/* Override v8 outer track — replaced by per-card bars */
.steps-main::before,
.steps-main::after {
display: none !important;
content: none !important;
}
/* === НОВОСТИ — light text, small floating image ============ */
.bd > table:not([class]) td p {
font-weight: 400 !important;
font-size: 13px !important;
line-height: 1.65 !important;
color: rgba(10,22,46,.65) !important;
-webkit-line-clamp: 3 !important;
font-family: inherit !important;
}
/* Floating thumbnail left, text wraps right */
.bd > table:not([class]) td a.frame.main_news_img,
.bd > table:not([class]) td a.main_news_img {
float: left !important;
width: 88px !important;
height: 88px !important;
margin: 4px 14px 8px 0 !important;
border-radius: 10px !important;
box-shadow: 0 4px 10px -6px rgba(10,22,46,.25) !important;
}
/* Title sits beside image */
.bd > table:not([class]) td h3.main_news_title {
margin: 0 0 8px !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
overflow: hidden;
}
/* News block container so float clears properly */
.bd > table:not([class]) td > h3.main_news_title,
.bd > table:not([class]) td > p {
overflow: hidden; /* establishes BFC alongside the float */
}
/* Add visual separation between news items */
.bd > table:not([class]) td a.main_news_img + h3.main_news_title {
padding-top: 4px;
}
/* Spacer between news items: target the consecutive
... structure */
.bd > table:not([class]) td br + a.main_news_img,
.bd > table:not([class]) td p + a.main_news_img {
margin-top: 18px !important;
clear: both;
}
/* Hide noisy double
inside the news card */
.bd > table:not([class]) td br { display: none !important; }
.bd > table:not([class]) td br.keep { display: inline !important; }
/* ============================================================ */
/* v11 (2026.13) — section containers, real left-aligned slider */
/* caption, gradient step buttons, folio redesign, logo, menu */
/* ============================================================ */
/* ===== Page-wide softer background so cards float ========== */
:root { --page-bg: #f4f7fb; }
/* ===== BRAND LOGO (header) ================================ */
#id { padding-top: 0 !important; }
#id h1 { margin: 0 !important; padding: 0 !important; line-height: 0; }
.brand-logo {
display: inline-flex !important;
align-items: center;
text-decoration: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.brand-logo .brand-logo-img {
width: auto !important;
height: 88px !important;
display: block !important;
max-width: 100% !important;
border: none !important;
box-shadow: none !important;
transition: transform .35s var(--ease, ease);
}
.brand-logo:hover .brand-logo-img { transform: scale(1.04) translateY(-1px); }
/* ===== BRAND LOGO (footer) ================================= */
.footer-brand-logo {
width: 120px !important;
height: auto !important;
display: block !important;
float: none !important;
margin: 0 0 18px !important;
border: none !important;
box-shadow: none !important;
}
/* ===== NAV — submenu animation matched to bg expansion ===== */
/* Make children fade in synchronously with the panel */
#primary-nav-menu.dd-menu li ul {
transition:
opacity .28s cubic-bezier(.2,.8,.2,1),
transform .35s cubic-bezier(.2,.8,.2,1),
visibility .28s cubic-bezier(.2,.8,.2,1) !important;
}
#primary-nav-menu.dd-menu li ul > li {
opacity: 0;
transform: translateY(-6px);
transition: opacity .25s ease, transform .3s ease;
}
#primary-nav-menu.dd-menu li:hover > ul > li,
#primary-nav-menu.dd-menu li:focus-within > ul > li {
opacity: 1;
transform: none;
}
/* Stagger children */
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(1) { transition-delay: .08s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(2) { transition-delay: .14s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(3) { transition-delay: .20s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(4) { transition-delay: .26s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(5) { transition-delay: .32s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(6) { transition-delay: .38s; }
#primary-nav-menu.dd-menu li:hover > ul > li:nth-child(n+7) { transition-delay: .42s; }
/* Also clip ul during open so children don't appear outside the box */
#primary-nav-menu.dd-menu li ul { overflow: hidden !important; }
#primary-nav-menu.dd-menu li:hover > ul,
#primary-nav-menu.dd-menu li:focus-within > ul { overflow: visible !important; }
/* ===== SLIDER — soft shadow back, no bleed onto next section */
#slider.slider-thumb {
position: relative;
z-index: 1;
filter: none !important;
box-shadow: 0 26px 48px -22px rgba(10, 22, 46, .3) !important;
border-radius: 28px !important;
overflow: hidden !important;
background: #fff !important;
margin-bottom: 70px !important;
isolation: isolate;
}
#slider.slider-thumb::before { display: none !important; content: none !important; }
/* The next section sits ABOVE the shadow plane, so shadow never tints it */
.bd, body > .bd {
position: relative;
z-index: 5;
background: var(--page-bg) !important;
}
/* Slider corners — kill any dark fringe by ensuring everything inside is white/transparent */
#slider.slider-thumb .slides,
#slider.slider-thumb .slide,
#slider.slider-thumb .slide .image,
#slider.slider-thumb .slide .image a {
background: #fff !important;
border-radius: 0 !important;
}
#slider.slider-thumb .slide .image img {
display: block !important;
background: #fff !important;
border-radius: 0 !important;
}
/* SLIDER CAPTION — real LEFT alignment, h2 left, button right ===== */
#slider.slider-thumb .slide .non-image {
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
display: flex !important;
flex-direction: row !important;
align-items: flex-end !important;
justify-content: space-between !important;
gap: 32px !important;
padding: 80px 56px 36px !important;
text-align: left !important;
background: linear-gradient(to top,
rgba(10, 22, 46, .72) 0%,
rgba(10, 22, 46, .42) 45%,
rgba(10, 22, 46, 0) 100%) !important;
}
#slider.slider-thumb .slide .non-image h2,
#slider.slider-thumb .slide .non-image h2 a {
flex: 1 1 0 !important;
min-width: 0 !important;
margin: 0 !important;
max-width: none !important;
text-align: left !important;
color: #fff !important;
font-size: clamp(20px, 2vw, 30px) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
letter-spacing: -0.01em;
}
#slider.slider-thumb .slide .non-image .more {
flex: 0 0 auto !important;
margin: 0 !important;
text-align: right !important;
}
#slider.slider-thumb .slide .non-image .helper1 { display: none !important; }
/* ===== STEP CARDS BUTTONS — gradient by DEFAULT ============ */
.bd > .grid > .c-5.c-5-update .button,
.bd > .grid > .c-5.c-5-update a.button,
.bd > .grid > .c-5.c-5-update:nth-of-type(1) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(2) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) a.button {
background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-cyan) 100%) !important;
background-size: 100% 100% !important;
color: #fff !important;
border: none !important;
box-shadow: 0 12px 24px -10px rgba(0, 89, 248, .55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
transition: transform .3s var(--ease, ease), box-shadow .3s var(--ease, ease), filter .3s var(--ease, ease), background .4s ease !important;
}
.bd > .grid > .c-5.c-5-update .button:hover,
.bd > .grid > .c-5.c-5-update a.button:hover,
.bd > .grid > .c-5.c-5-update:nth-of-type(3) .button:hover {
background: linear-gradient(135deg, #003ab5 0%, #00a3d4 100%) !important;
transform: translateY(-3px) scale(1.04) !important;
box-shadow: 0 22px 42px -14px rgba(0, 89, 248, .7), inset 0 0 0 1px rgba(255,255,255,.28) !important;
filter: brightness(1.05);
}
/* ===== FOLIO — separate card section, title BELOW, horizontal, clean hover */
/* Hide legacy decorative shadow strip that was rendered as a center img */
.bd center img[src*="shadow_main"],
.bd > center > img[src*="shadow_main"] { display: none !important; }
/* Replace the inline-styled "Последние работы" plain paragraph with a real heading */
.bd > center > p[style*="666666"],
.bd center p[style*="666666"][style*="24px"] {
all: unset !important;
display: block !important;
margin: 0 auto 24px !important;
font-family: Inter, sans-serif !important;
font-size: clamp(22px, 2.4vw, 32px) !important;
font-weight: 700 !important;
color: #0a162e !important;
letter-spacing: -0.01em !important;
text-align: center !important;
padding-top: 48px !important;
}
/* Folio container card */
.bd .grid.folio-4-columns {
background: #fff !important;
border-radius: 24px !important;
padding: 40px 32px 32px !important;
margin: 8px auto 56px !important;
max-width: 1240px !important;
box-shadow: 0 18px 50px -28px rgba(10, 22, 46, .18) !important;
box-sizing: border-box !important;
}
/* Reorder folio card: image first, title below */
.bd .grid.folio-4-columns .folio {
display: flex !important;
flex-direction: column !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.bd .grid.folio-4-columns .folio > h3 {
order: 2 !important;
margin: 16px 4px 6px !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #0a162e !important;
text-align: left !important;
border: none !important;
background: none !important;
}
.bd .grid.folio-4-columns .folio > h3 a {
color: #0a162e !important;
text-decoration: none !important;
font-weight: 600 !important;
background: none !important;
border: none !important;
}
.bd .grid.folio-4-columns .folio > h3 a:hover { color: var(--brand-blue) !important; }
.bd .grid.folio-4-columns .folio > p.image,
.bd .grid.folio-4-columns .folio > .image {
order: 1 !important;
margin: 0 !important;
padding: 0 !important;
aspect-ratio: 21 / 9 !important; /* match native ~2.21:1 */
overflow: hidden !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #f0f4fa, #e6edf6) !important;
position: relative !important;
}
.bd .grid.folio-4-columns .folio > p.meta,
.bd .grid.folio-4-columns .folio > .meta {
order: 3 !important;
margin: 4px 4px 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 400 !important;
color: rgba(10, 22, 46, .55) !important;
line-height: 1.5 !important;
border: none !important;
background: none !important;
}
/* Kill ALL hover outlines/borders on folio image link */
.bd .grid.folio-4-columns .folio .image a,
.bd .grid.folio-4-columns .folio .image a.frame,
.bd .grid.folio-4-columns .folio .image a:hover,
.bd .grid.folio-4-columns .folio .image a.frame:hover {
display: block !important;
width: 100% !important;
height: 100% !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: inherit !important;
overflow: hidden !important;
position: relative !important;
}
.bd .grid.folio-4-columns .folio .image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
transition: transform .55s cubic-bezier(.2,.8,.2,1) !important;
border-radius: inherit !important;
}
.bd .grid.folio-4-columns .folio:hover .image img { transform: scale(1.06); }
.bd .grid.folio-4-columns .folio .image::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(0,89,248,.0), rgba(0,89,248,.18)) !important;
opacity: 0 !important;
transition: opacity .35s ease !important;
pointer-events: none !important;
border-radius: inherit !important;
}
.bd .grid.folio-4-columns .folio:hover .image::after { opacity: 1 !important; }
.bd .grid.folio-4-columns .folio .image .helper2 { display: none !important; }
/* ===== STEPS — separate container card ===================== */
.steps-main {
background: #fff !important;
border-radius: 24px !important;
padding: 56px 40px !important;
margin: 8px auto 56px !important;
max-width: 1240px !important;
box-shadow: 0 18px 50px -28px rgba(10, 22, 46, .18) !important;
box-sizing: border-box !important;
}
/* Re-show arrows between steps in case earlier rule disabled them */
@media (min-width: 760px) {
.steps-main .step:not(:last-child)::after {
content: "\2192" !important;
display: block !important;
position: absolute !important;
right: -18px !important;
top: 32px !important;
font-size: 22px !important;
font-weight: 700 !important;
color: rgba(0, 89, 248, .25) !important;
opacity: 0 !important;
transform: translateX(-6px) !important;
transition: opacity .5s ease, transform .5s ease, color .4s ease !important;
z-index: 4 !important;
}
.steps-main.in-view .step:not(:last-child)::after {
opacity: 1 !important;
transform: none !important;
color: var(--brand-blue) !important;
}
.steps-main.in-view .step-1::after { transition-delay: 1.0s !important; }
.steps-main.in-view .step-2::after { transition-delay: 1.9s !important; }
.steps-main.in-view .step-3::after { transition-delay: 2.8s !important; }
}
/* Remove old shadow_main_2.png separator under .grid.folio-4-columns area too */
.bd > center:has(> img[src*="shadow_main"]) { display: none !important; }
/* === v12 (2026.14): STEPS — force 4 in row, kill old track ==== */
.steps-main {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 22px !important;
padding: 56px 40px !important;
}
/* Kill ALL legacy progress-track pseudo elements on .steps-main itself */
.steps-main::before, .steps-main::after { content: none !important; display: none !important; background: none !important; }
/* Arrows: more visible, properly placed */
@media (min-width: 760px) {
.steps-main .step:not(:last-child)::after {
content: "\2192" !important;
position: absolute !important;
right: -16px !important;
top: 38px !important;
font-size: 26px !important;
line-height: 1 !important;
font-weight: 800 !important;
color: rgba(0, 89, 248, .35) !important;
opacity: 0 !important;
transform: translateX(-8px) !important;
transition: opacity .55s ease, transform .55s ease, color .4s ease !important;
z-index: 4 !important;
pointer-events: none !important;
}
.steps-main.in-view .step:not(:last-child)::after {
opacity: 1 !important;
transform: none !important;
color: var(--brand-blue) !important;
}
.steps-main.in-view .step-1::after { transition-delay: .8s !important; }
.steps-main.in-view .step-2::after { transition-delay: 1.6s !important; }
.steps-main.in-view .step-3::after { transition-delay: 2.4s !important; }
}
@media (max-width: 1100px) {
.steps-main { grid-template-columns: repeat(2, 1fr) !important; padding: 40px 28px !important; }
.steps-main .step:not(:last-child)::after { display: none !important; }
}
@media (max-width: 600px) {
.steps-main { grid-template-columns: 1fr !important; padding: 28px 18px !important; }
}
/* Folio meta — left-align, kill any inherited centering */
.bd .grid.folio-4-columns .folio .meta,
.bd .grid.folio-4-columns .folio p.meta,
.bd .grid.folio-4-columns .folio center { text-align: left !important; }
/* ================================================================== */
/* === v13 (2026.15): SECTION CARDS + REFINED STEPS + SOCIAL ======== */
/* ================================================================== */
/* --- 0. Hide all leftover legacy wrappers if any ---------- */
.bd > center > img[src*="shadow_main"],
.bd > center > img[src*="shadow.png"] { display: none !important; }
.bd > center:empty { display: none !important; }
/* --- 1. Section card shell (folio / steps / prices / etc.) -------- */
.section-card {
display: block;
background: #fff;
border-radius: 24px;
padding: 38px 40px 32px !important;
margin: 28px auto 36px !important;
max-width: 1240px !important;
box-shadow: 0 18px 50px -28px rgba(10, 22, 46, .18);
box-sizing: border-box;
position: relative;
}
@media (max-width: 760px) {
.section-card { padding: 28px 22px 24px !important; border-radius: 18px; margin: 20px auto 24px !important; }
}
/* Section header (title + side link/eyebrow), aligned to LEFT */
.section-card .section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
margin: 0 0 22px;
flex-wrap: wrap;
}
.section-card .section-title {
margin: 0 !important;
padding: 0 !important;
font-size: clamp(22px, 2.1vw, 28px) !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #0a162e !important;
letter-spacing: -0.01em !important;
text-align: left !important;
font-family: inherit !important;
position: relative;
}
.section-card .section-title::after {
content: "";
display: block;
width: 44px;
height: 3px;
margin-top: 10px;
border-radius: 3px;
background: var(--brand-grad);
}
/* Right-side link in header */
.section-card .section-link {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--brand-blue);
text-decoration: none;
transition: color .25s, transform .25s;
flex: 0 0 auto;
}
.section-card .section-link:hover { color: var(--brand-cyan); transform: translateX(3px); }
.section-card .section-eyebrow {
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(10, 22, 46, .4);
font-weight: 600;
flex: 0 0 auto;
}
/* CTA slot at the bottom of a section card */
.section-card .section-cta {
display: flex;
justify-content: center;
margin: 24px 0 0;
}
/* --- 2. FOLIO inside section ---------------------------------------- */
.section-card.folio-section .grid.folio-4-columns {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
box-shadow: none !important;
}
/* Folio card: subtle, captions match c-5 body text style */
.section-card.folio-section .folio {
background: #fff !important;
border-radius: 14px !important;
overflow: visible !important;
box-shadow: 0 4px 14px -8px rgba(10, 22, 46, .12) !important;
border: 1px solid rgba(10, 22, 46, .04);
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.section-card.folio-section .folio:hover {
transform: translateY(-4px);
box-shadow: 0 16px 36px -16px rgba(0, 89, 248, .24) !important;
border-color: rgba(0, 89, 248, .12);
}
.section-card.folio-section .folio h3 {
margin: 14px 16px 6px !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #0a162e !important;
letter-spacing: -0.005em !important;
}
/* Caption text under folio card -> matches the body text in c-5 cards */
.section-card.folio-section .folio .meta,
.section-card.folio-section .folio p.meta {
margin: 0 16px 16px !important;
font-size: 14px !important;
line-height: 1.55 !important;
color: rgba(10, 22, 46, .65) !important;
font-weight: 400 !important;
font-family: inherit !important;
font-style: normal !important;
text-align: left !important;
}
/* Envira gallery — keep aligned with folio cards, inside the same section */
.section-card.folio-section .folio-gallery {
margin: 22px 0 0;
border-radius: 16px;
overflow: hidden;
}
.section-card.folio-section .folio-gallery .envira-gallery-wrap,
.section-card.folio-section .folio-gallery .envira-gallery-public {
background: transparent !important;
box-shadow: none !important;
border-radius: 16px !important;
overflow: hidden !important;
margin: 0 !important;
}
/* --- 3. STEPS inside section ---------------------------------------- */
.section-card.steps-section .steps-main {
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
max-width: none !important;
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 24px !important;
position: relative;
overflow: visible !important;
}
/* Hide ALL legacy progress-track ::before/::after on .steps-main */
.section-card.steps-section .steps-main::before,
.section-card.steps-section .steps-main::after {
content: none !important;
display: none !important;
background: none !important;
}
/* Single shared progress LINE behind all step circles (desktop) */
@media (min-width: 760px) {
.section-card.steps-section { position: relative; }
.section-card.steps-section .steps-progress {
position: absolute;
left: 12.5%;
right: 12.5%;
top: calc(38px + 24px); /* aligned with step number circle center after section padding */
height: 2px;
background: rgba(0, 89, 248, .14);
border-radius: 2px;
z-index: 0;
pointer-events: none;
}
.section-card.steps-section .steps-progress::after {
content: "";
position: absolute;
inset: 0;
width: 0;
background: var(--brand-grad);
border-radius: 2px;
transition: width 2s cubic-bezier(.2, .8, .2, 1);
}
.section-card.steps-section .steps-main.in-view ~ .steps-progress::after,
.section-card.steps-section.in-view .steps-progress::after { width: 100%; }
}
/* Step card */
.section-card.steps-section .step {
background: #fff !important;
border: 1px solid rgba(10, 22, 46, .06) !important;
border-radius: 16px !important;
padding: 24px 18px 22px !important;
text-align: center !important;
position: relative;
z-index: 2;
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
opacity: 0;
transform: translateY(14px);
}
.section-card.steps-section .steps-main.in-view .step { opacity: 1; transform: none; transition: opacity .55s, transform .55s, box-shadow .35s, border-color .35s; }
.section-card.steps-section .steps-main.in-view .step-1 { transition-delay: 0s; }
.section-card.steps-section .steps-main.in-view .step-2 { transition-delay: .12s; }
.section-card.steps-section .steps-main.in-view .step-3 { transition-delay: .24s; }
.section-card.steps-section .steps-main.in-view .step-4 { transition-delay: .36s; }
.section-card.steps-section .step:hover {
transform: translateY(-4px);
box-shadow: 0 22px 40px -22px rgba(0, 89, 248, .32);
border-color: rgba(0, 89, 248, .18);
}
/* Step number circle — clean, no border artifact */
.section-card.steps-section .step-number {
width: 48px !important;
height: 48px !important;
margin: 0 auto 14px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 800 !important;
color: rgba(10, 22, 46, .45) !important;
background: #eef3fb !important;
border: 0 !important;
box-shadow: inset 0 0 0 1px rgba(0, 89, 248, .12) !important;
transition: color .4s, background .4s, box-shadow .4s, transform .4s !important;
}
.section-card.steps-section .steps-main.in-view .step-1 .step-number { transition-delay: .2s; }
.section-card.steps-section .steps-main.in-view .step-2 .step-number { transition-delay: .9s; }
.section-card.steps-section .steps-main.in-view .step-3 .step-number { transition-delay: 1.6s; }
.section-card.steps-section .steps-main.in-view .step-4 .step-number { transition-delay: 2.3s; }
.section-card.steps-section .steps-main.in-view .step .step-number {
color: #fff !important;
background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan)) !important;
box-shadow: 0 10px 22px -8px rgba(0, 89, 248, .55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
transform: scale(1.06);
}
.section-card.steps-section .step-title {
font-weight: 800 !important;
font-size: 13px !important;
letter-spacing: 0.06em !important;
color: #0a162e !important;
margin: 0 0 6px !important;
}
.section-card.steps-section .step-subtitle {
font-size: 13px !important;
line-height: 1.45 !important;
color: rgba(10, 22, 46, .58) !important;
}
/* Stylish animated arrows BETWEEN cards — using SVG-like glyph in the gap */
@media (min-width: 900px) {
.section-card.steps-section .step:not(:last-child)::after {
content: "";
position: absolute;
right: -16px; /* sits in the 24px gap */
top: 38px;
width: 22px;
height: 8px;
background: linear-gradient(90deg, transparent 0%, var(--brand-blue) 30%, var(--brand-cyan) 100%);
-webkit-mask: linear-gradient(90deg, #000 60%, transparent 100%);
mask: linear-gradient(90deg, #000 60%, transparent 100%);
opacity: 0;
transform: translateX(-10px);
transition: opacity .55s ease, transform .55s ease;
z-index: 5;
pointer-events: none;
}
.section-card.steps-section .step:not(:last-child)::before {
content: "";
position: absolute;
right: -22px; /* the arrowhead */
top: 34px;
width: 0; height: 0;
border-left: 8px solid var(--brand-cyan);
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
opacity: 0;
transform: translateX(-10px);
transition: opacity .55s ease .1s, transform .55s ease .1s;
z-index: 6;
pointer-events: none;
filter: drop-shadow(0 2px 6px rgba(0, 89, 248, .35));
}
.section-card.steps-section .steps-main.in-view .step:not(:last-child)::after,
.section-card.steps-section .steps-main.in-view .step:not(:last-child)::before {
opacity: 1;
transform: none;
}
.section-card.steps-section .steps-main.in-view .step-1::after,
.section-card.steps-section .steps-main.in-view .step-1::before { transition-delay: .55s; }
.section-card.steps-section .steps-main.in-view .step-2::after,
.section-card.steps-section .steps-main.in-view .step-2::before { transition-delay: 1.25s; }
.section-card.steps-section .steps-main.in-view .step-3::after,
.section-card.steps-section .steps-main.in-view .step-3::before { transition-delay: 1.95s; }
}
@media (max-width: 1100px) {
.section-card.steps-section .steps-main { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
.section-card.steps-section .steps-main { grid-template-columns: 1fr !important; }
}
/* --- 4. PRICES inside section --------------------------------------- */
.section-card.prices-section .prices-grid { margin: 0; }
.section-card.prices-section .prices-grid ul.products {
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 14px !important;
}
@media (max-width: 1100px) { .section-card.prices-section .prices-grid ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 600px) { .section-card.prices-section .prices-grid ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
/* --- 5. SLIDER caption: keep button INSIDE rounded slider ----------- */
.slider-thumb { overflow: hidden !important; }
.slider-thumb .non-image {
box-sizing: border-box !important;
left: 0 !important;
right: 0 !important;
width: auto !important;
max-width: 100% !important;
padding: 80px 56px 36px !important;
}
.slider-thumb .non-image .more {
margin: 0 !important;
max-width: 220px;
flex: 0 0 auto !important;
}
.slider-thumb .non-image h2 {
flex: 1 1 auto !important;
min-width: 0 !important;
padding-right: 18px;
}
@media (max-width: 760px) {
.slider-thumb .non-image { padding: 36px 22px 18px !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
.slider-thumb .non-image .more { width: 100%; max-width: none; }
}
/* --- 6. SOCIAL ICONS — branded, soft glow --------------------------- */
#feeds-nav ul.feeds { display: flex; gap: 10px; align-items: center; padding: 0; margin: 0; list-style: none; }
#feeds-nav ul.feeds li.feed { display: inline-flex; padding: 0; margin: 0; background: none; }
#feeds-nav ul.feeds li.feed > a {
width: 36px; height: 36px;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%;
color: #fff;
background: rgba(10, 22, 46, .35);
box-shadow: 0 4px 12px -6px rgba(10, 22, 46, .25);
transition: transform .25s ease, box-shadow .35s ease, background .35s ease, filter .25s ease;
overflow: hidden;
position: relative;
}
#feeds-nav ul.feeds li.feed > a > svg { display: block; transition: transform .3s ease; }
#feeds-nav ul.feeds li.feed > a:hover { transform: translateY(-2px) scale(1.06); }
#feeds-nav ul.feeds li.feed > a:hover > svg { transform: scale(1.08); }
/* Telegram — sky blue */
#feeds-nav .feed-tg > a { background: linear-gradient(135deg, #2aabee, #229ed9); }
#feeds-nav .feed-tg > a:hover { box-shadow: 0 12px 28px -8px rgba(42, 171, 238, .55), 0 0 0 4px rgba(42, 171, 238, .15); }
/* Facebook — Meta blue */
#feeds-nav .feed-fb > a { background: linear-gradient(135deg, #1877f2, #0a5dc7); }
#feeds-nav .feed-fb > a:hover { box-shadow: 0 12px 28px -8px rgba(24, 119, 242, .55), 0 0 0 4px rgba(24, 119, 242, .15); }
/* Instagram — pink/orange/purple gradient */
#feeds-nav .feed-ig > a { background: radial-gradient(circle at 30% 110%, #fdd66a 0%, #f76b1c 22%, #e63558 45%, #c5208e 68%, #5d40c9 100%); }
#feeds-nav .feed-ig > a:hover { box-shadow: 0 12px 28px -8px rgba(229, 53, 88, .5), 0 0 0 4px rgba(197, 32, 142, .18); }
/* YouTube — red */
#feeds-nav .feed-yt > a { background: linear-gradient(135deg, #ff3b3b, #cc0000); }
#feeds-nav .feed-yt > a:hover { box-shadow: 0 12px 28px -8px rgba(204, 0, 0, .55), 0 0 0 4px rgba(255, 59, 59, .15); }
/* --- 7. Hide old global headers that we now render inside sections --- */
.bd > center > h2,
.bd > center > p { /* the old standalone titles */
/* keep visible as fallback for non-home templates; but on home the PHP no longer outputs them */
}
/* ================================================================== */
/* === v14 (2026.16): OUTER SECTION HEADERS + FIXED ARROWS ========== */
/* ================================================================== */
/* --- Outer section header (sits ABOVE the .section-card) ---------- */
.section-header-outer {
max-width: 1240px;
margin: 36px auto 14px !important;
padding: 0 40px;
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
box-sizing: border-box;
}
@media (max-width: 760px) {
.section-header-outer { padding: 0 22px; margin: 24px auto 10px !important; }
}
.section-header-outer .section-title-outer {
margin: 0 !important;
padding: 0 !important;
font-size: clamp(24px, 2.4vw, 32px) !important;
line-height: 1.15 !important;
font-weight: 800 !important;
color: #0a162e !important;
letter-spacing: -0.015em !important;
text-align: left !important;
font-family: inherit !important;
position: relative;
}
.section-header-outer .section-title-outer::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin-top: 12px;
border-radius: 3px;
background: var(--brand-grad);
}
.section-header-outer .section-link-outer {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.01em;
color: var(--brand-blue);
text-decoration: none;
transition: color .25s, transform .25s;
flex: 0 0 auto;
}
.section-header-outer .section-link-outer:hover { color: var(--brand-cyan); transform: translateX(3px); }
.section-header-outer .section-eyebrow-outer {
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(10, 22, 46, .42);
font-weight: 600;
flex: 0 0 auto;
}
/* Tighten gap between outer header and its card */
.section-header-outer + .section-card { margin-top: 0 !important; }
/* Hide the previously-injected inner section-head (now redundant) */
.section-card .section-head { display: none !important; }
/* --- ARROWS as explicit absolute children of .steps-main ---------- */
/* Make .steps-main a positioning context with NO clipping */
.section-card.steps-section { overflow: visible !important; }
.section-card.steps-section .steps-main {
overflow: visible !important;
position: relative !important;
}
/* Disable the legacy ::before/::after arrow attempt on .step */
.section-card.steps-section .step::before,
.section-card.steps-section .step::after {
content: none !important;
display: none !important;
background: none !important;
border: 0 !important;
}
/* The 3 explicit arrows */
.section-card.steps-section .step-arrow {
display: none;
}
@media (min-width: 900px) {
.section-card.steps-section .step-arrow {
display: block;
position: absolute;
top: 28px; /* aligned with vertical center of step-number circles (step padding 24 + circle 48/2 - arrow 12/2) */
width: 40px;
height: 12px;
pointer-events: none;
opacity: 0;
transform: translateX(-12px) translateY(-50%);
transition: opacity .55s ease, transform .55s ease;
z-index: 9;
}
/* Position arrows at the gap centers between the 4 columns */
/* Grid is 4 equal cols. Centers of gaps = 25%, 50%, 75% of width */
.section-card.steps-section .step-arrow-1 { left: 25%; transform: translateX(calc(-50% - 0px)) translateY(-50%); }
.section-card.steps-section .step-arrow-2 { left: 50%; transform: translateX(-50%) translateY(-50%); }
.section-card.steps-section .step-arrow-3 { left: 75%; transform: translateX(-50%) translateY(-50%); }
/* Render the arrow with a gradient line + chevron head using SVG bg */
.section-card.steps-section .step-arrow::before {
content: "";
position: absolute;
left: 0; right: 14px;
top: 50%;
height: 2px;
transform: translateY(-50%);
background: linear-gradient(90deg, rgba(0, 89, 248, 0) 0%, var(--brand-blue) 40%, var(--brand-cyan) 100%);
border-radius: 2px;
}
.section-card.steps-section .step-arrow::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 0; height: 0;
transform: translateY(-50%);
border-left: 12px solid var(--brand-cyan);
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
filter: drop-shadow(0 2px 6px rgba(0, 190, 246, .45));
}
/* Reveal in sync with steps stagger */
.section-card.steps-section .steps-main.in-view .step-arrow {
opacity: 1;
}
.section-card.steps-section .steps-main.in-view .step-arrow-1 { transform: translateX(-50%) translateY(-50%); transition-delay: .55s; }
.section-card.steps-section .steps-main.in-view .step-arrow-2 { transform: translateX(-50%) translateY(-50%); transition-delay: 1.25s; }
.section-card.steps-section .steps-main.in-view .step-arrow-3 { transform: translateX(-50%) translateY(-50%); transition-delay: 1.95s; }
}
/* ================================================================== */
/* === v15 (2026.17): SINGLE BLOG POST PAGE REDESIGN ================ */
/* ================================================================== */
/* --- Compact top bar for single posts: hide ghost "Блог" h1 ------ */
.post-hd-compact { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 0 !important; }
.post-hd-compact .c-9.post-hd-spacer { min-height: 1px; }
.post-hd-compact h1 { display: none !important; }
.post-hd-compact .c-9 .breadcrumbs,
.post-hd-compact .c-9 nav { display: none !important; }
/* Tone down second nav row on post pages (semi-transparent → readable) */
.post-page-v2 ~ * #button-group,
.post-hd-compact + .bd #button-group,
body.single #button-group {
opacity: 1 !important;
}
/* --- POST PAGE WRAPPER ------------------------------------------- */
.bd.post-page-v2 {
background: var(--page-bg, #f4f7fb);
padding: 0 !important;
max-width: none !important;
margin: 0 !important;
}
.bd.post-page-v2 .post-article-v2 {
display: block;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
/* --- HERO -------------------------------------------------------- */
.post-page-v2 .post-hero {
position: relative;
overflow: hidden;
padding: 56px 24px 44px;
background:
radial-gradient(1200px 480px at 80% 0%, rgba(0, 190, 246, .14), transparent 60%),
radial-gradient(900px 420px at 12% 100%, rgba(0, 89, 248, .10), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
border-bottom: 1px solid rgba(10, 22, 46, .04);
}
.post-page-v2 .post-hero-bg {
position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden;
}
.post-page-v2 .post-hero-blob {
position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55;
}
.post-page-v2 .post-hero-blob-1 { width: 380px; height: 380px; top: -120px; right: -80px; background: radial-gradient(circle, rgba(0, 190, 246, .55), transparent 70%); }
.post-page-v2 .post-hero-blob-2 { width: 460px; height: 460px; bottom: -200px; left: -120px; background: radial-gradient(circle, rgba(0, 89, 248, .35), transparent 70%); }
.post-page-v2 .post-hero-inner {
position: relative;
z-index: 1;
max-width: 820px;
margin: 0 auto;
text-align: left;
}
.post-page-v2 .post-hero-crumbs {
font-size: 12px;
color: rgba(10, 22, 46, .55);
margin-bottom: 18px;
letter-spacing: 0.02em;
}
.post-page-v2 .post-hero-crumbs a { color: rgba(10, 22, 46, .55); text-decoration: none; transition: color .25s; }
.post-page-v2 .post-hero-crumbs a:hover { color: var(--brand-blue); }
.post-page-v2 .post-hero-cats {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--brand-blue);
margin-bottom: 14px;
}
.post-page-v2 .post-hero-cats a { color: inherit; text-decoration: none; }
.post-page-v2 .post-hero-cats a:hover { color: var(--brand-cyan); }
.post-page-v2 .post-hero-cats .dot { color: rgba(10, 22, 46, .25); margin: 0 4px; }
.post-page-v2 .post-hero-title {
margin: 0 !important;
padding: 0 !important;
font-size: clamp(28px, 4.4vw, 52px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
color: #0a162e !important;
letter-spacing: -0.022em !important;
text-align: left !important;
font-family: inherit !important;
}
.post-page-v2 .post-hero-meta {
margin-top: 22px;
display: flex;
flex-wrap: wrap;
gap: 18px 22px;
align-items: center;
font-size: 13px;
color: rgba(10, 22, 46, .58);
font-style: normal;
font-weight: 500;
}
.post-page-v2 .post-hero-meta .hm-item { display: inline-flex; align-items: center; gap: 6px; }
.post-page-v2 .post-hero-meta .hm-item svg { color: var(--brand-blue); flex: 0 0 auto; opacity: .75; }
.post-page-v2 .post-hero-meta .hm-item a { color: inherit; text-decoration: none; transition: color .25s; }
.post-page-v2 .post-hero-meta .hm-item a:hover { color: var(--brand-blue); }
/* --- FEATURED IMAGE ---------------------------------------------- */
.post-page-v2 .post-featured-v2 {
max-width: 1080px;
margin: -28px auto 0;
padding: 0 24px;
position: relative;
z-index: 2;
}
.post-page-v2 .post-featured-v2 .post-featured-img,
.post-page-v2 .post-featured-v2 img {
display: block;
width: 100%;
height: auto;
max-height: 520px;
object-fit: cover;
border-radius: 22px;
box-shadow: 0 28px 70px -30px rgba(10, 22, 46, .35), 0 4px 14px -8px rgba(10, 22, 46, .15);
background: #fff;
}
/* Kill legacy frame border */
.post-page-v2 .post-featured-v2 .frame,
.post-page-v2 .post-featured-v2 .helper2 { display: none !important; }
/* --- CONTENT WRAP ------------------------------------------------ */
.post-page-v2 .post-content-wrap {
max-width: 760px;
margin: 48px auto 0;
padding: 0 24px 64px;
}
/* --- TYPOGRAPHY for entry --------------------------------------- */
.post-page-v2 .post-entry-v2 {
font-size: 17.5px;
line-height: 1.78;
color: #1a2540;
font-weight: 400;
}
.post-page-v2 .post-entry-v2 p {
margin: 0 0 22px !important;
font-size: 17.5px !important;
line-height: 1.78 !important;
color: #1a2540 !important;
font-style: normal !important;
}
/* Drop cap on the very first paragraph (subtle wow-effect) */
.post-page-v2 .post-entry-v2 > p:first-of-type::first-letter {
float: left;
font-size: 64px;
line-height: .92;
font-weight: 800;
color: var(--brand-blue);
background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin: 6px 12px 0 0;
font-family: inherit;
}
.post-page-v2 .post-entry-v2 h2 {
margin: 56px 0 18px !important;
padding: 0 !important;
font-size: clamp(22px, 2.4vw, 30px) !important;
line-height: 1.2 !important;
font-weight: 800 !important;
color: #0a162e !important;
letter-spacing: -0.015em !important;
text-align: left !important;
position: relative;
font-family: inherit !important;
}
.post-page-v2 .post-entry-v2 h2::before {
content: "";
display: block;
width: 40px;
height: 3px;
margin-bottom: 14px;
border-radius: 3px;
background: var(--brand-grad);
opacity: .9;
}
.post-page-v2 .post-entry-v2 h3 {
margin: 40px 0 14px !important;
font-size: clamp(19px, 1.7vw, 22px) !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: #0a162e !important;
letter-spacing: -0.01em !important;
text-align: left !important;
font-family: inherit !important;
}
.post-page-v2 .post-entry-v2 a {
color: var(--brand-blue);
text-decoration: none;
background-image: linear-gradient(transparent calc(100% - 1px), var(--brand-cyan) 1px);
background-repeat: no-repeat;
background-size: 100% 100%;
transition: color .25s, background-size .25s;
}
.post-page-v2 .post-entry-v2 a:hover {
color: var(--brand-cyan);
}
.post-page-v2 .post-entry-v2 ul,
.post-page-v2 .post-entry-v2 ol {
margin: 0 0 22px !important;
padding-left: 22px !important;
}
.post-page-v2 .post-entry-v2 li {
margin-bottom: 8px !important;
line-height: 1.7 !important;
color: #1a2540 !important;
font-size: 17px !important;
}
.post-page-v2 .post-entry-v2 ul li::marker { color: var(--brand-blue); }
/* Inline images: rounded, soft shadow */
.post-page-v2 .post-entry-v2 img,
.post-page-v2 .post-entry-v2 .frame img,
.post-page-v2 .post-entry-v2 p img {
display: block;
max-width: 100%;
height: auto;
border-radius: 14px;
box-shadow: 0 16px 40px -22px rgba(10, 22, 46, .35), 0 4px 10px -6px rgba(10, 22, 46, .15);
margin: 14px auto 18px;
background: #fff;
}
.post-page-v2 .post-entry-v2 .frame {
background: none !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
display: inline-block;
}
.post-page-v2 .post-entry-v2 .helper2 { display: none !important; }
/* Stylish blockquote */
.post-page-v2 .post-entry-v2 blockquote {
position: relative;
margin: 32px 0 32px 0 !important;
padding: 18px 22px 18px 26px !important;
border: 0 !important;
background: linear-gradient(135deg, rgba(0, 89, 248, .04), rgba(0, 190, 246, .04)) !important;
border-radius: 14px;
color: #0a162e !important;
font-style: italic;
font-size: 18px !important;
line-height: 1.6 !important;
overflow: hidden;
}
.post-page-v2 .post-entry-v2 blockquote::before {
content: "";
position: absolute;
top: 14px; bottom: 14px;
left: 0;
width: 4px;
border-radius: 4px;
background: var(--brand-grad);
}
.post-page-v2 .post-entry-v2 blockquote p { margin: 0 !important; font-style: italic !important; color: #0a162e !important; }
/* Embedded videos: keep rounded */
.post-page-v2 .post-entry-v2 .Embed-container,
.post-page-v2 .post-entry-v2 iframe {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 18px 44px -22px rgba(10, 22, 46, .35);
}
/* Hide legacy after-content divider/h2/buttons we replaced with CTA card */
.post-page-v2 .post-article-v2 .post-content-wrap > .divider,
.post-page-v2 .post-article-v2 .post-content-wrap > p > .button { /* fallback */ }
/* --- TAGS chips ------------------------------------------------- */
.post-page-v2 .post-tags-v2 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 36px 0 0;
padding: 16px 0 0;
border-top: 1px solid rgba(10, 22, 46, .08);
font-size: 13px;
}
.post-page-v2 .post-tags-v2 .post-tags-label {
color: rgba(10, 22, 46, .5);
font-weight: 600;
letter-spacing: 0.04em;
margin-right: 4px;
text-transform: uppercase;
font-size: 11px;
}
.post-page-v2 .post-tags-v2 a {
display: inline-flex;
align-items: center;
padding: 5px 12px;
border-radius: 999px;
background: rgba(0, 89, 248, .06);
color: var(--brand-blue);
font-weight: 600;
font-size: 12.5px;
text-decoration: none;
transition: background .25s, color .25s, transform .25s;
}
.post-page-v2 .post-tags-v2 a:hover {
background: var(--brand-blue);
color: #fff;
transform: translateY(-1px);
}
/* --- CTA CARD --------------------------------------------------- */
.post-page-v2 .post-cta-card {
position: relative;
margin: 40px 0 0;
border-radius: 24px;
overflow: hidden;
color: #fff;
box-shadow: 0 26px 60px -30px rgba(0, 89, 248, .55);
isolation: isolate;
}
.post-page-v2 .post-cta-card .cta-card-bg {
position: absolute; inset: 0; z-index: 0;
background:
radial-gradient(360px 220px at 100% 0%, rgba(255, 255, 255, .22), transparent 70%),
radial-gradient(360px 240px at 0% 100%, rgba(0, 190, 246, .55), transparent 70%),
linear-gradient(135deg, #0a3aa8 0%, #0059f8 55%, #00bef6 130%);
}
.post-page-v2 .post-cta-card .cta-card-inner {
position: relative;
z-index: 1;
padding: 36px 36px 32px;
}
.post-page-v2 .post-cta-card .cta-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(255, 255, 255, .8);
margin-bottom: 8px;
}
.post-page-v2 .post-cta-card .cta-title {
margin: 0 0 8px !important;
font-size: clamp(22px, 2.2vw, 28px) !important;
font-weight: 800 !important;
color: #fff !important;
letter-spacing: -0.01em !important;
line-height: 1.2 !important;
font-family: inherit !important;
text-align: left !important;
}
.post-page-v2 .post-cta-card .cta-sub {
margin: 0 0 22px !important;
font-size: 15px !important;
line-height: 1.55 !important;
color: rgba(255, 255, 255, .82) !important;
max-width: 560px;
font-style: normal !important;
}
.post-page-v2 .post-cta-card .cta-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.post-page-v2 .post-cta-card .cta-actions .button {
margin: 0 !important;
}
/* Make tertiary buttons look right on dark CTA */
.post-page-v2 .post-cta-card .cta-actions .button.tertiary {
background: rgba(255, 255, 255, .14) !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, .25) !important;
}
.post-page-v2 .post-cta-card .cta-actions .button.tertiary:hover {
background: rgba(255, 255, 255, .22) !important;
border-color: rgba(255, 255, 255, .4) !important;
}
/* --- SHARE ------------------------------------------------------ */
.post-page-v2 .post-share-v2 {
display: flex;
align-items: center;
gap: 10px;
margin: 36px 0 0;
flex-wrap: wrap;
}
.post-page-v2 .post-share-v2 .post-share-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(10, 22, 46, .5);
margin-right: 4px;
}
.post-page-v2 .post-share-v2 .post-share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
border-radius: 50%;
background: #fff;
color: rgba(10, 22, 46, .55);
border: 1px solid rgba(10, 22, 46, .08);
cursor: pointer;
transition: transform .25s, color .25s, background .25s, box-shadow .35s, border-color .25s;
}
.post-page-v2 .post-share-v2 .post-share-btn:hover {
transform: translateY(-2px);
color: #fff;
border-color: transparent;
box-shadow: 0 12px 24px -10px rgba(0, 89, 248, .45);
}
.post-page-v2 .post-share-v2 .share-tg:hover { background: linear-gradient(135deg, #2aabee, #229ed9); }
.post-page-v2 .post-share-v2 .share-fb:hover { background: linear-gradient(135deg, #1877f2, #0a5dc7); }
.post-page-v2 .post-share-v2 .share-vw:hover { background: #0a162e; }
.post-page-v2 .post-share-v2 .share-copy:hover { background: var(--brand-grad); }
.post-page-v2 .post-share-v2 .share-copy.copied { background: #16a34a; color: #fff; border-color: transparent; }
/* --- RELATED POSTS --------------------------------------------- */
.post-page-v2 + * .related-header,
.post-page-v2 .related-header { /* placeholder */ }
.bd.post-page-v2 .related-header { max-width: 1240px; padding: 0 40px; margin: 32px auto 14px !important; }
@media (max-width: 760px) { .bd.post-page-v2 .related-header { padding: 0 22px; } }
.bd.post-page-v2 .post-related {
max-width: 1240px;
margin: 0 auto 56px !important;
padding: 0 40px;
box-sizing: border-box;
}
@media (max-width: 760px) { .bd.post-page-v2 .post-related { padding: 0 22px; } }
.bd.post-page-v2 .related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 900px) { .bd.post-page-v2 .related-grid { grid-template-columns: 1fr; } }
.bd.post-page-v2 .related-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 18px;
overflow: hidden;
text-decoration: none;
color: #0a162e;
border: 1px solid rgba(10, 22, 46, .05);
box-shadow: 0 8px 22px -14px rgba(10, 22, 46, .15);
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.bd.post-page-v2 .related-card:hover {
transform: translateY(-5px);
box-shadow: 0 22px 48px -22px rgba(0, 89, 248, .35);
border-color: rgba(0, 89, 248, .15);
}
.bd.post-page-v2 .related-img-wrap {
display: block;
width: 100%;
height: 180px;
overflow: hidden;
background: linear-gradient(135deg, #eef3fb, #d6e3f5);
position: relative;
}
.bd.post-page-v2 .related-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s ease;
}
.bd.post-page-v2 .related-card:hover .related-img-wrap img { transform: scale(1.06); }
.bd.post-page-v2 .related-img-fallback {
display: block; width: 100%; height: 100%;
background:
radial-gradient(220px 120px at 80% 0%, rgba(0, 190, 246, .35), transparent 70%),
linear-gradient(135deg, #0059f8, #00bef6);
}
.bd.post-page-v2 .related-body {
display: flex;
flex-direction: column;
padding: 18px 20px 20px;
gap: 8px;
flex: 1;
}
.bd.post-page-v2 .related-cat {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--brand-blue);
}
.bd.post-page-v2 .related-title {
font-size: 17px;
font-weight: 700;
line-height: 1.3;
color: #0a162e;
letter-spacing: -0.01em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
}
.bd.post-page-v2 .related-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 6px;
font-size: 12.5px;
color: rgba(10, 22, 46, .5);
}
.bd.post-page-v2 .related-arrow {
color: var(--brand-blue);
font-size: 16px;
transition: transform .35s ease, color .25s;
}
.bd.post-page-v2 .related-card:hover .related-arrow { transform: translateX(4px); color: var(--brand-cyan); }
/* --- Hide sidebar on single posts (we removed it from markup) --- */
.bd.post-page-v2 > .grid > .c-4.sidebar,
.bd.post-page-v2 .c-4.sidebar { display: none !important; }
/* --- Mobile tweaks --------------------------------------------- */
@media (max-width: 760px) {
.post-page-v2 .post-hero { padding: 36px 18px 28px; }
.post-page-v2 .post-featured-v2 { padding: 0 18px; margin-top: -18px; }
.post-page-v2 .post-featured-v2 img { max-height: 320px; border-radius: 16px; }
.post-page-v2 .post-content-wrap { padding: 0 18px 48px; margin-top: 32px; }
.post-page-v2 .post-entry-v2 { font-size: 16.5px; }
.post-page-v2 .post-entry-v2 p { font-size: 16.5px !important; }
.post-page-v2 .post-entry-v2 > p:first-of-type::first-letter { font-size: 52px; }
.post-page-v2 .post-cta-card .cta-card-inner { padding: 28px 24px 24px; }
}
/* ================================================================== */
/* === v16 (2026.18): UNIFIED BLOG BAR + EDITORIAL REDESIGN ========= */
/* ================================================================== */
/* --- Hide legacy compact bar entirely (we replaced with .blog-bar) - */
.post-hd-compact { display: none !important; }
/* Override v15 hero: clean editorial, no blobs, no big radial bg ---- */
.post-page-v2 .post-hero {
background: #ffffff !important;
border-bottom: 1px solid rgba(10, 22, 46, .06) !important;
padding: 56px 24px 36px !important;
overflow: visible !important;
position: relative !important;
}
.post-page-v2 .post-hero::after {
content: "";
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
width: 240px;
height: 2px;
background: var(--brand-grad);
opacity: .55;
border-radius: 2px;
}
/* Kill blobs (in case still present in DOM) */
.post-page-v2 .post-hero-bg,
.post-page-v2 .post-hero-blob { display: none !important; }
/* Featured: keep generous gap, no negative overlap */
.post-page-v2 .post-featured-v2 {
margin-top: 36px !important;
}
/* ================================================================== */
/* === BLOG BAR — sticky unified app-bar for blog/post/archive ====== */
/* ================================================================== */
.blog-bar {
position: sticky;
top: 0;
z-index: 50;
background: rgba(255, 255, 255, .82);
-webkit-backdrop-filter: saturate(180%) blur(14px);
backdrop-filter: saturate(180%) blur(14px);
border-bottom: 1px solid rgba(10, 22, 46, .06);
box-shadow: 0 1px 0 rgba(10, 22, 46, .02), 0 12px 28px -22px rgba(10, 22, 46, .15);
}
.blog-bar-inner {
max-width: 1240px;
margin: 0 auto;
padding: 10px 28px;
display: flex;
align-items: center;
gap: 20px;
}
/* Brand label on left */
.blog-bar-brand {
display: inline-flex;
align-items: center;
gap: 8px;
color: #0a162e;
text-decoration: none;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
white-space: nowrap;
flex: 0 0 auto;
padding: 6px 12px 6px 6px;
border-radius: 999px;
transition: background .25s, color .25s;
}
.blog-bar-brand:hover { color: var(--brand-blue); background: rgba(0, 89, 248, .05); }
.blog-bar-brand-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px; height: 26px;
border-radius: 8px;
background: var(--brand-grad);
color: #fff;
padding: 6px;
box-sizing: border-box;
}
/* Pill nav in the middle */
.blog-bar-nav {
flex: 1 1 auto;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.blog-bar-nav::-webkit-scrollbar { display: none; }
.blog-bar-nav .blog-bar-menu,
.blog-bar-nav ul.blog-bar-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
gap: 4px;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
white-space: nowrap;
}
.blog-bar-nav .blog-bar-menu li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background: none !important;
}
.blog-bar-nav .blog-bar-menu li::before { display: none !important; content: none !important; }
.blog-bar-nav .blog-bar-menu li a {
display: inline-block;
padding: 7px 14px;
font-size: 13px !important;
font-weight: 600 !important;
font-style: normal !important;
color: rgba(10, 22, 46, .68) !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
text-decoration: none !important;
text-transform: lowercase !important;
letter-spacing: 0.01em !important;
line-height: 1.3 !important;
transition: background .25s, color .25s !important;
box-shadow: none !important;
}
.blog-bar-nav .blog-bar-menu li a::first-letter { text-transform: uppercase !important; }
.blog-bar-nav .blog-bar-menu li a:hover {
color: var(--brand-blue) !important;
background: rgba(0, 89, 248, .07) !important;
}
.blog-bar-nav .blog-bar-menu li.current-menu-item > a,
.blog-bar-nav .blog-bar-menu li.current_page_item > a {
color: var(--brand-blue) !important;
background: rgba(0, 89, 248, .1) !important;
}
/* Crimson CTA on right */
.blog-bar-cta {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #fa3076, #e91d6a);
color: #fff !important;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
text-decoration: none;
box-shadow: 0 8px 22px -10px rgba(250, 48, 118, .55);
transition: transform .25s, box-shadow .35s, filter .25s;
white-space: nowrap;
}
.blog-bar-cta:hover {
transform: translateY(-1px);
box-shadow: 0 12px 28px -10px rgba(250, 48, 118, .65);
filter: brightness(1.05);
}
.blog-bar-cta svg { opacity: .9; }
/* Mobile stacking */
@media (max-width: 760px) {
.blog-bar-inner { padding: 10px 14px; gap: 10px; flex-wrap: nowrap; }
.blog-bar-brand span { display: none; }
.blog-bar-cta { padding: 9px 14px; }
.blog-bar-cta span { display: none; }
}
/* ================================================================== */
/* === ARCHIVE PAGE V2 (magazine layout) ============================ */
/* ================================================================== */
.bd.archive-page-v2 {
background: var(--page-bg, #f4f7fb);
padding: 0 !important;
max-width: none !important;
margin: 0 !important;
}
.bd.archive-page-v2 > .grid,
.bd.archive-page-v2 .c-4.sidebar { display: none !important; }
/* Archive hero (clean) */
.bd.archive-page-v2 .archive-hero {
background: #ffffff;
border-bottom: 1px solid rgba(10, 22, 46, .06);
padding: 60px 24px 40px;
position: relative;
}
.bd.archive-page-v2 .archive-hero::after {
content: "";
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
width: 240px;
height: 2px;
background: var(--brand-grad);
opacity: .55;
border-radius: 2px;
}
.bd.archive-page-v2 .archive-hero-inner {
max-width: 1080px;
margin: 0 auto;
text-align: left;
}
.bd.archive-page-v2 .archive-hero-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--brand-blue);
margin-bottom: 12px;
}
.bd.archive-page-v2 .archive-hero-title {
margin: 0 0 12px !important;
padding: 0 !important;
font-size: clamp(32px, 4.6vw, 56px) !important;
line-height: 1.06 !important;
font-weight: 800 !important;
color: #0a162e !important;
letter-spacing: -0.022em !important;
text-align: left !important;
font-family: inherit !important;
}
.bd.archive-page-v2 .archive-hero-sub {
margin: 0 !important;
max-width: 620px;
font-size: 17px !important;
line-height: 1.6 !important;
color: rgba(10, 22, 46, .6) !important;
font-style: normal !important;
}
.bd.archive-page-v2 .archive-hero-chips {
margin-top: 26px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bd.archive-page-v2 .archive-chip {
display: inline-flex;
align-items: center;
padding: 7px 14px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 600;
color: rgba(10, 22, 46, .7);
background: rgba(10, 22, 46, .05);
text-decoration: none;
transition: background .25s, color .25s, transform .25s;
}
.bd.archive-page-v2 .archive-chip:hover {
background: rgba(0, 89, 248, .1);
color: var(--brand-blue);
}
.bd.archive-page-v2 .archive-chip.is-active {
background: var(--brand-grad);
color: #fff;
}
/* Featured first post */
.bd.archive-page-v2 .archive-featured {
max-width: 1240px;
margin: 40px auto 0;
padding: 0 28px;
}
.bd.archive-page-v2 .archive-feat-card {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 0;
background: #fff;
border-radius: 24px;
overflow: hidden;
text-decoration: none;
color: #0a162e;
border: 1px solid rgba(10, 22, 46, .05);
box-shadow: 0 22px 60px -32px rgba(10, 22, 46, .25), 0 4px 14px -8px rgba(10, 22, 46, .08);
transition: transform .35s ease, box-shadow .35s ease;
}
.bd.archive-page-v2 .archive-feat-card:hover {
transform: translateY(-4px);
box-shadow: 0 32px 72px -32px rgba(0, 89, 248, .3), 0 6px 18px -10px rgba(10, 22, 46, .1);
}
.bd.archive-page-v2 .archive-feat-media {
position: relative;
display: block;
min-height: 360px;
overflow: hidden;
background: linear-gradient(135deg, #eaf0fb, #d6e3f5);
}
.bd.archive-page-v2 .archive-feat-media img,
.bd.archive-page-v2 .archive-feat-img {
display: block;
width: 100%;
height: 100%;
min-height: 360px;
object-fit: cover;
transition: transform .6s ease;
}
.bd.archive-page-v2 .archive-feat-card:hover .archive-feat-media img { transform: scale(1.04); }
.bd.archive-page-v2 .archive-feat-fallback {
display: block;
width: 100%;
height: 100%;
min-height: 360px;
background:
radial-gradient(280px 160px at 80% 0%, rgba(0, 190, 246, .35), transparent 70%),
linear-gradient(135deg, #0059f8, #00bef6);
}
.bd.archive-page-v2 .archive-feat-body {
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 44px;
gap: 14px;
}
.bd.archive-page-v2 .archive-feat-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.bd.archive-page-v2 .archive-feat-cat { color: var(--brand-blue); }
.bd.archive-page-v2 .archive-feat-pin {
background: var(--brand-grad);
color: #fff;
padding: 4px 10px;
border-radius: 999px;
letter-spacing: 0.12em;
font-size: 10px;
}
.bd.archive-page-v2 .archive-feat-title {
font-size: clamp(24px, 2.6vw, 32px);
font-weight: 800;
line-height: 1.18;
color: #0a162e;
letter-spacing: -0.018em;
}
.bd.archive-page-v2 .archive-feat-sub {
font-size: 15.5px;
line-height: 1.6;
color: rgba(10, 22, 46, .6);
}
.bd.archive-page-v2 .archive-feat-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 6px;
font-size: 13px;
color: rgba(10, 22, 46, .55);
}
.bd.archive-page-v2 .archive-feat-arrow {
color: var(--brand-blue);
font-weight: 700;
transition: transform .25s, color .25s;
}
.bd.archive-page-v2 .archive-feat-card:hover .archive-feat-arrow { transform: translateX(4px); color: var(--brand-cyan); }
@media (max-width: 860px) {
.bd.archive-page-v2 .archive-feat-card { grid-template-columns: 1fr; }
.bd.archive-page-v2 .archive-feat-media,
.bd.archive-page-v2 .archive-feat-media img { min-height: 220px; }
.bd.archive-page-v2 .archive-feat-body { padding: 28px 24px; }
}
/* Grid of remaining posts */
.bd.archive-page-v2 .archive-grid-section {
max-width: 1240px;
margin: 32px auto 0;
padding: 0 28px 64px;
}
.bd.archive-page-v2 .archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
@media (max-width: 1000px) { .bd.archive-page-v2 .archive-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .bd.archive-page-v2 .archive-grid { grid-template-columns: 1fr; } }
.bd.archive-page-v2 .archive-card {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 18px;
overflow: hidden;
text-decoration: none;
color: #0a162e;
border: 1px solid rgba(10, 22, 46, .05);
box-shadow: 0 8px 24px -16px rgba(10, 22, 46, .15);
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.bd.archive-page-v2 .archive-card:hover {
transform: translateY(-5px);
box-shadow: 0 24px 50px -22px rgba(0, 89, 248, .35);
border-color: rgba(0, 89, 248, .15);
}
.bd.archive-page-v2 .archive-card-media {
display: block;
width: 100%;
height: 200px;
overflow: hidden;
background: linear-gradient(135deg, #eef3fb, #d6e3f5);
}
.bd.archive-page-v2 .archive-card-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s ease;
}
.bd.archive-page-v2 .archive-card:hover .archive-card-media img { transform: scale(1.06); }
.bd.archive-page-v2 .archive-card-fallback {
display: block; width: 100%; height: 100%;
background:
radial-gradient(220px 120px at 80% 0%, rgba(0, 190, 246, .35), transparent 70%),
linear-gradient(135deg, #0059f8, #00bef6);
}
.bd.archive-page-v2 .archive-card-body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px 22px 22px;
flex: 1;
}
.bd.archive-page-v2 .archive-card-cat {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--brand-blue);
}
.bd.archive-page-v2 .archive-card-title {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #0a162e;
letter-spacing: -0.01em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
}
.bd.archive-page-v2 .archive-card-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 4px;
font-size: 12.5px;
color: rgba(10, 22, 46, .5);
}
.bd.archive-page-v2 .archive-card-arrow { color: var(--brand-blue); font-weight: 700; transition: transform .25s, color .25s; }
.bd.archive-page-v2 .archive-card:hover .archive-card-arrow { transform: translateX(4px); color: var(--brand-cyan); }
/* Pagination polish */
.bd.archive-page-v2 .archive-pagination {
margin-top: 36px;
text-align: center;
}
.bd.archive-page-v2 .archive-pagination .pagination,
.bd.archive-page-v2 .archive-pagination .nav-links { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.bd.archive-page-v2 .archive-pagination a,
.bd.archive-page-v2 .archive-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px; height: 40px;
padding: 0 12px;
border-radius: 12px;
background: #fff;
color: rgba(10, 22, 46, .65);
border: 1px solid rgba(10, 22, 46, .08);
font-weight: 600;
text-decoration: none;
transition: all .25s;
}
.bd.archive-page-v2 .archive-pagination a:hover {
background: var(--brand-blue);
color: #fff;
border-color: transparent;
}
.bd.archive-page-v2 .archive-pagination .current,
.bd.archive-page-v2 .archive-pagination span.current {
background: var(--brand-grad);
color: #fff;
border-color: transparent;
}
/* ================================================================== */
/* === v17 (2026.19): GLOBAL PAGE REDESIGN ========================== */
/* ================================================================== */
/* --- Clean editorial hero shared by all pages -------------------- */
.page-hero {
background: #ffffff;
border-bottom: 1px solid rgba(10, 22, 46, .06);
padding: 56px 24px 40px;
position: relative;
}
.page-hero::after {
content: "";
position: absolute;
left: 50%;
bottom: -1px;
transform: translateX(-50%);
width: 240px;
height: 2px;
background: var(--brand-grad);
opacity: .55;
border-radius: 2px;
}
.page-hero-inner {
max-width: 1080px;
margin: 0 auto;
text-align: left;
}
.page-hero-crumbs {
font-size: 13px;
color: rgba(10, 22, 46, .55);
margin-bottom: 14px;
line-height: 1.5;
}
.page-hero-crumbs a {
color: rgba(10, 22, 46, .55);
text-decoration: none;
transition: color .25s;
}
.page-hero-crumbs a:hover { color: var(--brand-blue); }
.page-hero-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--brand-blue);
margin-bottom: 12px;
}
.page-hero-title {
margin: 0 !important;
padding: 0 !important;
font-size: clamp(34px, 4.8vw, 58px) !important;
line-height: 1.06 !important;
font-weight: 800 !important;
color: #0a162e !important;
letter-spacing: -0.022em !important;
text-align: left !important;
font-family: inherit !important;
}
/* --- .bd page-area — soft page background + content card -------- */
/* Apply to page templates (NOT post archive — handled by .archive-page-v2;
NOT single post — handled by .post-page-v2). */
.page .bd,
.page-template-default .bd,
.page-template-page-sidebar-right .bd,
.page-template-page-sidebar-left .bd,
.page-template-page-contact .bd,
.page-template-page-pay-sidebar-right .bd,
.page-template-page-update_2019 .bd,
.page-template-page-calculator .bd,
.page-template-page-calculator-result .bd,
.page-template-page-calculator-v2 .bd {
background: var(--page-bg, #f4f7fb);
padding: 48px 24px 64px !important;
max-width: none !important;
margin: 0 !important;
}
/* Single-column page content card */
.page .bd > .entry-content,
.page-template-default .bd > .entry-content,
.page-template-page-contact .bd > .entry-content,
.page-template-page-update_2019 .bd > .entry-content,
.page-template-page-calculator .bd > .entry-content,
.page-template-page-calculator-result .bd > .entry-content,
.page-template-page-calculator-v2 .bd > .entry-content {
max-width: 1080px;
margin: 0 auto !important;
padding: 48px 56px 56px !important;
background: #fff;
border-radius: 22px;
border: 1px solid rgba(10, 22, 46, .05);
box-shadow:
0 24px 60px -32px rgba(10, 22, 46, .18),
0 4px 14px -8px rgba(10, 22, 46, .06);
}
/* Sidebar layouts: keep grid but style content card */
.page-template-page-sidebar-right .bd > .grid,
.page-template-page-sidebar-left .bd > .grid,
.page-template-page-pay-sidebar-right .bd > .grid {
max-width: 1240px;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1fr 320px;
gap: 32px;
float: none !important;
width: 100% !important;
}
.page-template-page-sidebar-left .bd > .grid {
grid-template-columns: 320px 1fr;
}
.page-template-page-sidebar-right .bd .c-8,
.page-template-page-sidebar-left .bd .c-8,
.page-template-page-pay-sidebar-right .bd .c-8 {
width: auto !important;
float: none !important;
margin: 0 !important;
background: #fff;
border-radius: 22px;
border: 1px solid rgba(10, 22, 46, .05);
box-shadow:
0 24px 60px -32px rgba(10, 22, 46, .18),
0 4px 14px -8px rgba(10, 22, 46, .06);
padding: 44px 48px 48px;
}
.page-template-page-sidebar-right .bd .c-4.sidebar,
.page-template-page-sidebar-left .bd .c-4.sidebar,
.page-template-page-pay-sidebar-right .bd .c-4.sidebar {
width: auto !important;
float: none !important;
margin: 0 !important;
}
.page-template-page-sidebar-right .bd .c-8 .entry-content,
.page-template-page-sidebar-left .bd .c-8 .entry-content,
.page-template-page-pay-sidebar-right .bd .c-8 .entry-content {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
max-width: none !important;
}
@media (max-width: 980px) {
.page-template-page-sidebar-right .bd > .grid,
.page-template-page-sidebar-left .bd > .grid,
.page-template-page-pay-sidebar-right .bd > .grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 760px) {
.page .bd,
[class*="page-template-page"] .bd { padding: 28px 14px 48px !important; }
.page .bd > .entry-content,
[class*="page-template-page"] .bd .c-8,
[class*="page-template-page"] .bd > .entry-content { padding: 28px 22px 32px !important; border-radius: 18px; }
}
/* --- Editorial typography inside page entry-content -------------- */
.bd .entry-content {
color: #1a2540;
font-size: 16.5px;
line-height: 1.72;
font-weight: 400;
}
.bd .entry-content > p,
.bd .entry-content > ul,
.bd .entry-content > ol,
.bd .entry-content > blockquote,
.bd .entry-content > table,
.bd .entry-content > figure,
.bd .entry-content > .wp-block-image {
margin: 0 0 22px 0;
}
.bd .entry-content > *:last-child { margin-bottom: 0; }
.bd .entry-content h2 {
font-size: clamp(22px, 2.2vw, 28px);
line-height: 1.2;
font-weight: 800;
color: #0a162e;
letter-spacing: -0.012em;
margin: 36px 0 16px;
padding: 0;
text-align: left;
font-family: inherit;
position: relative;
}
.bd .entry-content > h2:first-child { margin-top: 0; }
.bd .entry-content h2::before {
content: "";
display: block;
width: 36px;
height: 3px;
background: var(--brand-grad);
border-radius: 3px;
margin-bottom: 14px;
}
.bd .entry-content h3 {
font-size: clamp(18px, 1.6vw, 21px);
line-height: 1.3;
font-weight: 700;
color: #0a162e;
letter-spacing: -0.008em;
margin: 28px 0 12px;
padding: 0;
text-align: left;
font-family: inherit;
}
.bd .entry-content h4 {
font-size: 17px;
font-weight: 700;
color: #0a162e;
margin: 22px 0 10px;
padding: 0;
font-family: inherit;
}
.bd .entry-content p { margin: 0 0 18px; color: #1a2540; }
.bd .entry-content strong, .bd .entry-content b { color: #0a162e; font-weight: 700; }
.bd .entry-content em, .bd .entry-content i { color: #2b3a5a; }
.bd .entry-content a {
color: var(--brand-blue);
text-decoration: none;
border-bottom: 1px solid rgba(0, 89, 248, .25);
transition: color .2s, border-color .2s;
}
.bd .entry-content a:hover { color: var(--brand-cyan); border-color: var(--brand-cyan); }
/* Lists with branded markers */
.bd .entry-content ul {
list-style: none;
padding: 0;
margin: 0 0 22px;
}
.bd .entry-content ul li {
position: relative;
padding: 4px 0 4px 28px;
margin: 0 0 4px;
background: none !important;
list-style: none !important;
}
.bd .entry-content ul li::before {
content: "";
position: absolute;
left: 4px;
top: 14px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--brand-grad);
box-shadow: 0 0 0 3px rgba(0, 89, 248, .12);
}
.bd .entry-content ul li.is-deleted,
.bd .entry-content ul li del,
.bd .entry-content ul li s {
color: rgba(10, 22, 46, .4);
text-decoration: line-through;
}
.bd .entry-content ol {
counter-reset: pageol;
list-style: none;
padding: 0;
margin: 0 0 22px;
}
.bd .entry-content ol li {
counter-increment: pageol;
position: relative;
padding: 4px 0 4px 38px;
margin: 0 0 6px;
background: none !important;
}
.bd .entry-content ol li::before {
content: counter(pageol);
position: absolute;
left: 0;
top: 4px;
width: 26px;
height: 26px;
border-radius: 50%;
background: rgba(0, 89, 248, .1);
color: var(--brand-blue);
font-weight: 700;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
}
/* Tables (pricing tables on "Цены и сроки", etc.) */
.bd .entry-content table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 0 0 28px;
background: #fff;
border: 1px solid rgba(10, 22, 46, .07);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 6px 20px -14px rgba(10, 22, 46, .12);
font-size: 14.5px;
}
.bd .entry-content table th,
.bd .entry-content table td {
padding: 14px 16px;
border: 0;
border-bottom: 1px solid rgba(10, 22, 46, .06);
text-align: left;
vertical-align: middle;
background: none;
}
.bd .entry-content table thead th,
.bd .entry-content table tr:first-child th {
background: linear-gradient(180deg, #f4f7fb, #eef3fb);
color: #0a162e;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: none;
border-bottom: 1px solid rgba(10, 22, 46, .08);
}
.bd .entry-content table tbody tr:nth-child(even) td { background: rgba(0, 89, 248, .025); }
.bd .entry-content table tbody tr:hover td { background: rgba(0, 89, 248, .055); }
.bd .entry-content table tr:last-child td { border-bottom: 0; }
.bd .entry-content table td:first-child,
.bd .entry-content table th:first-child { font-weight: 600; color: #0a162e; }
/* Images: rounded with shadow, plays nice with WP alignment */
.bd .entry-content img {
max-width: 100%;
height: auto;
border-radius: 14px;
box-shadow: 0 18px 40px -24px rgba(10, 22, 46, .25);
}
.bd .entry-content figure { margin: 0 0 24px; }
.bd .entry-content figure img { display: block; }
.bd .entry-content figcaption {
margin-top: 10px;
font-size: 13px;
color: rgba(10, 22, 46, .55);
text-align: center;
font-style: normal;
}
.bd .entry-content .alignleft {
float: left;
margin: 4px 24px 16px 0;
max-width: 50%;
}
.bd .entry-content .alignright {
float: right;
margin: 4px 0 16px 24px;
max-width: 50%;
}
.bd .entry-content .aligncenter {
display: block;
margin: 4px auto 24px;
}
@media (max-width: 640px) {
.bd .entry-content .alignleft,
.bd .entry-content .alignright {
float: none;
margin: 0 auto 18px;
max-width: 100%;
}
}
/* Blockquote */
.bd .entry-content blockquote {
margin: 0 0 24px;
padding: 18px 24px;
background: rgba(0, 89, 248, .04);
border-left: 4px solid var(--brand-blue);
border-radius: 12px;
color: #1a2540;
font-style: normal;
font-size: 16px;
line-height: 1.65;
}
.bd .entry-content blockquote p:last-child { margin-bottom: 0; }
/* Buttons inside content (e.g. shortcode .button) */
.bd .entry-content a.button,
.bd .entry-content .button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 22px;
border-radius: 999px;
background: var(--brand-grad);
color: #fff !important;
font-weight: 700;
font-size: 14px;
text-decoration: none;
border: 0 !important;
box-shadow: 0 10px 24px -10px rgba(0, 89, 248, .55);
transition: transform .25s, box-shadow .35s, filter .25s;
}
.bd .entry-content a.button:hover,
.bd .entry-content .button:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px -10px rgba(0, 89, 248, .65);
filter: brightness(1.05);
}
/* Sidebar (when present) */
.bd .c-4.sidebar .widget,
.bd .c-4.sidebar > div {
background: #fff;
border: 1px solid rgba(10, 22, 46, .05);
border-radius: 18px;
padding: 22px 22px;
margin-bottom: 18px;
box-shadow: 0 14px 36px -22px rgba(10, 22, 46, .15);
}
.bd .c-4.sidebar h3,
.bd .c-4.sidebar .widget-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #0a162e;
margin: 0 0 14px;
padding: 0;
font-family: inherit;
}
/* --- v17 patch: SVG sizing + entry-content clearfix + form polish - */
/* Ensure SVG icons in the blog-bar render at intended size */
.blog-bar-brand .blog-bar-brand-icon,
.blog-bar-cta > svg {
flex-shrink: 0;
display: inline-block;
}
.blog-bar-cta > svg { width: 18px !important; height: 18px !important; }
.blog-bar-brand .blog-bar-brand-icon { width: 26px !important; height: 26px !important; padding: 6px; box-sizing: border-box; }
/* Contain floats inside entry-content cards (e.g. Оплата страница) */
.page .bd > .entry-content,
[class*="page-template-page"] .bd > .entry-content,
[class*="page-template-page"] .bd .c-8 > .entry-content {
display: flow-root;
}
/* Style ad-hoc form on Оплатить онлайн (and any inputs/buttons inside content) */
.bd .entry-content input[type="text"],
.bd .entry-content input[type="email"],
.bd .entry-content input[type="tel"],
.bd .entry-content input[type="number"],
.bd .entry-content textarea {
width: 100% !important;
max-width: 360px;
padding: 11px 14px !important;
border-radius: 12px !important;
border: 1px solid rgba(10, 22, 46, .12) !important;
background: #fff !important;
font-size: 15px !important;
color: #0a162e !important;
font-family: inherit !important;
transition: border-color .2s, box-shadow .2s !important;
box-sizing: border-box !important;
box-shadow: none !important;
}
.bd .entry-content input[type="text"]:focus,
.bd .entry-content input[type="email"]:focus,
.bd .entry-content input[type="tel"]:focus,
.bd .entry-content input[type="number"]:focus,
.bd .entry-content textarea:focus {
outline: none !important;
border-color: var(--brand-blue) !important;
box-shadow: 0 0 0 4px rgba(0, 89, 248, .12) !important;
}
.bd .entry-content .form-group { margin-bottom: 14px; }
.bd .entry-content .form-group p {
font-size: 13px !important;
color: rgba(10, 22, 46, .6) !important;
margin: 0 0 6px !important;
font-weight: 500;
}
.bd .entry-content button.button.primary,
.bd .entry-content button.button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 22px !important;
border-radius: 999px !important;
background: var(--brand-grad) !important;
color: #fff !important;
font-weight: 700 !important;
font-size: 14px !important;
text-decoration: none !important;
border: 0 !important;
box-shadow: 0 10px 24px -10px rgba(0, 89, 248, .55) !important;
cursor: pointer;
transition: transform .25s, box-shadow .35s, filter .25s;
}
.bd .entry-content button.button.primary:hover,
.bd .entry-content button.button:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px -10px rgba(0, 89, 248, .65) !important;
filter: brightness(1.05);
}
/* ================================================================== */
/* === v18 (2026.22) — Major page/blog/article redesign ============= */
/* ================================================================== */
/* --- Hero gradient bg shared by all section types ---------------- */
.page-hero,
.bd.archive-page-v2 .archive-hero,
.post-page-v2 .post-hero {
background:
radial-gradient(1200px 480px at 80% 0%, rgba(0, 190, 246, .14), transparent 60%),
radial-gradient(900px 420px at 12% 100%, rgba(0, 89, 248, .10), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
border-bottom: 0 !important;
padding: 64px 24px 72px !important;
position: relative;
}
.page-hero::after,
.bd.archive-page-v2 .archive-hero::after { display: none !important; }
/* hero text uses our standard inner widths */
.page-hero-inner,
.bd.archive-page-v2 .archive-hero-inner { max-width: 1180px !important; }
/* --- Floating pill bar — overlaps content card below ------------- */
.blog-bar {
position: relative !important;
max-width: 1180px;
margin: -42px auto -34px !important; /* float into hero AND into card */
padding: 0 24px;
z-index: 30;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.blog-bar-inner {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 18px;
background: #ffffff;
border-radius: 999px;
padding: 8px 8px 8px 16px;
box-shadow:
0 30px 60px -28px rgba(10, 22, 46, .28),
0 8px 18px -10px rgba(10, 22, 46, .10),
0 0 0 1px rgba(10, 22, 46, .04) inset;
max-width: none;
}
@media (max-width: 760px) {
.blog-bar { margin: -28px auto -22px !important; padding: 0 12px; }
.blog-bar-inner { padding: 8px 8px 8px 10px; gap: 8px; border-radius: 22px; flex-wrap: wrap; }
}
/* Sticky pill on scroll — keeps the overlap aesthetic while compact */
@media (min-width: 980px) {
.blog-bar.is-stuck .blog-bar-inner { box-shadow: 0 12px 28px -14px rgba(10,22,46,.22), 0 0 0 1px rgba(10,22,46,.05); }
}
/* Hide brand pill if any old markup leaks in */
.blog-bar-brand { display: none !important; }
/* Nav pills inside the bar — sentence-case, capital first letter */
.blog-bar-nav {
flex: 1 1 auto;
min-width: 0;
}
.blog-bar-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
gap: 4px;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.blog-bar-menu::-webkit-scrollbar { display: none; }
.blog-bar-menu li { list-style: none !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto; }
.blog-bar-menu li::before,
.blog-bar-menu li::after { display: none !important; content: none !important; }
.blog-bar-menu li a {
display: inline-flex;
align-items: center;
padding: 9px 14px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.005em;
color: #2a3556 !important;
text-decoration: none !important;
background: transparent;
transition: background .25s, color .25s, transform .2s;
white-space: nowrap;
text-transform: lowercase !important;
}
.blog-bar-menu li a::first-letter { text-transform: uppercase !important; }
.blog-bar-menu li a:hover {
background: rgba(0, 89, 248, .08);
color: var(--brand-blue) !important;
}
.blog-bar-menu li.current_page_item > a,
.blog-bar-menu li.current-menu-item > a {
background: rgba(0, 89, 248, .12);
color: var(--brand-blue) !important;
}
/* --- Glowing crimson CTA in the bar (matches home Калькулятор btn) */
.blog-bar-cta,
a.blog-bar-cta {
position: relative;
flex: 0 0 auto;
display: inline-flex !important;
align-items: center;
gap: 9px;
padding: 13px 24px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap;
border: 0 !important;
box-shadow:
0 24px 50px -14px rgba(250, 48, 118, .55),
0 10px 24px -10px rgba(250, 79, 48, .50),
inset 0 0 0 1px rgba(255, 255, 255, .35);
transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .35s, filter .25s;
overflow: hidden;
isolation: isolate;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
}
.blog-bar-cta::before {
content: "";
position: absolute; inset: -2px;
border-radius: inherit;
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%);
filter: blur(18px);
opacity: .55;
z-index: -1;
transition: opacity .35s;
}
.blog-bar-cta::after {
content: "";
position: absolute;
top: 0; left: -120%;
width: 60%; height: 100%;
background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%);
transform: skewX(-18deg);
pointer-events: none;
z-index: 1;
}
.blog-bar-cta:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 28px 60px -14px rgba(250, 48, 118, .65), 0 14px 28px -10px rgba(250, 79, 48, .55), inset 0 0 0 1px rgba(255, 255, 255, .45); }
.blog-bar-cta:hover::before { opacity: .85; }
.blog-bar-cta:hover::after { animation: bbCtaShine 1s ease forwards; }
.blog-bar-cta > svg { position: relative; z-index: 2; width: 18px !important; height: 18px !important; flex-shrink: 0; opacity: .95; }
.blog-bar-cta > span { position: relative; z-index: 2; }
@keyframes bbCtaShine { from { left: -120%; } to { left: 130%; } }
/* idle pulse to draw the eye (subtle) */
@keyframes bbCtaPulse {
0%, 100% { box-shadow: 0 24px 50px -14px rgba(250, 48, 118, .55), 0 10px 24px -10px rgba(250, 79, 48, .50), inset 0 0 0 1px rgba(255, 255, 255, .35); }
50% { box-shadow: 0 30px 64px -12px rgba(250, 48, 118, .68), 0 14px 30px -8px rgba(250, 79, 48, .60), inset 0 0 0 1px rgba(255, 255, 255, .45); }
}
.blog-bar-cta { animation: bbCtaPulse 3.6s ease-in-out infinite; }
.blog-bar-cta:hover { animation: none; }
@media (max-width: 760px) {
.blog-bar-cta { padding: 11px 16px !important; font-size: 12px !important; }
.blog-bar-cta > span { display: none; }
}
/* --- Content card receives the overlap (extra top padding + radius) */
.page .bd > .entry-content,
.page-template-default .bd > .entry-content,
.page-template-page-contact .bd > .entry-content,
.page-template-page-update_2019 .bd > .entry-content,
.page-template-page-calculator .bd > .entry-content,
.page-template-page-calculator-result .bd > .entry-content,
.page-template-page-calculator-v2 .bd > .entry-content,
.page-template-page-sidebar-right .bd .c-8,
.page-template-page-sidebar-left .bd .c-8,
.page-template-page-pay-sidebar-right .bd .c-8 {
padding-top: 72px !important;
border-top-left-radius: 28px !important;
border-top-right-radius: 28px !important;
}
.page .bd,
[class*="page-template-page"] .bd {
padding-top: 0 !important;
}
/* archive content also receives overlap */
.bd.archive-page-v2 .archive-featured,
.bd.archive-page-v2 .archive-grid {
padding-top: 0;
}
.bd.archive-page-v2 .archive-hero { padding-bottom: 88px !important; }
/* single article featured image / content also receive overlap */
.post-page-v2 .post-hero { padding-bottom: 96px !important; }
.post-page-v2 .post-featured-v2,
.post-page-v2 .post-content-wrap { position: relative; }
/* Make the bar centered to the same content width on archive/single */
.bd.archive-page-v2 + .blog-bar, /* when bar is sibling */
.bd.archive-page-v2 .archive-hero + .blog-bar, /* when inside .bd */
.post-page-v2 .post-hero + .blog-bar { margin-top: -56px !important; }
/* When bar lives inside .bd, neutralize horizontal padding inheritance */
.bd .blog-bar { padding-left: 24px; padding-right: 24px; }
/* --- Modern table styling inside .entry-content ------------------- */
.bd .entry-content table,
.bd .entry-content .wp-block-table table,
.bd .entry-content figure.wp-block-table table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 28px 0 !important;
border: 1px solid rgba(10, 22, 46, .08) !important;
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 14px 40px -28px rgba(10, 22, 46, .18);
font-size: 15px;
line-height: 1.55;
}
.bd .entry-content table thead th,
.bd .entry-content table tr:first-child th {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
font-weight: 700;
letter-spacing: 0.02em;
padding: 14px 18px !important;
text-align: left;
border: 0 !important;
font-size: 13.5px;
text-transform: uppercase;
}
.bd .entry-content table tbody td,
.bd .entry-content table td {
padding: 13px 18px !important;
border: 0 !important;
border-bottom: 1px solid rgba(10, 22, 46, .06) !important;
color: #1a2540;
vertical-align: top;
background: transparent !important;
}
.bd .entry-content table tbody tr:nth-child(even) td { background: rgba(0, 89, 248, .025) !important; }
.bd .entry-content table tbody tr:hover td { background: rgba(0, 190, 246, .07) !important; }
.bd .entry-content table tbody tr:last-child td { border-bottom: 0 !important; }
.bd .entry-content table tbody td:first-child { font-weight: 600; color: #0a162e; }
.bd .entry-content table caption {
caption-side: top;
padding: 0 0 12px 4px;
font-size: 13px;
color: rgba(10, 22, 46, .6);
text-align: left;
font-style: italic;
}
/* Strip legacy bg on inner cells */
.bd .entry-content table th[bgcolor],
.bd .entry-content table td[bgcolor],
.bd .entry-content table tr[bgcolor] { background-color: transparent !important; }
.bd .entry-content table th[style*="background"],
.bd .entry-content table td[style*="background"],
.bd .entry-content table tr[style*="background"] { background: transparent !important; background-color: transparent !important; }
/* --- Replace turquoise content buttons with branded pill ---------- */
.bd .entry-content a.button,
.bd .entry-content a.btn,
.bd .entry-content a[class*="button"]:not(.tertiary):not(.small),
.bd .entry-content .wp-block-button__link {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 13px 26px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-decoration: none !important;
border: 0 !important;
box-shadow:
0 22px 44px -16px rgba(0, 89, 248, .55),
0 8px 20px -10px rgba(0, 190, 246, .50),
inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .35s, filter .25s !important;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
}
.bd .entry-content a.button:hover,
.bd .entry-content a.btn:hover,
.bd .entry-content .wp-block-button__link:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 28px 54px -16px rgba(0, 89, 248, .65),
0 12px 24px -10px rgba(0, 190, 246, .60),
inset 0 0 0 1px rgba(255, 255, 255, .45) !important;
}
.bd .entry-content a.button > span { color: inherit !important; background: transparent !important; }
/* Crimson variant: anything that asks for "primary"/"red" CTA in content */
.bd .entry-content a.button.primary,
.bd .entry-content a.button.red,
.bd .entry-content a.button-primary,
.bd .entry-content a.cta-red {
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
box-shadow:
0 22px 44px -16px rgba(250, 48, 118, .55),
0 8px 20px -10px rgba(250, 79, 48, .50),
inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
}
.bd .entry-content a.button.primary:hover,
.bd .entry-content a.button.red:hover,
.bd .entry-content a.button-primary:hover {
box-shadow:
0 28px 54px -16px rgba(250, 48, 118, .65),
0 12px 24px -10px rgba(250, 79, 48, .60),
inset 0 0 0 1px rgba(255, 255, 255, .45) !important;
}
/* Ghost variant for secondary/tertiary in content */
.bd .entry-content a.button.tertiary,
.bd .entry-content a.button.ghost,
.bd .entry-content a.button.secondary {
background: #ffffff !important;
color: var(--brand-blue) !important;
box-shadow: inset 0 0 0 1.5px rgba(0, 89, 248, .25) !important;
text-transform: uppercase !important;
}
.bd .entry-content a.button.tertiary:hover {
background: rgba(0, 89, 248, .06) !important;
box-shadow: inset 0 0 0 1.5px rgba(0, 89, 248, .55) !important;
transform: translateY(-1px);
}
/* --- Homepage width unification --------------------------------- */
/* All home content rows share the same 1240px container,
so the slider, intro card and folio card line up perfectly. */
:root { --site-container: 1460px; }
.page-template-home-thumb-slider-php #content .bd {
max-width: calc(var(--site-container) + 80px) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 40px !important;
padding-right: 40px !important;
}
.page-template-home-thumb-slider-php #slider.slider-thumb,
.page-template-home-thumb-slider-php #content .hd > .grid,
.page-template-home-thumb-slider-php .bd > .grid,
.page-template-home-thumb-slider-php .bd > section.section-card {
max-width: var(--site-container) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.page-template-home-thumb-slider-php .bd > section.section-card.folio-section {
padding-left: 32px !important;
padding-right: 32px !important;
}
.page-template-home-thumb-slider-php .bd > section.section-card.folio-section .grid.folio-4-columns {
max-width: none !important;
margin: 0 !important;
}
@media (max-width: 1100px) {
.page-template-home-thumb-slider-php #content .bd {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* --- Make pages render as white "blocks" inside the page bg ------ */
/* Visual cards/sections in entry-content (h2 + paragraphs) */
.bd .entry-content h2 {
scroll-margin-top: 120px;
}
/* Add an optional subtle separator line under top-level h2 in pages */
.page .bd > .entry-content > h2,
.page-template-default .bd > .entry-content > h2 {
position: relative;
padding-top: 36px !important;
margin-top: 28px !important;
}
.page .bd > .entry-content > h2::before,
.page-template-default .bd > .entry-content > h2::before {
content: "";
display: block;
width: 48px;
height: 4px;
border-radius: 4px;
background: var(--brand-grad, linear-gradient(135deg,#0059f8,#00bef6));
margin-bottom: 18px;
}
/* --- Sticky behavior: when bar leaves overlap zone, stick to top - */
@media (min-width: 1024px) {
.blog-bar { position: sticky !important; top: 16px; }
}
/* ================================================================== */
/* === v19 (2026.23) — Refined: bar as card-header tabs, hero === */
/* === overlaps top nav, no extra containers === */
/* ================================================================== */
/* --- Kill the gray "extra container" on inner pages --------------- */
.page .bd,
[class*="page-template-page"] .bd,
.bd.archive-page-v2,
.post-page-v2 .bd {
background: transparent !important;
border-radius: 0 !important;
padding-top: 0 !important;
padding-bottom: 56px !important;
box-shadow: none !important;
}
/* The hero now extends up behind the transparent top header --------- */
.page-hero,
.bd.archive-page-v2 .archive-hero,
.post-page-v2 .post-hero {
margin-top: -100px !important;
padding-top: 150px !important;
padding-bottom: 56px !important;
border-radius: 0 0 36px 36px !important;
overflow: hidden;
position: relative;
z-index: 1;
}
/* Make sure the page-hero gradient is rich and deep */
.page-hero,
.bd.archive-page-v2 .archive-hero,
.post-page-v2 .post-hero {
background:
radial-gradient(900px 480px at 80% 10%, rgba(0, 190, 246, .18), transparent 65%),
radial-gradient(800px 420px at 8% 95%, rgba(0, 89, 248, .14), transparent 65%),
linear-gradient(180deg, #eef4ff 0%, #f7faff 60%, #ffffff 100%) !important;
}
/* Tighten hero spacing — title + small eyebrow + crumbs */
.page-hero .page-hero-inner,
.bd.archive-page-v2 .archive-hero-inner { padding: 0 !important; }
.page-hero .page-hero-title { margin: 8px 0 0 !important; }
.page-hero .page-hero-crumbs { margin-bottom: 6px !important; }
/* --- BLOG-BAR redesigned: flat card-header tab strip ------------- */
.blog-bar {
position: relative !important;
max-width: 1180px;
margin: 0 auto !important;
padding: 0 !important;
z-index: 5;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
animation: none !important;
}
.blog-bar-inner {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #ffffff !important;
border-radius: 28px 28px 0 0 !important; /* fuses with card below */
padding: 14px 22px !important;
box-shadow:
0 -2px 0 0 rgba(10, 22, 46, .03),
0 18px 38px -28px rgba(10, 22, 46, .15);
border-bottom: 1px solid rgba(10, 22, 46, .06);
max-width: none;
min-height: 56px;
}
@media (max-width: 760px) {
.blog-bar { padding: 0 12px !important; }
.blog-bar-inner { border-radius: 18px 18px 0 0 !important; padding: 10px 14px !important; flex-wrap: wrap; gap: 8px; }
}
/* Hide brand pill if any old markup leaks in */
.blog-bar-brand { display: none !important; }
/* Nav tabs — flat text with animated bottom underline ------------- */
.blog-bar-nav { flex: 1 1 auto; min-width: 0; }
.blog-bar-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center;
gap: 2px;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.blog-bar-menu::-webkit-scrollbar { display: none; }
.blog-bar-menu li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto;
}
.blog-bar-menu li::before,
.blog-bar-menu li::after { display: none !important; content: none !important; }
.blog-bar-menu li a {
position: relative;
display: inline-flex;
align-items: center;
padding: 10px 14px !important;
border-radius: 0 !important;
background: transparent !important;
font-size: 13.5px !important;
font-weight: 600 !important;
letter-spacing: 0.005em !important;
color: rgba(10, 22, 46, .68) !important;
text-decoration: none !important;
white-space: nowrap;
text-transform: lowercase !important;
transition: color .22s;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
box-shadow: none !important;
}
.blog-bar-menu li a::first-letter { text-transform: uppercase !important; }
.blog-bar-menu li a::after {
content: "";
position: absolute;
left: 14px;
right: 14px;
bottom: -15px;
height: 2px;
border-radius: 2px;
background: var(--brand-grad, linear-gradient(135deg, #0059f8, #00bef6));
transform: scaleX(0);
transform-origin: center;
transition: transform .25s ease;
}
.blog-bar-menu li a:hover { color: var(--brand-blue, #0059f8) !important; }
.blog-bar-menu li a:hover::after { transform: scaleX(.6); }
.blog-bar-menu li.current_page_item > a,
.blog-bar-menu li.current-menu-item > a,
.blog-bar-menu li.current-menu-ancestor > a {
color: var(--brand-blue, #0059f8) !important;
}
.blog-bar-menu li.current_page_item > a::after,
.blog-bar-menu li.current-menu-item > a::after,
.blog-bar-menu li.current-menu-ancestor > a::after {
transform: scaleX(1);
}
/* --- Compact crimson CTA inside the bar -------------------------- */
.blog-bar-cta,
a.blog-bar-cta {
position: relative;
flex: 0 0 auto;
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 9px 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap;
border: 0 !important;
box-shadow:
0 12px 26px -10px rgba(250, 48, 118, .50),
0 4px 12px -6px rgba(250, 79, 48, .45),
inset 0 0 0 1px rgba(255, 255, 255, .35);
transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .35s, filter .25s;
overflow: hidden;
isolation: isolate;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
animation: none !important;
}
.blog-bar-cta::before,
.blog-bar-cta::after { display: none !important; content: none !important; }
.blog-bar-cta:hover {
transform: translateY(-1px);
filter: brightness(1.06);
box-shadow:
0 16px 32px -10px rgba(250, 48, 118, .60),
0 6px 16px -6px rgba(250, 79, 48, .55),
inset 0 0 0 1px rgba(255, 255, 255, .45);
}
.blog-bar-cta > svg {
width: 16px !important;
height: 16px !important;
flex-shrink: 0;
opacity: .95;
}
@media (max-width: 760px) {
.blog-bar-cta { padding: 8px 12px !important; font-size: 11px !important; }
.blog-bar-cta > span { display: none; }
}
/* --- Card top: must fuse with bar (square top, round bottom) ---- */
.page .bd > .entry-content,
.page-template-default .bd > .entry-content,
.page-template-page-contact .bd > .entry-content,
.page-template-page-update_2019 .bd > .entry-content,
.page-template-page-calculator .bd > .entry-content,
.page-template-page-calculator-result .bd > .entry-content,
.page-template-page-calculator-v2 .bd > .entry-content,
.page-template-page-pay-sidebar-right .bd > .entry-content,
.page-template-page-sidebar-right .bd .c-8,
.page-template-page-sidebar-left .bd .c-8,
.page-template-page-pay-sidebar-right .bd .c-8 {
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-top: 56px !important;
padding-left: 48px !important;
padding-right: 48px !important;
padding-bottom: 56px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 28px !important;
border-bottom-right-radius: 28px !important;
box-shadow: 0 26px 60px -28px rgba(10, 22, 46, .18), 0 6px 14px -8px rgba(10, 22, 46, .08);
}
@media (max-width: 760px) {
.page .bd > .entry-content,
[class*="page-template-page"] .bd > .entry-content,
.page-template-page-sidebar-right .bd .c-8,
.page-template-page-sidebar-left .bd .c-8,
.page-template-page-pay-sidebar-right .bd .c-8 {
padding: 32px 22px !important;
border-bottom-left-radius: 18px !important;
border-bottom-right-radius: 18px !important;
}
}
/* Archive list / single article: also receive flat-bar treatment */
.bd.archive-page-v2 .archive-featured,
.bd.archive-page-v2 .archive-grid,
.post-page-v2 .post-featured-v2 + *,
.post-page-v2 .post-content-wrap {
max-width: 1180px;
margin-left: auto !important;
margin-right: auto !important;
}
.post-page-v2 .post-featured-v2 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
/* Tighten hero bottom padding since bar now fuses with card */
.bd.archive-page-v2 .archive-hero,
.post-page-v2 .post-hero { padding-bottom: 48px !important; }
/* --- Sticky DISABLED — bar is now part of the card header ------- */
@media (min-width: 1024px) {
.blog-bar { position: relative !important; top: auto !important; }
}
/* --- Цены и сроки + similar table-heavy pages: section spacing -- */
.bd .entry-content > h2 + p,
.bd .entry-content > h2 + ul,
.bd .entry-content > h2 + figure,
.bd .entry-content > h2 + table,
.bd .entry-content > h2 + .wp-block-table {
margin-top: 14px !important;
}
.bd .entry-content > h2 {
margin-top: 48px !important;
}
.bd .entry-content > h2:first-child,
.bd .entry-content > h1:first-child,
.bd .entry-content > h2:nth-child(-n+2):first-of-type {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Subtle section dividers between H2 sections */
.bd .entry-content > h2 + * { position: relative; }
/* Soft-card grouping for tables: wrap visually */
.bd .entry-content table { margin-left: 0 !important; margin-right: 0 !important; }
/* =====================================================================
v20 — SOCIAL ICONS FIX (header)
- Kill legacy ::before mask icons stacking behind SVGs
- Force brand gradients per network with higher specificity
===================================================================== */
#feeds-nav .feed a::before,
#feeds-nav .feed a::after { content: none !important; display: none !important; background: none !important; -webkit-mask-image: none !important; mask-image: none !important; width: 0 !important; height: 0 !important; }
#feeds-nav .feed a img { display: none !important; }
#feeds-nav ul.feeds { display: inline-flex !important; gap: 10px !important; align-items: center !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
#feeds-nav ul.feeds li.feed { background: none !important; padding: 0 !important; margin: 0 !important; list-style: none !important; float: none !important; display: inline-flex !important; }
#feeds-nav ul.feeds li.feed > a {
width: 38px !important; height: 38px !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
border-radius: 50% !important;
color: #fff !important;
overflow: visible !important;
position: relative !important;
isolation: isolate;
transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, filter .25s ease !important;
}
#feeds-nav ul.feeds li.feed > a > svg {
width: 18px !important; height: 18px !important;
display: block !important;
fill: currentColor !important;
color: #fff !important;
position: relative; z-index: 1;
transition: transform .3s ease;
pointer-events: none;
}
#feeds-nav ul.feeds li.feed > a:hover { transform: translateY(-2px) scale(1.06) !important; filter: brightness(1.06); }
#feeds-nav ul.feeds li.feed > a:hover > svg { transform: scale(1.08); }
/* Telegram — sky blue glow */
#feeds-nav ul.feeds li.feed.feed-tg > a {
background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%) !important;
box-shadow: 0 8px 20px -8px rgba(42, 171, 238, .55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
#feeds-nav ul.feeds li.feed.feed-tg > a:hover { box-shadow: 0 14px 32px -8px rgba(42, 171, 238, .7), 0 0 0 4px rgba(42, 171, 238, .18) !important; }
/* Facebook — Meta blue glow */
#feeds-nav ul.feeds li.feed.feed-fb > a {
background: linear-gradient(135deg, #1877f2 0%, #0a5dc7 100%) !important;
box-shadow: 0 8px 20px -8px rgba(24, 119, 242, .55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
#feeds-nav ul.feeds li.feed.feed-fb > a:hover { box-shadow: 0 14px 32px -8px rgba(24, 119, 242, .7), 0 0 0 4px rgba(24, 119, 242, .18) !important; }
/* Instagram — pink/orange/purple radial gradient */
#feeds-nav ul.feeds li.feed.feed-ig > a {
background: radial-gradient(circle at 30% 110%, #fdd66a 0%, #f76b1c 22%, #e63558 45%, #c5208e 68%, #5d40c9 100%) !important;
box-shadow: 0 8px 20px -8px rgba(229, 53, 88, .55), inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
#feeds-nav ul.feeds li.feed.feed-ig > a:hover { box-shadow: 0 14px 32px -8px rgba(229, 53, 88, .7), 0 0 0 4px rgba(197, 32, 142, .2) !important; }
/* YouTube — red glow */
#feeds-nav ul.feeds li.feed.feed-yt > a {
background: linear-gradient(135deg, #ff3b3b 0%, #cc0000 100%) !important;
box-shadow: 0 8px 20px -8px rgba(204, 0, 0, .55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
#feeds-nav ul.feeds li.feed.feed-yt > a:hover { box-shadow: 0 14px 32px -8px rgba(204, 0, 0, .7), 0 0 0 4px rgba(255, 59, 59, .2) !important; }
/* =====================================================================
v20 — UNIFIED HERO COMPOSITION
Hero (title) + nav-bar inside ONE rounded card matching content width.
Bar floats on the seam, half overlapping the white content card below.
Affects pages, post archives, single posts.
===================================================================== */
/* Reset old full-width hero stretch — now a centered card */
.page .bd .page-hero.page-hero-v3,
[class*="page-template-page"] .bd .page-hero.page-hero-v3,
.bd.archive-page-v2 .archive-hero.archive-hero-v3,
.post-page-v2 .post-hero.post-hero-v3 {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin: -80px auto 0 !important;
padding: 64px 56px 36px !important;
border-radius: 32px !important;
border-bottom-left-radius: 32px !important;
border-bottom-right-radius: 32px !important;
position: relative;
z-index: 3;
overflow: visible !important;
box-shadow: 0 30px 80px -34px rgba(8, 18, 50, .55), 0 0 0 1px rgba(255,255,255,.05) inset;
}
/* Inner column kept narrower for readability */
.page-hero-v3 .page-hero-inner,
.archive-hero-v3 .archive-hero-inner,
.post-hero-v3 .post-hero-inner {
max-width: 880px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center;
}
.archive-hero-v3 .archive-hero-inner,
.post-hero-v3 .post-hero-inner { max-width: 920px !important; }
/* Bar moves INSIDE hero card; floats on seam, half-overlapping content */
.page-hero-v3 > .blog-bar,
.archive-hero-v3 > .blog-bar,
.post-hero-v3 > .blog-bar {
max-width: none !important;
width: auto !important;
margin: 36px -8px -54px !important; /* negative bottom = overlap into content card */
padding: 0 !important;
position: relative;
z-index: 4;
}
.page-hero-v3 > .blog-bar .blog-bar-inner,
.archive-hero-v3 > .blog-bar .blog-bar-inner,
.post-hero-v3 > .blog-bar .blog-bar-inner {
background: #ffffff !important;
border-radius: 999px !important; /* full pill */
padding: 10px 12px 10px 24px !important;
box-shadow:
0 26px 56px -22px rgba(10, 22, 46, .55),
0 0 0 1px rgba(255, 255, 255, .55),
0 1px 0 0 rgba(10, 22, 46, .04) inset !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
/* Content card width matches hero, with extra top padding for bar overlap */
.page .bd .entry-content,
[class*="page-template-page"] .bd .entry-content,
.bd.archive-page-v2 > .archive-feat,
.bd.archive-page-v2 .archive-grid,
.post-page-v2 .entry-content,
.post-page-v2 .post-meta-foot {
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.page .bd .entry-content,
[class*="page-template-page"] .bd .entry-content,
.post-page-v2 .entry-content {
margin-top: 0 !important;
padding: 90px 56px 64px !important; /* top padding accommodates floating pill bar */
border-radius: 32px !important;
background: #fff !important;
box-shadow: 0 30px 70px -32px rgba(10, 22, 46, .22) !important;
position: relative;
z-index: 1;
}
/* Archive grid: top padding for overlap */
.bd.archive-page-v2 .archive-feat,
.bd.archive-page-v2 .archive-grid {
margin-top: 24px !important;
}
.bd.archive-page-v2 .archive-feat:first-of-type {
padding-top: 36px !important;
}
/* Mobile: stack gracefully */
@media (max-width: 760px) {
.page .bd .page-hero.page-hero-v3,
[class*="page-template-page"] .bd .page-hero.page-hero-v3,
.bd.archive-page-v2 .archive-hero.archive-hero-v3,
.post-page-v2 .post-hero.post-hero-v3 {
padding: 44px 22px 28px !important;
border-radius: 24px !important;
margin-top: -60px !important;
}
.page-hero-v3 > .blog-bar,
.archive-hero-v3 > .blog-bar,
.post-hero-v3 > .blog-bar {
margin: 24px 0 -34px !important;
}
.page-hero-v3 > .blog-bar .blog-bar-inner,
.archive-hero-v3 > .blog-bar .blog-bar-inner,
.post-hero-v3 > .blog-bar .blog-bar-inner {
border-radius: 22px !important;
padding: 10px 12px !important;
flex-wrap: wrap !important;
}
.page .bd .entry-content,
[class*="page-template-page"] .bd .entry-content,
.post-page-v2 .entry-content {
padding: 70px 22px 44px !important;
border-radius: 24px !important;
}
}
/* v20.1 — selector hardening: drop .bd ancestor requirement */
section.page-hero.page-hero-v3,
header.archive-hero.archive-hero-v3,
header.post-hero.post-hero-v3 {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin: -80px auto 0 !important;
padding: 64px 56px 36px !important;
border-radius: 32px !important;
position: relative !important;
z-index: 3 !important;
overflow: visible !important;
box-shadow: 0 30px 80px -34px rgba(8,18,50,.55), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
section.page-hero.page-hero-v3 > .blog-bar,
header.archive-hero.archive-hero-v3 > .blog-bar,
header.post-hero.post-hero-v3 > .blog-bar {
max-width: none !important;
width: auto !important;
margin: 36px -8px -54px !important;
padding: 0 !important;
position: relative !important;
z-index: 4 !important;
}
section.page-hero.page-hero-v3 > .blog-bar .blog-bar-inner,
header.archive-hero.archive-hero-v3 > .blog-bar .blog-bar-inner,
header.post-hero.post-hero-v3 > .blog-bar .blog-bar-inner {
background: #fff !important;
border-radius: 999px !important;
padding: 10px 12px 10px 24px !important;
box-shadow: 0 26px 56px -22px rgba(10,22,46,.55), 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 0 0 rgba(10,22,46,.04) !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
/* Content card width + top padding for bar overlap */
section.page-hero.page-hero-v3 ~ .entry-content,
section.page-hero.page-hero-v3 + .entry-content,
.page .entry-content,
.post-page-v2 .entry-content {
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
padding: 90px 56px 64px !important;
border-radius: 32px !important;
background: #fff !important;
box-shadow: 0 30px 70px -32px rgba(10,22,46,.22) !important;
position: relative !important;
z-index: 1 !important;
}
@media (max-width: 760px) {
section.page-hero.page-hero-v3,
header.archive-hero.archive-hero-v3,
header.post-hero.post-hero-v3 {
padding: 44px 22px 28px !important;
border-radius: 24px !important;
margin-top: -60px !important;
}
section.page-hero.page-hero-v3 > .blog-bar,
header.archive-hero.archive-hero-v3 > .blog-bar,
header.post-hero.post-hero-v3 > .blog-bar {
margin: 24px 0 -34px !important;
}
section.page-hero.page-hero-v3 > .blog-bar .blog-bar-inner,
header.archive-hero.archive-hero-v3 > .blog-bar .blog-bar-inner,
header.post-hero.post-hero-v3 > .blog-bar .blog-bar-inner {
border-radius: 22px !important;
padding: 10px 12px !important;
flex-wrap: wrap !important;
}
.page .entry-content,
.post-page-v2 .entry-content {
padding: 70px 22px 44px !important;
border-radius: 24px !important;
}
}
/* =====================================================================
v20.2 — STAGE PROGRESS BAR REVIVAL
Earlier rule `.section-card.steps-section .step::before { content:none }`
killed the step progress bar. Re-enable with higher specificity.
===================================================================== */
.section-card.steps-section .steps-main .step {
position: relative !important;
overflow: hidden !important;
}
.section-card.steps-section .steps-main .step::before {
content: "" !important;
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
height: 4px !important;
width: 0 !important;
background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)) !important;
border-radius: 0 0 0 18px !important;
transition: width 1.1s cubic-bezier(.2,.8,.2,1) !important;
z-index: 2 !important;
border: 0 !important;
opacity: 1 !important;
box-shadow: 0 0 14px -2px rgba(0,190,246,.55);
}
.section-card.steps-section .steps-main.in-view .step::before {
width: 100% !important;
}
.section-card.steps-section .steps-main.in-view .step-1::before { transition-delay: .15s !important; }
.section-card.steps-section .steps-main.in-view .step-2::before { transition-delay: 1.10s !important; }
.section-card.steps-section .steps-main.in-view .step-3::before { transition-delay: 2.05s !important; }
.section-card.steps-section .steps-main.in-view .step-4::before { transition-delay: 3.00s !important; }
/* Soft track underneath, full width, low opacity */
.section-card.steps-section .steps-main .step::after {
content: "" !important;
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
height: 4px !important;
width: 100% !important;
background: rgba(10,22,46,.06) !important;
z-index: 1 !important;
border-radius: 0 0 18px 18px !important;
border: 0 !important;
opacity: 1 !important;
}
/* =====================================================================
v21 — UNIFIED HERO STACK (single visual column)
Concept: hero (rounded top) → flat nav divider strip → content (rounded bottom).
Title left-aligned to content edge. Nav bar IS the seam.
===================================================================== */
/* HERO CARD — top only rounded, soft brand-tint background, flat bottom */
section.page-hero.page-hero-v3,
header.archive-hero.archive-hero-v3,
header.post-hero.post-hero-v3 {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin: -70px auto 0 !important;
padding: 0 !important;
border-radius: 32px 32px 0 0 !important;
position: relative !important;
z-index: 3 !important;
overflow: hidden !important;
background:
radial-gradient(900px 360px at 12% -10%, rgba(0, 89, 248, .12), transparent 60%),
radial-gradient(700px 320px at 90% -20%, rgba(0, 190, 246, .14), transparent 65%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
box-shadow:
0 30px 60px -28px rgba(8, 18, 50, .35),
inset 0 1px 0 rgba(255, 255, 255, .9) !important;
border-bottom: 1px solid rgba(10, 22, 46, .05) !important;
}
/* Subtle brand accent bar at very top of hero — modern editorial cue */
section.page-hero.page-hero-v3::before,
header.archive-hero.archive-hero-v3::before,
header.post-hero.post-hero-v3::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan), #fa3076);
opacity: .85;
z-index: 5;
}
/* HERO INNER — left aligned, padding matches content card */
.page-hero-v3 .page-hero-inner,
.archive-hero-v3 .archive-hero-inner,
.post-hero-v3 .post-hero-inner {
max-width: none !important;
width: auto !important;
margin: 0 !important;
padding: 64px 56px 40px !important;
text-align: left !important;
}
/* Title + sub elements: left-aligned to content guide */
.page-hero-v3 .page-hero-title,
.archive-hero-v3 .archive-hero-title,
.post-hero-v3 .post-hero-title {
text-align: left !important;
margin: 0 !important;
max-width: 880px;
}
.page-hero-v3 .page-hero-eyebrow,
.archive-hero-v3 .archive-hero-eyebrow,
.post-hero-v3 .post-hero-eyebrow,
.page-hero-v3 .page-hero-crumbs,
.archive-hero-v3 .post-hero-crumbs,
.post-hero-v3 .post-hero-crumbs {
text-align: left !important;
justify-content: flex-start !important;
}
.archive-hero-v3 .archive-hero-sub,
.archive-hero-v3 .archive-hero-chips,
.post-hero-v3 .post-hero-meta {
text-align: left !important;
justify-content: flex-start !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* NAV BAR — flat divider strip (NOT a floating pill anymore) */
.page-hero-v3 > .blog-bar,
.archive-hero-v3 > .blog-bar,
.post-hero-v3 > .blog-bar {
max-width: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 4 !important;
background: linear-gradient(180deg, rgba(247, 250, 255, .9) 0%, rgba(255, 255, 255, .96) 100%) !important;
border-top: 1px solid rgba(10, 22, 46, .06) !important;
border-bottom: 1px solid rgba(10, 22, 46, .06) !important;
backdrop-filter: blur(10px) saturate(140%);
-webkit-backdrop-filter: blur(10px) saturate(140%);
box-shadow: none !important;
}
.page-hero-v3 > .blog-bar .blog-bar-inner,
.archive-hero-v3 > .blog-bar .blog-bar-inner,
.post-hero-v3 > .blog-bar .blog-bar-inner {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 12px 24px 12px 56px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
min-height: 64px;
}
/* CONTENT CARD — flushes seamlessly under nav, bottom corners only */
.page .entry-content,
[class*="page-template-page"] .entry-content,
.post-page-v2 .entry-content {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin: 0 auto !important;
padding: 56px !important;
border-radius: 0 0 32px 32px !important;
background: #fff !important;
box-shadow: 0 30px 70px -32px rgba(10, 22, 46, .22) !important;
position: relative !important;
z-index: 1 !important;
}
/* Featured image (single posts): edge-to-edge between nav & content card */
.post-page-v2 .post-featured-v2 {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin: 0 auto !important;
border-radius: 0 !important;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
box-shadow: 0 1px 0 rgba(10,22,46,.05);
}
.post-page-v2 .post-featured-v2 img,
.post-page-v2 .post-featured-v2 .post-featured-img {
display: block;
width: 100%;
height: auto;
border-radius: 0 !important;
max-height: 460px;
object-fit: cover;
}
/* Archive feat / grid keep existing width but flush to nav */
.bd.archive-page-v2 .archive-feat,
.bd.archive-page-v2 .archive-grid {
max-width: 1180px !important;
width: calc(100% - 32px) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.bd.archive-page-v2 .archive-feat:first-of-type {
background: #fff;
border-radius: 0 0 32px 32px;
padding: 48px 56px !important;
box-shadow: 0 30px 70px -32px rgba(10, 22, 46, .22);
margin-top: 0 !important;
}
/* ===== KILL BLUE GLOW ON CRIMSON CTA ===== */
a.blog-bar-cta:hover,
.blog-bar-cta:hover,
.button.primary.blog-bar-cta:hover {
box-shadow:
0 28px 60px -14px rgba(250, 48, 118, .65),
0 14px 28px -10px rgba(250, 79, 48, .55),
inset 0 0 0 1px rgba(255, 255, 255, .45) !important;
filter: brightness(1.05) !important;
transform: translateY(-1px) !important;
}
/* ===== MOBILE ===== */
@media (max-width: 760px) {
section.page-hero.page-hero-v3,
header.archive-hero.archive-hero-v3,
header.post-hero.post-hero-v3 {
margin-top: -50px !important;
border-radius: 22px 22px 0 0 !important;
width: calc(100% - 16px) !important;
}
.page-hero-v3 .page-hero-inner,
.archive-hero-v3 .archive-hero-inner,
.post-hero-v3 .post-hero-inner {
padding: 40px 22px 24px !important;
}
.page-hero-v3 > .blog-bar .blog-bar-inner,
.archive-hero-v3 > .blog-bar .blog-bar-inner,
.post-hero-v3 > .blog-bar .blog-bar-inner {
padding: 10px 16px 10px 22px !important;
flex-wrap: wrap !important;
gap: 10px !important;
min-height: 0 !important;
}
.page .entry-content,
[class*="page-template-page"] .entry-content,
.post-page-v2 .entry-content {
padding: 36px 22px !important;
border-radius: 0 0 22px 22px !important;
width: calc(100% - 16px) !important;
}
.post-page-v2 .post-featured-v2,
.bd.archive-page-v2 .archive-feat,
.bd.archive-page-v2 .archive-grid {
width: calc(100% - 16px) !important;
}
.bd.archive-page-v2 .archive-feat:first-of-type {
padding: 28px 22px !important;
border-radius: 0 0 22px 22px !important;
}
}
/* v21.1 — flush gaps in single-post stack */
.post-page-v2 .post-featured-v2 + .entry-content,
.post-page-v2 .entry-content {
margin-top: 0 !important;
}
.post-page-v2 .post-featured-v2 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Page hero: ensure no top margin on direct .entry-content sibling */
section.page-hero.page-hero-v3 + .entry-content,
header.archive-hero.archive-hero-v3 ~ .entry-content {
margin-top: 0 !important;
}
/* =====================================================================
v23 — "Цены и сроки" custom page (page-prices.php)
===================================================================== */
/* Hide global blog-bar on this page */
.page-template-page-prices .blog-bar,
body.page .blog-bar:has(+ .prices-hero-v3),
.prices-hero-v3 ~ .blog-bar { display: none !important; }
/* Let the primary navigation overlap the hero by roughly half its height. */
body.page-id-1199 #content {
margin-top: -92px !important;
}
/* HERO --------------------------------------------------------------- */
.prices-hero-v3 {
position: relative;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
width: calc(100vw - 110px);
max-width: none;
min-height: clamp(430px, 40.5vw, 746px);
margin: 0 auto 38px;
padding: clamp(76px, 5.8vw, 112px) clamp(44px, 4.4vw, 80px) clamp(28px, 2.5vw, 46px);
border-radius: 28px;
overflow: hidden;
background: linear-gradient(135deg, #c8dffb 0%, #d8e8fb 40%, #e6efff 100%);
box-shadow: 0 24px 60px -28px rgba(10,40,120,.35), 0 2px 8px rgba(10,40,120,.06);
isolation: isolate;
display: flex;
flex-direction: column;
}
.prices-hero-bg {
position: absolute; inset: 0; z-index: 0;
background-image: url('images/prices/hero-bg.png');
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
opacity: 1;
}
.prices-hero-bg::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(100deg, rgba(220,235,255,.92) 0%, rgba(220,235,255,.78) 38%, rgba(220,235,255,.25) 62%, rgba(220,235,255,0) 80%);
}
.prices-hero-content {
position: relative; z-index: 2;
max-width: 720px;
padding-bottom: 24px;
}
.prices-hero-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
padding: 8px 16px;
background: rgba(255,255,255,.85);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 999px;
font-size: 13px; font-weight: 600;
color: var(--brand-blue, #0059f8);
letter-spacing: .01em;
box-shadow: 0 2px 8px rgba(10,40,120,.08);
margin-bottom: 18px;
}
.prices-hero-eyebrow svg { color: var(--brand-blue, #0059f8); }
.prices-hero-title {
font-size: clamp(46px, 6.4vw, 86px) !important;
line-height: 1.02 !important;
margin: 0 0 30px !important;
font-weight: 700 !important;
letter-spacing: 0;
color: #101a4a !important;
}
.prices-hero-sub {
font-size: clamp(16px, 1.35vw, 20px);
line-height: 1.55;
color: #4a5568;
margin: 0;
max-width: 620px;
}
/* In-hero pill nav --------------------------------------------------- */
.prices-pillnav {
position: relative; z-index: 3;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 18px;
min-height: clamp(112px, 9.5vw, 176px);
padding: clamp(18px, 1.8vw, 32px) clamp(22px, 2.2vw, 40px) clamp(18px, 1.8vw, 32px) clamp(28px, 2.6vw, 48px);
margin: auto clamp(-28px, -1.8vw, -18px) 0;
background: rgba(255,255,255,.62);
backdrop-filter: blur(16px) saturate(140%);
-webkit-backdrop-filter: blur(16px) saturate(140%);
border: 1px solid rgba(255,255,255,.7);
border-radius: 28px;
box-shadow: 0 18px 40px -18px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.6);
box-sizing: border-box;
}
.prices-pillnav-list {
list-style: none !important;
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 0 !important;
padding: 0 !important;
flex: 1 1 auto;
align-items: stretch;
align-self: stretch;
}
.prices-pillnav-list li {
margin: 0 !important;
padding: 0 !important;
position: relative;
display: flex;
align-items: stretch;
}
.prices-pillnav-list li::before { display: none !important; }
/* vertical divider between items */
.prices-pillnav-list li + li::after {
content: '';
position: absolute;
left: 0;
top: 20%;
bottom: 20%;
width: 1px;
background: linear-gradient(180deg, rgba(10,40,120,0), rgba(10,40,120,.12) 35%, rgba(10,40,120,.12) 65%, rgba(10,40,120,0));
}
.prices-pillnav-list a {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: clamp(12px, 1.2vw, 22px) clamp(18px, 1.8vw, 32px) clamp(20px, 1.7vw, 30px);
border-radius: 0;
background: transparent !important;
color: #4a5568;
font-size: clamp(13px, .9vw, 15px);
font-weight: 600;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
transition: color .2s var(--ease), transform .2s var(--ease);
height: 100%;
box-sizing: border-box;
}
.prices-pillnav-list a::before {
content: '';
position: absolute;
bottom: calc(-1 * clamp(18px, 1.8vw, 32px));
left: 23%;
width: 54%;
height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
opacity: 0;
transform: translateX(-18px) scaleX(.25);
transform-origin: left center;
transition: transform .34s var(--ease), opacity .2s var(--ease);
pointer-events: none;
}
.prices-pillnav-list .ppn-ico {
display: inline-flex;
color: #5a6a82;
transition: color .2s var(--ease), transform .2s var(--ease);
}
.prices-pillnav-list .ppn-ico svg { width: 26px; height: 26px; }
.prices-pillnav-list .ppn-lbl { white-space: nowrap; }
.prices-pillnav-list a:hover {
color: var(--brand-blue, #0059f8);
transform: translateY(-1px);
}
.prices-pillnav-list a:hover::before,
.prices-pillnav-list a:focus-visible::before {
opacity: 1;
transform: translateX(0) scaleX(1);
}
.prices-pillnav-list a:hover .ppn-ico {
color: var(--brand-blue, #0059f8);
transform: translateY(-2px);
}
.prices-pillnav-list .is-active a {
color: var(--brand-blue, #0059f8);
}
.prices-pillnav-list .is-active a::before { opacity: 0; }
.prices-pillnav-list .is-active a .ppn-ico { color: var(--brand-blue, #0059f8); }
.prices-pillnav-list .is-active a::after {
content: '';
position: absolute;
bottom: calc(-1 * clamp(18px, 1.8vw, 32px));
left: 22%;
right: 22%;
height: 4px;
border-radius: 2px;
background: linear-gradient(90deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
}
.prices-pillnav-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: clamp(52px, 4.4vw, 76px);
padding: 0 clamp(26px, 2.6vw, 46px);
border-radius: 999px;
background: linear-gradient(135deg, #fa3076, #fa4f30);
color: #fff !important;
font-size: clamp(14px, .95vw, 16px);
font-weight: 700;
letter-spacing: .01em;
text-decoration: none !important;
box-shadow: 0 12px 28px -8px rgba(250,48,118,.55), inset 0 1px 0 rgba(255,255,255,.25);
transition: transform .18s, box-shadow .18s, filter .18s;
white-space: nowrap;
margin-left: auto;
}
.prices-pillnav-cta:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px -8px rgba(250,48,118,.65);
filter: brightness(1.05);
}
/* Hero adjustments for new pillnav: increase bottom padding so nav has room */
.prices-hero-v3 {
padding-bottom: clamp(28px, 2.5vw, 46px);
}
.prices-hero-content { padding-bottom: 0; }
@media (max-width: 980px) {
.prices-pillnav { gap: 4px; padding: 8px 8px 8px 12px; }
.prices-pillnav-list a { padding: 8px 12px 12px; font-size: 12px; }
.prices-pillnav-list .ppn-ico svg { width: 20px; height: 20px; }
.prices-pillnav-cta { padding: 12px 18px; font-size: 13px; }
}
@media (max-width: 640px) {
body.page-id-1199 #content { margin-top: 0 !important; }
.prices-hero-v3 { width: calc(100vw - 24px); margin: 12px auto 20px; padding: 24px 18px 12px; border-radius: 20px; }
.prices-hero-content { max-width: 100%; }
.prices-hero-bg::after { background: linear-gradient(180deg, rgba(220,235,255,.95) 0%, rgba(220,235,255,.85) 60%, rgba(220,235,255,.7) 100%); }
.prices-hero-title { font-size: clamp(32px, 9vw, 48px) !important; }
.prices-pillnav { padding: 8px; gap: 0; flex-wrap: wrap; }
.prices-pillnav-list { gap: 0; flex: 1 1 100%; justify-content: space-between; }
.prices-pillnav-list li + li::after { display: none; }
.prices-pillnav-list a { padding: 8px 4px 12px; font-size: 11px; }
.prices-pillnav-list .ppn-lbl { display: none; }
.prices-pillnav-list .ppn-ico svg { width: 22px; height: 22px; }
.prices-pillnav-list .is-active a .ppn-lbl { display: inline; font-size: 11px; }
.prices-pillnav-cta { width: 100%; justify-content: center; padding: 14px 16px; margin-left: 0; margin-top: 8px; }
}
/* PAGE WRAP ---------------------------------------------------------- */
.bd.prices-page-v2 {
position: relative;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
width: calc(100vw - 110px);
max-width: none;
margin: 0 auto 56px;
padding: 0;
display: flex;
flex-direction: column;
gap: 56px;
}
#content .bd.prices-page-v2 {
box-sizing: border-box !important;
width: calc(100vw - 110px) !important;
max-width: none !important;
margin: 0 auto 56px !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
.bd.prices-page-v2 > section { animation: pricesFade .6s ease both; }
@keyframes pricesFade { from { opacity: 0; transform: translateY(8px);} to {opacity:1; transform: none;} }
/* card tag */
.prices-card-tag {
display: inline-flex; align-items: center;
padding: 6px 14px;
background: rgba(0,89,248,.1);
color: var(--brand-blue, #0059f8);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 14px;
}
.prices-card-tag--cyan { background: rgba(0,190,246,.14); color: #0089b8; }
/* STATS -------------------------------------------------------------- */
.prices-stats {
background: rgba(255,255,255,.94);
border: 1px solid rgba(255,255,255,.95);
border-radius: 28px;
padding: clamp(32px, 3.2vw, 58px) clamp(36px, 4vw, 76px) clamp(34px, 3.4vw, 62px);
box-shadow: 0 20px 55px -34px rgba(10,40,120,.28), 0 2px 8px rgba(10,40,120,.04);
box-sizing: border-box;
}
.prices-stats-intro h2 {
margin: 0 0 clamp(28px, 2.8vw, 50px) !important;
font-size: clamp(15px, .95vw, 18px) !important;
line-height: 1.38 !important;
font-weight: 700 !important;
color: #101a4a !important;
text-align: left;
max-width: 1120px;
}
.prices-stats-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(24px, 3vw, 54px);
}
.prices-stat {
display: flex;
gap: 16px;
align-items: center;
padding: 0;
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none;
transition: none;
}
.prices-stat:hover { transform: none; box-shadow: none; }
.prices-stat-icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px; height: 48px;
border-radius: 50%;
color: #fff;
}
.prices-stat-icon--blue { background: linear-gradient(135deg, var(--brand-blue, #0059f8), #2a78ff); }
.prices-stat-icon--cyan { background: linear-gradient(135deg, var(--brand-cyan, #00bef6), #0089b8); }
.prices-stat-body { font-size: 14px; line-height: 1.45; color: #2a3a55; }
.prices-stat-body strong { display: inline; color: #0a162e; font-weight: 700; margin-right: 4px; }
/* Quick action button row ------------------------------------------ */
.prices-action-strip {
padding: clamp(18px, 2.2vw, 28px);
border-radius: 24px;
background: rgba(255,255,255,.74);
border: 1px solid rgba(255,255,255,.86);
box-shadow: 0 18px 42px -30px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.72);
backdrop-filter: blur(14px) saturate(130%);
-webkit-backdrop-filter: blur(14px) saturate(130%);
}
.prices-quick-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin: 0;
}
.pqa {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 12px 22px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), color .2s var(--ease), filter .2s var(--ease);
white-space: nowrap;
}
.pqa svg { flex-shrink: 0; }
.pqa--primary {
background: linear-gradient(135deg, var(--brand-blue, #0059f8), #2a78ff);
color: #fff !important;
box-shadow: 0 8px 22px -8px rgba(0,89,248,.5);
}
.pqa--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -8px rgba(0,89,248,.6); filter: brightness(1.05); }
.pqa--ghost {
background: #fff;
color: var(--brand-blue, #0059f8) !important;
border: 1px solid rgba(0,89,248,.18);
box-shadow: 0 4px 12px -6px rgba(10,40,120,.12);
}
.pqa--ghost:hover { background: rgba(0,89,248,.06); transform: translateY(-2px); }
.prices-stats-fineprint {
margin: 18px 0 0;
text-align: center;
font-size: 13px;
color: #6b7a92;
line-height: 1.5;
}
/* TECH SECTIONS (FDM, SLA) ------------------------------------------- */
.prices-tech {
display: grid;
grid-template-columns: minmax(280px, 1fr) minmax(0, 1.4fr);
gap: clamp(24px, 4vw, 44px);
align-items: center;
background: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.prices-tech--reverse .prices-tech-media { order: 2; }
.prices-tech-media { position: relative; }
.prices-tech-photo {
display: block;
position: relative;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 14px 36px -14px rgba(10,40,120,.35);
aspect-ratio: 860/400;
}
.prices-tech-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.prices-tech-photo:hover img { transform: scale(1.04); }
.prices-tech-badge {
position: absolute;
top: 14px; left: 14px;
padding: 6px 14px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), #2a78ff);
color: #fff;
border-radius: 8px;
font-size: 13px;
font-weight: 800;
letter-spacing: .08em;
box-shadow: 0 6px 14px -4px rgba(0,89,248,.4);
}
.prices-tech-badge--cyan { background: linear-gradient(135deg, var(--brand-cyan, #00bef6), #0089b8); box-shadow: 0 6px 14px -4px rgba(0,190,246,.4); }
.prices-tech-body h2 {
margin: 0 0 12px !important;
font-size: clamp(22px, 2.6vw, 30px) !important;
line-height: 1.2 !important;
color: #0a162e !important;
font-weight: 800 !important;
}
.prices-tech-body p {
font-size: 15px;
line-height: 1.6;
color: #4a5568;
margin: 0 0 20px;
}
/* PRICES TABLE ------------------------------------------------------- */
.prices-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 14px; }
.prices-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
background: #f4f7fb;
border-radius: 14px;
overflow: hidden;
}
.prices-table th, .prices-table td {
padding: 12px 14px;
text-align: left;
border-bottom: 1px solid rgba(10,40,120,.06);
}
.prices-table thead th {
background: linear-gradient(120deg, #f4f8ff 0%, #eaf2ff 100%) !important;
color: #1a2238 !important;
font-weight: 700 !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: .04em;
}
.prices-table thead th.is-best {
background: linear-gradient(135deg, rgba(0,89,248,.18), rgba(0,190,246,.18));
color: var(--brand-blue, #0059f8);
}
.prices-table tbody tr:last-child td { border-bottom: none; }
.bd .prices-table tbody td,
.bd .prices-table tbody tr:first-child td,
.bd .prices-table tbody tr:nth-child(even) td,
.bd .prices-table td.is-best {
background: #fff !important;
}
.bd .prices-table tbody tr:hover td { background: #f7fbff !important; }
.prices-table td.is-best {
font-weight: 700;
color: var(--brand-blue, #0059f8);
}
.prices-table td:not(:first-child) { text-align: center; }
.prices-table th:not(:first-child) { text-align: center; }
.material-dot {
display: inline-block;
width: 10px; height: 10px;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
}
.material-dot--abs { background: #4a90e2; }
.material-dot--pla { background: #2ecc71; }
.material-dot--copet { background: #f39c12; }
.material-dot--nylon { background: #9b59b6; }
.material-dot--flex { background: #e74c3c; }
.material-dot--resin { background: #00bef6; }
.material-dot--tough { background: #34495e; }
.material-dot--jewel { background: #d4af37; }
@media (max-width: 880px) {
.prices-tech { grid-template-columns: 1fr; }
.prices-tech--reverse .prices-tech-media { order: 0; }
}
/* INFILL ------------------------------------------------------------- */
.prices-infill {
background: #fff;
border-radius: 24px;
padding: clamp(28px, 4vw, 44px);
box-shadow: 0 6px 24px -10px rgba(10,40,120,.1);
}
.prices-infill-head { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.prices-infill-head h2 {
margin: 0 0 12px !important;
font-size: clamp(24px, 3vw, 32px) !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.prices-infill-head p { font-size: 15px; line-height: 1.6; color: #4a5568; margin: 0; }
.prices-infill-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
}
.prices-infill-card {
background: #f4f7fb;
border-radius: 18px;
padding: 20px;
text-align: center;
border: 1px solid rgba(10,40,120,.05);
transition: transform .2s, box-shadow .2s;
}
.prices-infill-card:hover {
transform: translateY(-2px);
box-shadow: 0 14px 28px -14px rgba(10,40,120,.18);
}
.prices-infill-vis {
position: relative;
width: 100%;
aspect-ratio: 1;
max-width: 160px;
margin: 0 auto 14px;
}
.prices-infill-vis svg { width: 100%; height: 100%; display: block; }
.prices-infill-pct {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
font-weight: 800;
color: #0a162e;
background: rgba(255,255,255,.7);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border-radius: 14px;
margin: 14% auto;
max-width: 56%;
max-height: 56%;
border: 2px solid rgba(0,89,248,.15);
}
.prices-infill-card h4 {
margin: 0 0 8px !important;
font-size: 17px !important;
color: #0a162e !important;
font-weight: 700 !important;
}
.prices-infill-card p { font-size: 13px; line-height: 1.5; color: #4a5568; margin: 0; }
/* INFO GRID ---------------------------------------------------------- */
.prices-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 22px;
}
.prices-info-card {
background: #fff;
border-radius: 22px;
padding: 28px;
box-shadow: 0 6px 24px -10px rgba(10,40,120,.1);
}
.prices-info-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px; height: 52px;
border-radius: 14px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), #2a78ff);
color: #fff;
margin-bottom: 16px;
}
.prices-info-icon--alt { background: linear-gradient(135deg, #fa3076, #fa4f30); }
.prices-info-card h3 {
margin: 0 0 10px !important;
font-size: 20px !important;
color: #0a162e !important;
font-weight: 800 !important;
}
.prices-info-card p { font-size: 14px; line-height: 1.55; color: #4a5568; margin: 0 0 14px; }
.prices-info-card ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex; flex-direction: column; gap: 8px;
}
.prices-info-card ul li {
margin: 0 !important; padding: 0 !important;
display: flex; align-items: center; gap: 10px;
font-size: 14px; color: #2a3a55;
}
.prices-info-card ul li::before { display: none !important; }
.prices-info-card ul li > span {
display: inline-flex;
color: #2ecc71;
flex-shrink: 0;
}
.prices-discount-list { gap: 6px !important; }
.prices-discount-list li {
padding: 8px 12px !important;
background: #f4f7fb;
border-radius: 10px;
}
.prices-discount-list .dpct {
display: inline-block;
min-width: 52px;
margin-right: 10px;
font-weight: 800;
color: var(--brand-blue, #0059f8);
}
/* STEPS -------------------------------------------------------------- */
.prices-steps-head { text-align: center; max-width: 720px; margin: 0 auto 32px; }
.prices-steps-head h2 {
margin: 0 0 10px !important;
font-size: clamp(24px, 3vw, 32px) !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.prices-steps-head p { font-size: 15px; color: #4a5568; margin: 0; }
.prices-steps-grid {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
counter-reset: step;
}
.prices-steps-grid li {
margin: 0 !important; padding: 28px !important;
background: #fff;
border-radius: 22px;
box-shadow: 0 6px 24px -10px rgba(10,40,120,.1);
position: relative;
overflow: hidden;
}
.prices-steps-grid li::before { display: none !important; }
.prices-step-num {
position: absolute;
top: -10px; right: 14px;
font-size: 64px;
font-weight: 900;
color: rgba(0,89,248,.06);
letter-spacing: -.04em;
line-height: 1;
}
.prices-step-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px; height: 44px;
border-radius: 12px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
color: #fff;
margin-bottom: 14px;
}
.prices-steps-grid h4 {
margin: 0 0 8px !important;
font-size: 18px !important;
color: #0a162e !important;
font-weight: 700 !important;
}
.prices-steps-grid p { font-size: 14px; line-height: 1.5; color: #4a5568; margin: 0; }
/* FAQ ---------------------------------------------------------------- */
.prices-faq {
padding: clamp(28px, 4vw, 48px);
border-radius: 28px;
background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,255,.96) 100%);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 18px 48px -34px rgba(10,40,120,.24);
}
.prices-faq-head { text-align: center; margin-bottom: 24px; }
.prices-faq-head h2 {
margin: 0 !important;
font-size: clamp(24px, 3vw, 32px) !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.prices-faq-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
max-width: none;
margin: 0 auto;
}
.prices-faq-list details {
background: #fff;
border-radius: 18px;
padding: 0;
border: 1px solid rgba(0,89,248,.07);
box-shadow: 0 8px 22px -16px rgba(10,40,120,.16);
overflow: hidden;
transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);
}
.prices-faq-list details[open] { box-shadow: 0 16px 34px -24px rgba(10,40,120,.24); }
.prices-faq-list details:hover {
transform: translateY(-2px);
border-color: rgba(0,89,248,.14);
box-shadow: 0 22px 42px -26px rgba(10,40,120,.3);
}
.prices-faq-list summary {
cursor: pointer;
list-style: none;
padding: 20px 58px 10px 22px;
font-size: 15px;
font-weight: 700;
color: #0a162e;
position: relative;
user-select: none;
}
.prices-faq-list summary::-webkit-details-marker { display: none; }
.prices-faq-list summary::after {
content: '+';
position: absolute;
top: 50%; right: 22px;
transform: translateY(-50%);
width: 28px; height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0,89,248,.08);
color: var(--brand-blue, #0059f8);
border-radius: 50%;
font-size: 18px;
font-weight: 700;
line-height: 1;
transition: transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);
}
.prices-faq-list details[open] summary::after { content: '-'; transform: translateY(-50%) rotate(180deg); background: var(--brand-blue, #0059f8); color: #fff; }
.prices-faq-list details p {
padding: 0 22px 22px;
font-size: 14px;
line-height: 1.6;
color: #4a5568;
margin: 0;
}
/* CTA ---------------------------------------------------------------- */
.prices-cta {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: clamp(20px, 4vw, 44px);
align-items: center;
padding: clamp(28px, 4vw, 48px);
border-radius: 28px;
background: linear-gradient(135deg, #0a162e 0%, #142a52 50%, var(--brand-blue, #0059f8) 100%);
color: #fff;
box-shadow: 0 24px 60px -28px rgba(10,40,120,.5);
position: relative;
overflow: hidden;
}
.prices-cta::before {
content: '';
position: absolute;
right: -10%; top: -50%;
width: 600px; height: 600px;
background: radial-gradient(circle, rgba(0,190,246,.4) 0%, transparent 65%);
pointer-events: none;
}
.prices-cta-text { position: relative; z-index: 2; }
.prices-cta-eyebrow {
display: inline-flex; align-items: center; gap: 6px;
padding: 6px 14px;
background: rgba(255,255,255,.14);
color: #fff;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
margin-bottom: 14px;
}
.prices-cta h2 {
margin: 0 0 12px !important;
font-size: clamp(24px, 3vw, 34px) !important;
color: #fff !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
.prices-cta p {
font-size: 15px; line-height: 1.6;
color: rgba(255,255,255,.82);
margin: 0;
max-width: 480px;
}
.prices-cta-actions {
position: relative; z-index: 2;
display: flex; flex-direction: column; gap: 10px;
}
.prices-cta-btn, .prices-cta-btn-alt {
display: inline-flex !important;
align-items: center; justify-content: center;
gap: 8px;
padding: 14px 22px !important;
border-radius: 14px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: transform .18s, box-shadow .18s, background .18s;
white-space: nowrap;
}
.prices-cta-btn {
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
box-shadow: 0 10px 24px -8px rgba(250,48,118,.55);
border: none !important;
}
.prices-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -8px rgba(250,48,118,.7); }
.prices-cta-btn-alt {
background: rgba(255,255,255,.12) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.22) !important;
backdrop-filter: blur(6px);
}
.prices-cta-btn-alt:hover { background: rgba(255,255,255,.22) !important; transform: translateY(-2px); }
@media (max-width: 760px) {
.prices-cta { grid-template-columns: 1fr; }
}
/* end v23 */
/* =====================================================================
v23.1 — additional styles: long-form SEO content
===================================================================== */
.prices-longform { padding: 8px 0 0; }
.prices-longform-head { text-align: center; max-width: 880px; margin: 0 auto 36px; }
.prices-longform-head h2 {
margin: 8px 0 14px !important;
font-size: clamp(24px, 3vw, 34px) !important;
font-weight: 800 !important;
color: #101a4a !important;
line-height: 1.2 !important;
}
.prices-longform-lead {
font-size: 16px;
line-height: 1.65;
color: #4a5568;
margin: 0;
}
.prices-longform-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
}
.prices-longform-item {
background: #fff;
border-radius: 18px;
padding: 26px 26px 22px;
border: 1px solid rgba(10,40,120,.06);
box-shadow: 0 6px 18px -10px rgba(10,40,120,.12);
transition: transform .2s, box-shadow .2s;
}
.prices-longform-item:hover {
transform: translateY(-3px);
box-shadow: 0 16px 32px -14px rgba(10,40,120,.22);
}
.prices-longform-item h3 {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 14px !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #101a4a !important;
line-height: 1.3 !important;
}
.prices-longform-item h3 svg {
flex-shrink: 0;
color: var(--brand-blue, #0059f8);
background: rgba(0,89,248,.08);
padding: 6px;
border-radius: 10px;
box-sizing: content-box;
width: 18px; height: 18px;
}
.prices-longform-item p {
margin: 0 0 10px;
font-size: 14.5px;
line-height: 1.6;
color: #4a5568;
}
.prices-longform-item p:last-child { margin-bottom: 0; }
.prices-longform-item strong { color: #1a2238; font-weight: 700; }
.prices-longform-foot {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin-top: 30px;
}
/* Override section spacing — collapse double gap from .bd.prices-page-v2 wrapping */
.bd.prices-page-v2 { gap: 64px; }
@media (max-width: 640px) {
.bd.prices-page-v2,
#content .bd.prices-page-v2 { width: calc(100vw - 24px) !important; }
.prices-action-strip { padding: 16px 12px; }
.prices-faq { padding: 24px 14px; }
.prices-faq-list { grid-template-columns: 1fr; }
.prices-longform-item { padding: 22px 20px; }
.prices-longform-head h2 { font-size: 24px !important; }
}
/* =====================================================================
v24 — refreshed order and gallery pages
===================================================================== */
/* v306 — legacy sprite buttons should not clip 2026 CTA labels. */
#content .prices-cta a.button > span,
#content .prices-cta .button > span,
#content .service-final-cta a.button > span,
#content .service-final-cta .button > span,
#content .calc2026-cta-btn > span,
#content .info-action > span,
#content .d2026-cta > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
background-image: none !important;
color: inherit !important;
text-indent: 0 !important;
white-space: normal !important;
overflow: visible !important;
line-height: inherit !important;
text-shadow: none !important;
}
#content .prices-cta a.button,
#content .prices-cta .button {
box-sizing: border-box !important;
max-width: 100% !important;
}
body.page-id-401 #content,
body.page-id-17 #content {
margin-top: -92px !important;
}
#content .bd .prices-table tbody tr td.is-best,
#content .bd .prices-table tbody tr:first-child td.is-best,
#content .bd .prices-table tbody tr:nth-child(even) td.is-best {
background: #fff !important;
}
#content .bd .prices-table tbody tr:hover td.is-best {
background: #f7fbff !important;
}
.service-hero-v3 .prices-hero-content { max-width: 840px; }
.service-hero-v3 .prices-hero-title {
font-size: clamp(42px, 5.1vw, 76px) !important;
line-height: 1.05 !important;
}
.service-hero-v3 .prices-hero-sub { max-width: 720px; }
.service-hero-order .prices-hero-bg::after,
.service-hero-gallery .prices-hero-bg::after {
background: linear-gradient(100deg, rgba(220,235,255,.94) 0%, rgba(220,235,255,.8) 40%, rgba(220,235,255,.26) 64%, rgba(220,235,255,0) 82%);
}
.service-page-v2 { gap: 56px !important; }
.service-mini-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.service-mini-card {
background: rgba(255,255,255,.92);
border: 1px solid rgba(255,255,255,.95);
border-radius: 22px;
padding: 26px 26px 24px;
box-shadow: 0 16px 40px -30px rgba(10,40,120,.24);
transition: transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);
}
.service-mini-card:hover {
transform: translateY(-4px);
border-color: rgba(0,89,248,.14);
box-shadow: 0 26px 54px -34px rgba(10,40,120,.34);
}
.service-mini-card > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 15px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
color: #fff;
margin-bottom: 16px;
box-shadow: 0 14px 28px -14px rgba(0,89,248,.55);
}
.service-mini-card strong {
display: block;
font-size: 18px;
line-height: 1.25;
color: #0a162e;
font-weight: 800;
margin-bottom: 8px;
}
.service-mini-card p {
margin: 0;
font-size: 14px;
line-height: 1.55;
color: #4a5568;
}
.order-layout {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(320px, .55fr);
gap: 28px;
align-items: start;
}
.order-form-shell,
.order-side-card,
.gallery-work-section,
.gallery-envira-section {
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.94);
border-radius: 28px;
box-shadow: 0 18px 48px -34px rgba(10,40,120,.24);
}
.order-form-shell { padding: clamp(30px, 4vw, 54px); }
.order-form-shell h2 {
margin: 0 0 22px !important;
font-size: clamp(28px, 3vw, 42px) !important;
line-height: 1.12 !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
color: #0a162e !important;
}
.order-entry-content {
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
.order-entry-content p { color: #4a5568; font-size: 15px; line-height: 1.6; }
.order-entry-content form,
.order-entry-content .wpcf7-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 20px;
}
.order-entry-content label,
.order-entry-content .wpcf7-form p {
font-weight: 700;
color: #17223b;
margin: 0 !important;
}
.order-entry-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.order-entry-content select,
.order-entry-content textarea {
width: 100% !important;
box-sizing: border-box;
border: 1px solid rgba(0,89,248,.14) !important;
border-radius: 14px !important;
background: #f8fbff !important;
padding: 14px 16px !important;
font-size: 15px !important;
color: #17223b !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.order-entry-content textarea { min-height: 150px; resize: vertical; }
.order-entry-content input:focus,
.order-entry-content select:focus,
.order-entry-content textarea:focus {
outline: none;
border-color: var(--brand-blue, #0059f8) !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.1);
}
.order-entry-content input[type="submit"],
.order-entry-content button[type="submit"],
.order-entry-content .wpcf7-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
box-shadow: 0 22px 44px -16px rgba(250,48,118,.58) !important;
cursor: pointer;
transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);
}
.order-entry-content input[type="submit"]:hover,
.order-entry-content button[type="submit"]:hover,
.order-entry-content .wpcf7-submit:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow: 0 28px 56px -18px rgba(250,48,118,.72) !important;
}
.order-side-panel { display: grid; gap: 18px; }
.order-side-card { padding: 26px; }
.order-side-card > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
background: rgba(0,89,248,.1);
color: var(--brand-blue, #0059f8);
margin-bottom: 14px;
}
.order-side-card--accent > span { background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6)); color: #fff; }
.order-side-card h3 {
margin: 0 0 10px !important;
font-size: 20px !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.order-side-card p,
.order-side-card li { font-size: 14px; line-height: 1.55; color: #4a5568; }
.order-side-card ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.order-side-card li { position: relative; margin: 0 0 9px !important; padding-left: 24px !important; }
.order-side-card li::before {
content: '';
position: absolute;
left: 0;
top: .62em;
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
}
.gallery-work-section,
.gallery-envira-section { padding: clamp(30px, 4vw, 54px); }
.gallery-section-head {
text-align: center;
max-width: 780px;
margin: 0 auto 30px;
}
.gallery-section-head h2 {
margin: 0 0 12px !important;
font-size: clamp(28px, 3vw, 42px) !important;
line-height: 1.12 !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
color: #0a162e !important;
}
.gallery-section-head p { margin: 0; color: #4a5568; font-size: 15px; line-height: 1.6; }
.gallery-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.gallery-card {
background: #fff;
border: 1px solid rgba(0,89,248,.07);
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 30px -24px rgba(10,40,120,.22);
transition: transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);
}
.gallery-card:hover {
transform: translateY(-6px);
border-color: rgba(0,89,248,.16);
box-shadow: 0 28px 58px -34px rgba(10,40,120,.36);
}
.gallery-card-image {
display: block;
position: relative;
border: 0 !important;
overflow: hidden;
aspect-ratio: 586 / 266;
background: #eef3fb;
}
.gallery-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s var(--ease), filter .6s var(--ease);
}
.gallery-card-image span {
position: absolute;
right: 14px;
bottom: 14px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border-radius: 999px;
background: rgba(255,255,255,.9);
color: var(--brand-blue, #0059f8);
font-size: 13px;
font-weight: 800;
opacity: 0;
transform: translateY(8px);
transition: opacity .24s var(--ease), transform .24s var(--ease);
box-shadow: 0 10px 24px -16px rgba(10,40,120,.4);
}
.gallery-card:hover .gallery-card-image img { transform: scale(1.06); filter: saturate(1.08); }
.gallery-card:hover .gallery-card-image span { opacity: 1; transform: translateY(0); }
.gallery-card-body { padding: 20px 20px 22px; }
.gallery-card-body h3 {
margin: 0 0 8px !important;
font-size: 19px !important;
line-height: 1.28 !important;
font-weight: 800 !important;
}
.gallery-card-body h3 a { color: #0a162e !important; border: 0 !important; text-decoration: none !important; }
.gallery-card-body h3 a:hover { color: var(--brand-blue, #0059f8) !important; }
.gallery-card-body p { margin: 0; color: #6b7a92; font-size: 13px; line-height: 1.45; }
.gallery-card-body p a { color: #4a5568 !important; border-color: rgba(74,85,104,.22) !important; }
.gallery-envira-frame {
border-radius: 22px;
overflow: hidden;
background: #f8fbff;
padding: 14px;
}
.gallery-envira-frame .envira-gallery-item img {
border-radius: 14px !important;
transition: transform .45s var(--ease), filter .45s var(--ease);
}
.gallery-envira-frame .envira-gallery-item:hover img { transform: scale(1.03); filter: saturate(1.08); }
@media (max-width: 1100px) {
body.page-id-401 #content,
body.page-id-17 #content { margin-top: -90px !important; }
.service-mini-strip,
.gallery-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.order-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
body.page-id-401 #content,
body.page-id-17 #content { margin-top: 0 !important; }
.service-mini-strip,
.gallery-card-grid,
.order-entry-content form,
.order-entry-content .wpcf7-form { grid-template-columns: 1fr; }
.order-form-shell,
.order-side-card,
.gallery-work-section,
.gallery-envira-section { border-radius: 22px; padding: 24px 18px; }
}
/* =====================================================================
v24.1 — compact conversion order page and lighter gallery top
===================================================================== */
body.page-id-401 #content { margin-top: -54px !important; }
body.page-id-17 #content { margin-top: -62px !important; }
#content .bd.order-page-v2,
#content .bd.gallery-page-v2 {
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
gap: 28px !important;
}
#content .bd.order-page-v2 { margin-bottom: 46px !important; }
#content .bd.gallery-page-v2 { gap: 22px !important; }
.order-conversion-layout {
grid-template-columns: minmax(0, 1fr) minmax(300px, 370px);
gap: 26px;
align-items: start;
}
.order-form-shell {
position: relative;
overflow: hidden;
padding: clamp(24px, 3vw, 42px);
border: 1px solid rgba(0,89,248,.08);
box-shadow: 0 22px 60px -38px rgba(10,40,120,.26);
}
.order-form-shell::before {
content: '';
position: absolute;
inset: 0 0 auto;
height: 5px;
background: linear-gradient(90deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6), #fa3076);
}
.order-form-intro {
max-width: 820px;
margin: 0 0 18px;
}
.order-form-intro .prices-card-tag {
gap: 8px;
margin-bottom: 14px;
}
.order-form-intro h1 {
margin: 0 0 10px !important;
font-size: clamp(32px, 3.3vw, 48px) !important;
line-height: 1.05 !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.order-form-intro p {
max-width: 760px;
margin: 0;
font-size: clamp(15px, 1vw, 17px);
line-height: 1.62;
color: #4a5568;
}
.order-entry-content .grid,
.order-entry-content .c-1,
.order-entry-content .c-2,
.order-entry-content .c-3,
.order-entry-content .c-4,
.order-entry-content .c-5,
.order-entry-content .c-6,
.order-entry-content .c-7,
.order-entry-content .c-8,
.order-entry-content .c-9,
.order-entry-content .c-10,
.order-entry-content .c-11,
.order-entry-content .c-12 {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.order-entry-content .wpcf7,
.order-entry-content form.wpcf7-form {
width: 100% !important;
max-width: none !important;
}
.order-entry-content form,
.order-entry-content .wpcf7-form {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
}
.order-entry-content .wpcf7-form p {
margin: 0 0 8px !important;
font-size: 14px;
line-height: 1.45;
font-weight: 750;
color: #17223b;
}
.order-entry-content .wpcf7-form p:has(.wpcf7-form-control-wrap) {
margin: 0 0 17px !important;
font-weight: 400;
}
.order-entry-content .wpcf7-form p:has(input[type="submit"]) {
margin: 24px 0 0 !important;
}
.order-entry-content .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.order-entry-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.order-entry-content select,
.order-entry-content textarea {
min-height: 54px;
width: 100% !important;
max-width: none !important;
border-radius: 16px !important;
background: #f7fbff !important;
border-color: rgba(0,89,248,.12) !important;
}
.order-entry-content input[type="file"] {
padding: 13px 14px !important;
line-height: 1.3 !important;
}
.order-entry-content textarea {
min-height: 150px !important;
}
.order-entry-content input[type="submit"].wpcf7-submit,
.order-entry-content button[type="submit"] {
min-width: 230px;
min-height: 58px;
font-size: 15px !important;
}
.order-entry-content span.wpcf7-submit { display: none !important; }
.order-entry-content .wpcf7-spinner {
margin: 14px 0 0 12px !important;
}
.order-side-panel {
display: grid;
gap: 14px;
position: sticky;
top: 18px;
}
.order-side-card {
padding: 23px 24px;
border-color: rgba(0,89,248,.08);
box-shadow: 0 16px 42px -34px rgba(10,40,120,.24);
}
.order-side-card--accent {
background: linear-gradient(135deg, #0d1f47 0%, #103f92 64%, var(--brand-blue, #0059f8) 100%);
color: #fff;
border-color: rgba(255,255,255,.16);
}
.order-side-card--accent > span {
background: rgba(255,255,255,.16);
color: #fff;
}
.order-side-card--accent h2,
.order-side-card--accent li { color: #fff !important; }
.order-side-card--accent li { color: rgba(255,255,255,.88) !important; }
.order-side-card--accent li::before { background: #fff; }
.order-side-card h2,
.order-side-card h3 {
margin: 0 0 10px !important;
font-weight: 800 !important;
line-height: 1.18 !important;
}
.order-side-card h2 { font-size: 20px !important; }
.order-side-card h3 { font-size: 18px !important; }
.order-side-card--quiet { background: rgba(255,255,255,.82); }
.service-compact-head {
padding: 22px 8px 0;
text-align: center;
}
.service-compact-copy {
max-width: 900px;
margin: 0 auto;
}
.service-compact-copy .prices-card-tag {
gap: 8px;
margin-bottom: 12px;
}
.service-compact-copy h1 {
margin: 0 0 12px !important;
font-size: clamp(36px, 4vw, 58px) !important;
line-height: 1.04 !important;
font-weight: 750 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.service-compact-copy p {
max-width: 820px;
margin: 0 auto;
font-size: clamp(15px, 1vw, 17px);
line-height: 1.62;
color: #4a5568;
}
.service-nav-strip {
padding: 0;
}
.service-nav-strip .prices-pillnav {
width: 100%;
min-height: 82px;
margin: 0;
padding: 10px 16px;
border-radius: 24px;
background: rgba(255,255,255,.82);
border-color: rgba(255,255,255,.92);
box-shadow: 0 16px 42px -28px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.78);
}
.service-nav-strip .prices-pillnav-list a {
gap: 8px;
padding: 10px 18px 15px;
}
.service-nav-strip .prices-pillnav-list a::before,
.service-nav-strip .prices-pillnav-list .is-active a::after {
bottom: -10px;
}
.service-nav-strip .prices-pillnav-cta {
min-height: 54px;
padding: 0 26px;
}
.gallery-work-section {
margin-top: 0;
}
.gallery-page-v2 .gallery-work-section {
padding-top: clamp(24px, 3vw, 38px);
}
.gallery-page-v2 .gallery-section-head {
max-width: 900px;
margin-bottom: 24px;
}
.gallery-page-v2 .gallery-section-head h2 {
font-size: clamp(30px, 3.4vw, 50px) !important;
}
.gallery-page-v2 .gallery-section-head p {
font-size: 15px;
}
@media (max-width: 1100px) {
body.page-id-401 #content,
body.page-id-17 #content { margin-top: -24px !important; }
#content .bd.order-page-v2,
#content .bd.gallery-page-v2 { width: calc(100vw - 44px) !important; }
.order-conversion-layout { grid-template-columns: 1fr; }
.order-side-panel { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.order-side-card--quiet { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
body.page-id-401 #content,
body.page-id-17 #content { margin-top: 0 !important; }
#content .bd.order-page-v2,
#content .bd.gallery-page-v2 { width: calc(100vw - 24px) !important; gap: 20px !important; }
.order-form-shell { padding: 28px 18px 24px; border-radius: 22px; }
.order-form-intro h1,
.service-compact-copy h1 { font-size: 34px !important; }
.order-side-panel { grid-template-columns: 1fr; }
.order-entry-content input[type="submit"].wpcf7-submit,
.order-entry-content button[type="submit"] { width: 100%; }
.service-compact-head { padding-top: 24px; }
.service-nav-strip .prices-pillnav { min-height: 0; padding: 12px; border-radius: 20px; }
}
/* =====================================================================
v25 — gallery image cards and compact info pages
===================================================================== */
.gallery-page-v2 .gallery-work-section {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.gallery-page-v2 .gallery-card-grid { gap: 24px; }
.gallery-card--overlay {
border-radius: 24px;
background: #fff;
border-color: rgba(0,89,248,.08);
box-shadow: 0 18px 44px -30px rgba(10,40,120,.3);
}
.gallery-card--overlay .gallery-card-image {
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
background: #edf4ff;
background-image: var(--gallery-card-bg);
background-size: cover;
background-position: center;
isolation: isolate;
}
.gallery-card--overlay .gallery-card-image::before {
content: '';
position: absolute;
inset: -18px;
background-image: var(--gallery-card-bg);
background-size: cover;
background-position: center;
filter: blur(18px) saturate(1.08);
transform: scale(1.05);
opacity: .42;
z-index: 0;
}
.gallery-card--overlay .gallery-card-image::after {
content: '';
position: absolute;
inset: 36% 0 0;
background: linear-gradient(180deg, rgba(5,16,40,0) 0%, rgba(5,16,40,.68) 62%, rgba(5,16,40,.92) 100%);
z-index: 2;
pointer-events: none;
}
.gallery-card--overlay .gallery-card-image img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
filter: drop-shadow(0 18px 24px rgba(5,16,40,.2));
transform: translateZ(0);
}
.gallery-card--overlay:hover .gallery-card-image img {
transform: scale(1.025);
filter: drop-shadow(0 22px 30px rgba(5,16,40,.26)) saturate(1.04);
}
.gallery-card--overlay .gallery-card-image .gallery-card-view {
position: absolute;
top: 16px;
right: 16px;
bottom: auto;
z-index: 4;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 13px;
border-radius: 999px;
background: rgba(255,255,255,.88);
color: var(--brand-blue, #0059f8);
font-size: 13px;
font-weight: 800;
opacity: 0;
transform: translateY(-6px);
transition: opacity .24s var(--ease), transform .24s var(--ease), background .24s var(--ease);
box-shadow: 0 14px 26px -18px rgba(5,16,40,.42);
}
.gallery-card--overlay:hover .gallery-card-view {
opacity: 1;
transform: translateY(0);
}
.gallery-card--overlay .gallery-card-image .gallery-card-caption {
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
padding: 52px 22px 22px;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #fff;
opacity: 1;
transform: none;
}
.gallery-card--overlay .gallery-card-image .gallery-card-caption strong {
display: block;
font-size: clamp(18px, 1.35vw, 24px);
line-height: 1.18;
font-weight: 800;
letter-spacing: 0;
text-shadow: 0 2px 12px rgba(0,0,0,.28);
}
.gallery-card--overlay .gallery-card-image .gallery-card-caption em {
display: block;
margin-top: 7px;
font-size: 13px;
font-style: normal;
line-height: 1.35;
color: rgba(255,255,255,.78);
}
.gallery-card--overlay .gallery-card-body { display: none; }
body.page-id-963 #content,
body.page-id-891 #content,
body.page-id-23 #content { margin-top: -62px !important; }
#content .bd.info-page-v2 {
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
gap: 24px !important;
margin-bottom: 54px !important;
}
.info-compact-head { padding-top: 22px; }
.info-head-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin-top: 24px;
}
.info-action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 50px;
padding: 0 22px;
border-radius: 999px;
font-size: 14px;
font-weight: 800;
text-decoration: none !important;
transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.info-action--primary {
background: linear-gradient(135deg, #fa3076, #fa4f30);
color: #fff !important;
box-shadow: 0 18px 36px -18px rgba(250,48,118,.62);
}
.info-action--secondary {
background: rgba(255,255,255,.86);
color: var(--brand-blue, #0059f8) !important;
border: 1px solid rgba(0,89,248,.1);
box-shadow: 0 16px 34px -26px rgba(10,40,120,.24);
}
.info-action:hover { transform: translateY(-2px); }
.info-highlight-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.info-highlight-card,
.info-content-card,
.info-side-card {
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
border-radius: 24px;
box-shadow: 0 18px 46px -34px rgba(10,40,120,.24);
}
.info-highlight-card {
padding: 24px 24px 22px;
transition: transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);
}
.info-highlight-card:hover {
transform: translateY(-4px);
border-color: rgba(0,89,248,.14);
box-shadow: 0 26px 56px -36px rgba(10,40,120,.34);
}
.info-highlight-card > span,
.info-side-card > span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
color: #fff;
box-shadow: 0 14px 28px -16px rgba(0,89,248,.58);
}
.info-highlight-card strong {
display: block;
margin: 16px 0 8px;
font-size: 18px;
line-height: 1.22;
font-weight: 800;
color: #0a162e;
}
.info-highlight-card p,
.info-side-card p {
margin: 0;
font-size: 14px;
line-height: 1.58;
color: #4a5568;
}
.info-content-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
gap: 26px;
align-items: start;
}
.info-content-card {
padding: clamp(28px, 3.4vw, 48px);
overflow: hidden;
}
.info-rich-content {
max-width: none !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.info-rich-content h1 { display: none; }
.info-rich-content h2 {
margin: 0 0 18px !important;
font-size: clamp(26px, 2.6vw, 38px) !important;
line-height: 1.14 !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.info-rich-content h2:not(:first-child) { margin-top: 34px !important; }
.info-rich-content h3 {
margin: 22px 0 12px !important;
font-size: 21px !important;
line-height: 1.24 !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.info-rich-content h3:empty { display: none; }
.info-rich-content p,
.info-rich-content li {
font-size: 15px;
line-height: 1.7;
color: #4a5568;
}
.info-rich-content p { margin: 0 0 14px; }
.info-rich-content ul,
.info-rich-content ol {
display: grid;
gap: 10px;
margin: 14px 0 24px !important;
padding: 0 !important;
list-style: none !important;
}
.info-rich-content li {
position: relative;
margin: 0 !important;
padding: 13px 16px 13px 42px !important;
border-radius: 16px;
background: #f7fbff;
border: 1px solid rgba(0,89,248,.08);
}
.info-rich-content li::before {
content: '';
position: absolute;
left: 18px;
top: 1.26em;
width: 9px;
height: 9px;
border-radius: 999px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
}
.info-rich-content a:not(.button) {
color: var(--brand-blue, #0059f8) !important;
border-color: rgba(0,89,248,.22) !important;
}
.info-rich-content .button,
.info-pay-button,
.info-rich-content input[type="submit"],
.info-rich-content button[type="submit"] {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 54px;
padding: 0 28px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
box-shadow: 0 18px 36px -18px rgba(250,48,118,.62) !important;
cursor: pointer;
}
.info-rich-content .button:hover,
.info-pay-button:hover,
.info-rich-content input[type="submit"]:hover,
.info-rich-content button[type="submit"]:hover {
transform: translateY(-2px);
filter: brightness(1.04);
}
.info-rich-content .grid,
.info-rich-content .c-1,
.info-rich-content .c-2,
.info-rich-content .c-3,
.info-rich-content .c-4,
.info-rich-content .c-5,
.info-rich-content .c-6,
.info-rich-content .c-7,
.info-rich-content .c-8,
.info-rich-content .c-9,
.info-rich-content .c-10,
.info-rich-content .c-11,
.info-rich-content .c-12 {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.info-side-panel {
display: grid;
gap: 16px;
position: sticky;
top: 18px;
}
.info-side-card { padding: 24px; }
.info-side-card h3 {
margin: 16px 0 9px !important;
font-size: 18px !important;
line-height: 1.22 !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.info-pay-online {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr);
gap: 22px;
align-items: center;
margin-top: 34px;
padding: clamp(24px, 3vw, 34px);
border-radius: 22px;
background: linear-gradient(135deg, #f7fbff 0%, #fff 70%);
border: 1px solid rgba(0,89,248,.08);
}
.info-pay-copy h2 { margin-top: 12px !important; }
.info-pay-form {
display: grid;
gap: 10px;
margin-top: 18px;
}
.info-pay-form label,
.info-rich-content .wpcf7-form p {
font-size: 14px;
font-weight: 750;
color: #17223b;
}
.info-pay-form input,
.info-rich-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.info-rich-content select,
.info-rich-content textarea {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
min-height: 54px;
border: 1px solid rgba(0,89,248,.12) !important;
border-radius: 16px !important;
background: #f7fbff !important;
padding: 14px 16px !important;
font-size: 15px !important;
color: #17223b !important;
}
.info-rich-content textarea { min-height: 150px; resize: vertical; }
.info-rich-content .wpcf7-form-control-wrap { display: block; width: 100%; }
.info-pay-form input:focus,
.info-rich-content input:focus,
.info-rich-content select:focus,
.info-rich-content textarea:focus {
outline: none;
border-color: var(--brand-blue, #0059f8) !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.1);
}
.info-pay-button { width: fit-content; margin-top: 8px; }
.info-pay-trust {
padding: 20px;
border-radius: 18px;
background: #fff;
border: 1px solid rgba(0,89,248,.07);
text-align: center;
}
.info-pay-trust img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 12px;
}
.info-pay-trust p { margin: 0; font-size: 13px; line-height: 1.5; color: #6b7a92; }
.info-page-v2--contacts .info-content-card {
background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.96));
}
.info-page-v2--contacts .wpcf7-form p { margin: 0 0 10px !important; }
.info-page-v2--contacts .wpcf7-form p:has(.wpcf7-form-control-wrap) { margin-bottom: 16px !important; }
.info-page-v2--contacts .wpcf7-submit { min-width: 190px; }
@media (max-width: 1100px) {
body.page-id-963 #content,
body.page-id-891 #content,
body.page-id-23 #content { margin-top: -24px !important; }
#content .bd.info-page-v2 { width: calc(100vw - 44px) !important; }
.info-content-layout,
.info-pay-online { grid-template-columns: 1fr; }
.info-side-panel { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
.gallery-page-v2 .gallery-card-grid,
.info-highlight-grid,
.info-side-panel { grid-template-columns: 1fr; }
.gallery-card--overlay .gallery-card-image { aspect-ratio: 4 / 3; }
body.page-id-963 #content,
body.page-id-891 #content,
body.page-id-23 #content { margin-top: 0 !important; }
#content .bd.info-page-v2 { width: calc(100vw - 24px) !important; gap: 20px !important; }
.info-content-card,
.info-highlight-card,
.info-side-card { border-radius: 22px; padding: 22px 18px; }
.info-head-actions { flex-direction: column; }
.info-action,
.info-pay-button,
.info-rich-content input[type="submit"],
.info-rich-content button[type="submit"] { width: 100%; }
}
/* =====================================================================
v26 — quieter info pages and centered blog archive top
===================================================================== */
#content .bd.info-page-v2 {
gap: 26px !important;
}
.info-highlight-grid,
.info-side-panel {
display: none !important;
}
.info-content-layout {
display: block;
max-width: 1060px;
margin: 0 auto;
}
.info-content-card {
padding: clamp(30px, 3.6vw, 52px);
border-radius: 28px;
box-shadow: 0 22px 58px -38px rgba(10,40,120,.24);
}
.info-rich-content h2:first-child {
margin-top: 0 !important;
}
.info-pay-online {
grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
margin-top: 28px;
}
body.blog #content,
body.archive #content,
body.search #content {
margin-top: -62px !important;
}
#content .bd.archive-page-2026,
.bd.archive-page-2026 {
position: relative;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
margin: 0 auto 56px !important;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 24px;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.archive-page-2026 .archive-compact-head {
padding: 22px 8px 0;
text-align: center;
}
.archive-page-2026 .archive-service-nav-strip {
padding: 0;
}
.archive-page-2026 .archive-service-nav-strip .prices-pillnav {
min-height: 82px;
margin: 0;
padding: 10px 16px;
border-radius: 24px;
background: rgba(255,255,255,.82);
border-color: rgba(255,255,255,.92);
box-shadow: 0 16px 42px -28px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.78);
}
.archive-page-2026 .archive-service-nav-strip .prices-pillnav-list a {
gap: 8px;
padding: 10px 18px 15px;
}
.archive-page-2026 .archive-service-nav-strip .prices-pillnav-list a::before,
.archive-page-2026 .archive-service-nav-strip .prices-pillnav-list .is-active a::after {
bottom: -10px;
}
.archive-page-2026 .archive-service-nav-strip .prices-pillnav-cta {
min-height: 54px;
padding: 0 26px;
}
.archive-topic-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
padding: 4px 0 2px;
margin: 0 auto;
max-width: 1180px;
}
.bd.archive-page-v2.archive-page-2026 .archive-chip,
.archive-page-2026 .archive-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255,255,255,.72) !important;
border: 1px solid rgba(0,89,248,.08) !important;
color: #4a5568 !important;
font-size: 12px;
font-weight: 750;
line-height: 1;
text-decoration: none !important;
box-shadow: 0 10px 24px -20px rgba(10,40,120,.22);
transition: color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);
}
.archive-page-2026 .archive-chip:hover {
transform: translateY(-1px);
color: var(--brand-blue, #0059f8) !important;
background: #fff !important;
box-shadow: 0 16px 30px -22px rgba(10,40,120,.3);
}
.archive-page-2026 .archive-chip.is-active {
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6)) !important;
color: #fff !important;
border-color: transparent !important;
}
.archive-page-2026 .archive-featured,
.archive-page-2026 .archive-grid-section {
max-width: 1236px;
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.archive-page-2026 .archive-featured {
margin-top: 4px !important;
}
.archive-page-2026 .archive-grid {
max-width: none !important;
width: 100% !important;
}
@media (max-width: 1100px) {
body.blog #content,
body.archive #content,
body.search #content { margin-top: -24px !important; }
#content .bd.archive-page-2026,
.bd.archive-page-2026 { width: calc(100vw - 44px) !important; }
.info-pay-online { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
body.blog #content,
body.archive #content,
body.search #content { margin-top: 0 !important; }
#content .bd.archive-page-2026,
.bd.archive-page-2026 { width: calc(100vw - 24px) !important; gap: 20px; }
.archive-topic-strip {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 6px;
-webkit-overflow-scrolling: touch;
}
.archive-topic-strip::-webkit-scrollbar { display: none; }
.info-content-card { border-radius: 22px; padding: 24px 18px; }
}
/* =====================================================================
v27 — flatten info content, tidy contacts, lighter blog/gallery
===================================================================== */
.info-content-layout {
box-sizing: border-box;
padding: clamp(30px, 3.6vw, 52px);
border-radius: 28px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 22px 58px -38px rgba(10,40,120,.24);
}
.info-content-card,
.info-page-v2--contacts .info-content-card {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
.info-rich-content li {
display: block !important;
min-height: 0;
}
.info-rich-content li::marker { content: '' !important; }
.info-rich-content li::before {
top: 50%;
transform: translateY(-50%);
}
.info-page-v2--contacts .info-rich-content ul.feeds {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 10px !important;
margin: 18px 0 30px !important;
padding: 0 !important;
list-style: none !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed {
display: inline-flex !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
list-style: none !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed::before,
.info-page-v2--contacts .info-rich-content ul.feeds li.feed::after { display: none !important; content: none !important; }
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border: 0 !important;
border-radius: 50% !important;
overflow: hidden;
transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, filter .25s ease !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a:hover {
transform: translateY(-2px) scale(1.06);
filter: brightness(1.06);
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a img {
display: block !important;
width: 18px !important;
height: 18px !important;
object-fit: contain;
filter: brightness(0) invert(1);
margin: 0 !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a[href*="t.me"] {
background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%) !important;
box-shadow: 0 8px 20px -8px rgba(42,171,238,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a[href*="facebook"] {
background: linear-gradient(135deg, #1877f2 0%, #0a5dc7 100%) !important;
box-shadow: 0 8px 20px -8px rgba(24,119,242,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a[href*="instagram"] {
background: radial-gradient(circle at 30% 110%, #fdd66a 0%, #f76b1c 22%, #e63558 45%, #c5208e 68%, #5d40c9 100%) !important;
box-shadow: 0 8px 20px -8px rgba(229,53,88,.55), inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
.info-page-v2--contacts .info-rich-content ul.feeds li.feed > a[href*="youtube"] {
background: linear-gradient(135deg, #ff3b3b 0%, #cc0000 100%) !important;
box-shadow: 0 8px 20px -8px rgba(204,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
.info-page-v2--contacts .info-rich-content .wpcf7 {
max-width: 760px;
margin-top: 18px;
}
.info-page-v2--contacts .info-rich-content .wpcf7 h2 {
font-size: clamp(34px, 3.4vw, 50px) !important;
}
.order-entry-content input[type="submit"].wpcf7-submit[style*="display: none"],
.info-rich-content input[type="submit"].wpcf7-submit[style*="display: none"] {
display: none !important;
}
.order-entry-content .wpcf7-form p > a.button.primary.small,
.info-rich-content .wpcf7-form p > a.button.primary.small {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 56px !important;
height: auto !important;
line-height: 1 !important;
padding: 0 34px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
box-shadow: 0 22px 44px -16px rgba(250,48,118,.58) !important;
cursor: pointer;
}
.archive-topic-strip { display: none !important; }
.archive-page-2026 .archive-featured { margin-top: 0 !important; }
.gallery-card--overlay .gallery-card-image {
aspect-ratio: 16 / 10;
background-image: none;
}
.gallery-card--overlay .gallery-card-image::before { display: none !important; }
.gallery-card--overlay .gallery-card-image img {
object-fit: cover;
filter: none;
}
.gallery-card--overlay:hover .gallery-card-image img {
transform: scale(1.045);
filter: saturate(1.05);
}
@media (max-width: 760px) {
.info-content-layout { border-radius: 22px; padding: 24px 18px; }
.info-page-v2--contacts .info-rich-content ul.feeds { justify-content: flex-start; }
.order-entry-content .wpcf7-form p > a.button.primary.small,
.info-rich-content .wpcf7-form p > a.button.primary.small { width: 100%; }
.gallery-card--overlay .gallery-card-image { aspect-ratio: 4 / 3; }
}
/* =====================================================================
v30 — real one-layer info pages, wider home, standard service pages
===================================================================== */
.page-template-home-thumb-slider-php #content .bd {
box-sizing: border-box;
width: min(var(--site-container), calc(100vw - 110px)) !important;
max-width: var(--site-container) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.page-template-home-thumb-slider-php #slider.slider-thumb,
.page-template-home-thumb-slider-php #content .hd > .grid,
.page-template-home-thumb-slider-php .bd > .grid,
.page-template-home-thumb-slider-php .bd > section.section-card {
width: min(var(--site-container), calc(100vw - 110px)) !important;
max-width: var(--site-container) !important;
}
.bd.prices-page-v2,
#content .bd.prices-page-v2 {
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
}
body.page-id-1199 .prices-hero-v3,
.prices-hero-v3 {
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
}
body.page-id-1199 .prices-hero-v3 .prices-pillnav,
.prices-hero-v3 .prices-pillnav {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.info-content-layout > .info-rich-content {
max-width: none !important;
margin: 0 !important;
}
.info-content-layout .info-content-card { display: contents !important; }
.info-rich-content li::before {
top: 50% !important;
transform: translateY(-50%) !important;
}
body.page:not(.page-template-home-thumb-slider-php):not(.page-id-1199):not(.page-id-401):not(.page-id-17):not(.page-id-963):not(.page-id-891):not(.page-id-23) #content {
margin-top: -62px !important;
}
#content .bd.standard-page-v2,
.bd.standard-page-v2 {
position: relative;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
margin: 0 auto 56px !important;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 24px;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.standard-compact-head { padding: 22px 8px 0; text-align: center; }
.standard-service-nav-strip { padding: 0; }
.standard-service-nav-strip .prices-pillnav {
min-height: 82px;
margin: 0;
padding: 10px 16px;
border-radius: 24px;
background: rgba(255,255,255,.82);
border-color: rgba(255,255,255,.92);
box-shadow: 0 16px 42px -28px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.78);
}
.standard-content-layout {
box-sizing: border-box;
max-width: 1060px;
width: 100%;
margin: 0 auto;
padding: clamp(30px, 3.6vw, 52px);
border-radius: 28px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 22px 58px -38px rgba(10,40,120,.24);
}
.standard-rich-content {
max-width: none !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.standard-rich-content h1 { display: none; }
.standard-rich-content h2 {
margin: 0 0 18px !important;
font-size: clamp(26px, 2.6vw, 38px) !important;
line-height: 1.14 !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.standard-rich-content h2:not(:first-child) { margin-top: 34px !important; }
.standard-rich-content h3 {
margin: 22px 0 12px !important;
font-size: 21px !important;
line-height: 1.24 !important;
font-weight: 800 !important;
color: #0a162e !important;
}
.standard-rich-content p,
.standard-rich-content li {
font-size: 15px;
line-height: 1.7;
color: #4a5568;
}
.standard-rich-content p { margin: 0 0 14px; }
.standard-rich-content img {
max-width: 100%;
height: auto;
border-radius: 18px;
}
.standard-rich-content ul,
.standard-rich-content ol {
display: grid;
gap: 10px;
margin: 14px 0 24px !important;
padding: 0 !important;
list-style: none !important;
}
.standard-rich-content li {
position: relative;
margin: 0 !important;
padding: 13px 16px 13px 42px !important;
border-radius: 16px;
background: #f7fbff;
border: 1px solid rgba(0,89,248,.08);
}
.standard-rich-content li::before {
content: '';
position: absolute;
left: 18px;
top: 50%;
width: 9px;
height: 9px;
border-radius: 999px;
background: linear-gradient(135deg, var(--brand-blue, #0059f8), var(--brand-cyan, #00bef6));
transform: translateY(-50%);
}
.standard-rich-content .grid,
.standard-rich-content .c-1,
.standard-rich-content .c-2,
.standard-rich-content .c-3,
.standard-rich-content .c-4,
.standard-rich-content .c-5,
.standard-rich-content .c-6,
.standard-rich-content .c-7,
.standard-rich-content .c-8,
.standard-rich-content .c-9,
.standard-rich-content .c-10,
.standard-rich-content .c-11,
.standard-rich-content .c-12 {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.standard-rich-content a:not(.button) {
color: var(--brand-blue, #0059f8) !important;
border-color: rgba(0,89,248,.22) !important;
}
@media (max-width: 1100px) {
.page-template-home-thumb-slider-php #content .bd,
.page-template-home-thumb-slider-php #slider.slider-thumb,
.page-template-home-thumb-slider-php #content .hd > .grid,
.page-template-home-thumb-slider-php .bd > .grid,
.page-template-home-thumb-slider-php .bd > section.section-card,
.bd.prices-page-v2,
#content .bd.prices-page-v2,
body.page-id-1199 .prices-hero-v3,
.prices-hero-v3,
#content .bd.standard-page-v2,
.bd.standard-page-v2 { width: calc(100vw - 44px) !important; }
body.page:not(.page-template-home-thumb-slider-php):not(.page-id-1199):not(.page-id-401):not(.page-id-17):not(.page-id-963):not(.page-id-891):not(.page-id-23) #content { margin-top: -24px !important; }
}
@media (max-width: 760px) {
.page-template-home-thumb-slider-php #content .bd,
.page-template-home-thumb-slider-php #slider.slider-thumb,
.page-template-home-thumb-slider-php #content .hd > .grid,
.page-template-home-thumb-slider-php .bd > .grid,
.page-template-home-thumb-slider-php .bd > section.section-card,
.bd.prices-page-v2,
#content .bd.prices-page-v2,
body.page-id-1199 .prices-hero-v3,
.prices-hero-v3,
#content .bd.standard-page-v2,
.bd.standard-page-v2 { width: calc(100vw - 24px) !important; }
body.page:not(.page-template-home-thumb-slider-php):not(.page-id-1199):not(.page-id-401):not(.page-id-17):not(.page-id-963):not(.page-id-891):not(.page-id-23) #content { margin-top: 0 !important; }
.standard-content-layout { border-radius: 22px; padding: 24px 18px; }
}
/* =====================================================================
v31 — remove residual inner entry cards and normalize page widths
===================================================================== */
body.page #content .bd.info-page-v2 .info-content-layout > .entry-content.info-rich-content {
box-sizing: border-box !important;
display: flow-root !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
z-index: auto !important;
}
body.page #content .bd.info-page-v2 .info-content-layout.entry-content.info-rich-content {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: 1060px !important;
margin: 0 auto !important;
padding: clamp(30px, 3.6vw, 52px) !important;
border-radius: 28px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(255,255,255,.92) !important;
box-shadow: 0 22px 58px -38px rgba(10,40,120,.24) !important;
transform: none !important;
z-index: auto !important;
}
body.page #content .bd.info-page-v2 .info-content-layout > .entry-content.info-rich-content::before,
body.page #content .bd.info-page-v2 .info-content-layout > .entry-content.info-rich-content::after {
display: none !important;
content: none !important;
}
.page-template-home-thumb-slider-php .section-header-outer {
box-sizing: border-box;
width: min(var(--site-container), calc(100vw - 110px)) !important;
max-width: var(--site-container) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.archive-page-2026 .archive-service-nav-strip,
.archive-page-2026 .archive-featured,
.archive-page-2026 .archive-grid-section {
box-sizing: border-box;
width: 100% !important;
max-width: 1296px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.archive-page-2026 .archive-service-nav-strip .prices-pillnav {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 1100px) {
.page-template-home-thumb-slider-php .section-header-outer,
.archive-page-2026 .archive-service-nav-strip,
.archive-page-2026 .archive-featured,
.archive-page-2026 .archive-grid-section { width: calc(100vw - 44px) !important; }
}
@media (max-width: 760px) {
.page-template-home-thumb-slider-php .section-header-outer,
.archive-page-2026 .archive-service-nav-strip,
.archive-page-2026 .archive-featured,
.archive-page-2026 .archive-grid-section { width: calc(100vw - 24px) !important; }
body.page #content .bd.info-page-v2 .info-content-layout.entry-content.info-rich-content { border-radius: 22px !important; padding: 24px 18px !important; }
}
/* =====================================================================
v32 — WooCommerce / product page 2026 refresh
===================================================================== */
body.woocommerce-page #content { overflow: visible !important; }
body.woocommerce-page #content > .hd.shop-hd-2026,
#content > .hd.shop-hd-2026 {
box-sizing: border-box;
position: relative;
z-index: 2600;
left: 50%;
transform: translateX(-50%);
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
margin: 0 auto 26px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.shop-hd-shell {
box-sizing: border-box;
padding: 22px;
border-radius: 30px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(255,255,255,.94);
box-shadow: 0 24px 64px -42px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.84);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.shop-hd-top {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 22px;
align-items: start;
padding: 8px 8px 20px;
}
.shop-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
margin-bottom: 12px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(0,89,248,.08);
color: #0059f8;
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
}
.shop-hd-copy h1 {
margin: 0 !important;
font-size: clamp(34px, 3.4vw, 54px) !important;
line-height: 1.04 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.shop-hd-copy p {
max-width: 720px;
margin: 14px 0 0;
font-size: 16px;
line-height: 1.65;
color: #4a5568;
}
.shop-breadcrumbs,
.shop-breadcrumbs .breadcrumbs {
margin: 14px 0 0 !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #7a869f !important;
}
.shop-breadcrumbs a { color: #0059f8 !important; text-decoration: none !important; }
.shop-hd-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
max-width: 360px;
}
.shop-account-link {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 42px;
padding: 0 15px !important;
border-radius: 999px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: none !important;
color: #26344f !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
text-shadow: none !important;
line-height: 1 !important;
height: auto !important;
transition: transform .24s var(--ease), border-color .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
}
.shop-account-link:hover {
transform: translateY(-1px);
border-color: rgba(0,89,248,.24) !important;
background: #fff !important;
color: #0059f8 !important;
}
.shop-account-link--cart {
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 34px -16px rgba(250,48,118,.62) !important;
}
.shop-account-link--cart:hover { color: #fff !important; filter: brightness(1.04); }
.shop-nav-2026 {
display: flex;
align-items: center;
gap: 14px;
min-height: 82px;
padding: 12px 14px;
border-radius: 24px;
background: linear-gradient(180deg, rgba(247,251,255,.96), rgba(255,255,255,.92));
border: 1px solid rgba(0,89,248,.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
position: relative;
z-index: 2800;
overflow: visible;
}
.shop-menu-shell { flex: 1 1 auto; min-width: 0; overflow: visible; }
.shop-nav-2026 #button-group,
.shop-nav-2026 .button-group {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 8px;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
position: relative;
z-index: 2801;
}
.shop-nav-2026 #button-group > li,
.shop-nav-2026 .button-group > li {
float: none !important;
position: relative;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
width: auto !important;
min-height: 0 !important;
}
.shop-nav-2026 #button-group > li > a,
.shop-nav-2026 .button-group > li > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0 17px !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 8px 20px -16px rgba(10,40,120,.22) !important;
color: #26344f !important;
font-size: 14px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: none !important;
text-decoration: none !important;
text-shadow: none !important;
transition: transform .24s var(--ease), box-shadow .24s var(--ease), background .24s var(--ease), color .24s var(--ease), border-color .24s var(--ease);
}
.shop-nav-2026 #button-group > li.menu-item-has-children > a::after,
.shop-nav-2026 .button-group > li.menu-item-has-children > a::after {
content: "";
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
opacity: .62;
}
.shop-nav-2026 #button-group > li:hover > a,
.shop-nav-2026 #button-group > li:focus-within > a,
.shop-nav-2026 #button-group > li.current-menu-parent > a,
.shop-nav-2026 #button-group > li.current-product-parent > a,
.shop-nav-2026 #button-group > li.current-product-ancestor > a,
.shop-nav-2026 #button-group > li.current-menu-item > a {
transform: translateY(-1px);
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 30px -16px rgba(0,89,248,.62) !important;
}
.shop-nav-2026 #button-group > li > .sub-menu,
.shop-nav-2026 .button-group > li > .sub-menu {
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat(3, minmax(190px, 1fr));
gap: 18px;
position: absolute !important;
top: calc(100% + 14px) !important;
left: 0 !important;
right: auto !important;
width: min(960px, calc(100vw - 96px)) !important;
height: auto !important;
min-height: 0 !important;
max-height: min(56vh, 560px);
overflow-y: auto;
overflow-x: hidden;
margin: 0 !important;
padding: 24px !important;
list-style: none !important;
border-radius: 26px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: 0 34px 80px -36px rgba(10,40,120,.45) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none;
transform: translateY(10px) scale(.985);
transition: opacity .22s var(--ease), transform .22s var(--ease), visibility .22s var(--ease);
z-index: 4000 !important;
}
.shop-nav-2026 #button-group > li:nth-last-child(-n+3) > .sub-menu,
.shop-nav-2026 .button-group > li:nth-last-child(-n+3) > .sub-menu { left: auto !important; right: 0 !important; }
.shop-nav-2026 #button-group > li:hover > .sub-menu,
.shop-nav-2026 #button-group > li:focus-within > .sub-menu,
.shop-nav-2026 .button-group > li:hover > .sub-menu,
.shop-nav-2026 .button-group > li:focus-within > .sub-menu {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto;
transform: translateY(0) scale(1);
}
.shop-nav-2026 #button-group > li > .sub-menu > li,
.shop-nav-2026 .button-group > li > .sub-menu > li {
float: none !important;
width: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.shop-nav-2026 #button-group > li > .sub-menu > li > a,
.shop-nav-2026 .button-group > li > .sub-menu > li > a {
display: block !important;
padding: 0 0 10px !important;
margin: 0 0 10px !important;
border: 0 !important;
border-bottom: 1px solid rgba(0,89,248,.10) !important;
background: transparent !important;
box-shadow: none !important;
color: #101a4a !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .02em !important;
line-height: 1.25 !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
.shop-nav-2026 #button-group > li > .sub-menu > li > .sub-menu,
.shop-nav-2026 .button-group > li > .sub-menu > li > .sub-menu {
display: grid !important;
gap: 4px;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto;
transform: none !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
list-style: none !important;
overflow: visible;
}
.shop-nav-2026 #button-group .sub-menu .sub-menu li,
.shop-nav-2026 .button-group .sub-menu .sub-menu li {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.shop-nav-2026 #button-group .sub-menu .sub-menu a,
.shop-nav-2026 .button-group .sub-menu .sub-menu a {
display: flex !important;
align-items: center;
min-height: 34px;
padding: 8px 10px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
box-shadow: none !important;
color: #4a5568 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-transform: none !important;
text-decoration: none !important;
transition: background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);
}
.shop-nav-2026 #button-group .sub-menu .sub-menu a:hover,
.shop-nav-2026 .button-group .sub-menu .sub-menu a:hover {
background: rgba(0,89,248,.07) !important;
color: #0059f8 !important;
transform: translateX(2px);
}
.shop-nav-2026 .sub-menu .woocommerce-loop-product__title,
.shop-nav-2026 .sub-menu .woocommerce-Price-amount { font-size: 12px !important; line-height: 1.35 !important; }
.shop-nav-2026 #button-group .superhot .sub-menu .menu-item-type-gs_sim,
.shop-nav-2026 .button-group .superhot .sub-menu .menu-item-type-gs_sim,
.shop-nav-2026 #button-group .superhot .sub-menu .woocommerce,
.shop-nav-2026 .button-group .superhot .sub-menu .woocommerce,
.shop-nav-2026 #button-group .superhot .sub-menu ul.products,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product {
box-sizing: border-box !important;
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 8px !important;
border-radius: 14px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: none !important;
overflow: hidden !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product a.woocommerce-LoopProduct-link,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product a.woocommerce-LoopProduct-link {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
gap: 3px 10px;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
border-radius: 10px !important;
background: transparent !important;
overflow: hidden !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product img,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product img {
grid-row: 1 / span 2;
display: block !important;
width: 58px !important;
height: 58px !important;
max-width: 58px !important;
margin: 0 !important;
border-radius: 10px !important;
object-fit: contain !important;
background: #fff !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product .woocommerce-loop-product__title,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product .woocommerce-loop-product__title {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
color: #26344f !important;
white-space: normal !important;
overflow-wrap: anywhere;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product .price,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product .price {
display: block !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
color: #0059f8 !important;
white-space: normal !important;
}
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product .button,
.shop-nav-2026 #button-group .superhot .sub-menu ul.products li.product .onsale,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product .button,
.shop-nav-2026 .button-group .superhot .sub-menu ul.products li.product .onsale { display: none !important; }
.shop-search-2026,
.search-shop.shop-search-2026 {
box-sizing: border-box;
flex: 0 0 330px;
width: 330px !important;
max-width: 330px;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
top: auto !important;
right: auto !important;
float: none !important;
border-radius: 18px !important;
z-index: 2810;
}
.shop-search-2026 .aws-container,
.shop-search-2026 .aws-search-form { width: 100% !important; }
.shop-search-2026 .aws-container .aws-search-field,
.shop-search-2026 input[type="search"] {
box-sizing: border-box !important;
height: 50px !important;
min-height: 50px !important;
border-radius: 16px !important;
border: 1px solid rgba(0,89,248,.12) !important;
background: #fff !important;
box-shadow: 0 10px 24px -20px rgba(10,40,120,.22) !important;
font-size: 14px !important;
color: #26344f !important;
padding-left: 16px !important;
}
.shop-category-tiles.front-shop-images {
position: static !important;
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
height: auto !important;
margin: 16px 0 0 !important;
padding: 0 4px !important;
z-index: auto !important;
}
.shop-category-tiles .front-cat {
display: block !important;
margin: 0 !important;
padding: 0 !important;
animation: none !important;
opacity: 1 !important;
transform: none !important;
border-radius: 18px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(0,89,248,.08);
box-shadow: 0 12px 28px -24px rgba(10,40,120,.22);
transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.shop-category-tiles .front-cat:hover { transform: translateY(-3px) !important; box-shadow: 0 20px 40px -28px rgba(0,89,248,.34); }
.shop-category-tiles img { display: block; width: 100%; height: auto; border: 0; }
body.woocommerce-page #content .bd.shop-page-2026,
#content .bd.shop-page-2026 {
box-sizing: border-box;
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1460px, calc(100vw - 110px)) !important;
max-width: 1460px !important;
margin: 0 auto 64px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
body.woocommerce-page #content .shop-entry-2026,
#content .shop-entry-2026 {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.shop-entry-2026 .woocommerce-notices-wrapper { margin-bottom: 18px; }
.shop-entry-2026 .woocommerce-message,
.shop-entry-2026 .woocommerce-info,
.shop-entry-2026 .woocommerce-error {
border-radius: 18px !important;
border: 1px solid rgba(0,89,248,.10) !important;
background: #fff !important;
box-shadow: 0 18px 36px -30px rgba(10,40,120,.22) !important;
color: #26344f !important;
}
body.single-product #content > .hd.shop-hd-2026 { margin-bottom: 20px !important; }
body.single-product .shop-hd-shell { padding: 18px; }
body.single-product .shop-hd-top {
align-items: center;
padding: 4px 4px 14px;
gap: 18px;
}
body.single-product .shop-eyebrow { margin-bottom: 8px; }
body.single-product .shop-hd-copy h1 {
font-size: clamp(26px, 2vw, 34px) !important;
line-height: 1.14 !important;
}
body.single-product .shop-hd-copy p {
max-width: 780px;
margin-top: 8px;
font-size: 14px;
line-height: 1.55;
}
body.single-product .shop-breadcrumbs { display: none !important; }
body.single-product .shop-nav-2026 { min-height: 74px; padding: 10px 12px; }
body.single-product .shop-nav-2026 #button-group > li > a,
body.single-product .shop-nav-2026 .button-group > li > a { min-height: 44px; }
body.single-product .shop-search-2026 .aws-container .aws-search-field,
body.single-product .shop-search-2026 input[type="search"] {
height: 46px !important;
min-height: 46px !important;
}
body.single-product .shop-entry-2026 > div.product {
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(390px, .72fr);
gap: 34px;
align-items: start;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.single-product .shop-entry-2026 > div.product::before,
body.single-product .shop-entry-2026 > div.product::after { display: none !important; content: none !important; }
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
box-sizing: border-box;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 24px !important;
border-radius: 30px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28);
}
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product div.images .woocommerce-product-gallery__wrapper { margin: 0 !important; }
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image {
border-radius: 24px;
background: linear-gradient(180deg, #f7fbff, #fff);
overflow: hidden;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
display: block;
width: 100% !important;
height: auto !important;
border-radius: 24px;
object-fit: contain;
}
body.single-product .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin: 14px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.single-product .flex-control-thumbs li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.single-product .flex-control-thumbs img {
box-sizing: border-box;
width: 100% !important;
height: auto !important;
border-radius: 14px;
border: 1px solid rgba(0,89,248,.10);
background: #fff;
opacity: 1 !important;
}
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary {
box-sizing: border-box;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 34px !important;
border-radius: 30px;
background: rgba(255,255,255,.98);
border: 1px solid rgba(255,255,255,.94);
box-shadow: 0 28px 66px -38px rgba(10,40,120,.32);
position: sticky;
top: 22px;
}
body.single-product .summary .product_title,
body.single-product .summary h1.product_title {
margin: 0 0 18px !important;
font-size: clamp(30px, 2.7vw, 44px) !important;
line-height: 1.1 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
body.single-product .summary .price {
margin: 0 0 20px !important;
font-size: 34px !important;
line-height: 1.12 !important;
font-weight: 900 !important;
color: #0059f8 !important;
}
body.single-product .summary .price del { display: inline-block; margin-right: 10px; font-size: 18px; color: #99a3bb !important; opacity: 1 !important; }
body.single-product .summary .price ins { text-decoration: none !important; }
body.single-product .summary .woocommerce-product-details__short-description {
margin: 0 0 18px !important;
padding: 18px 20px !important;
border-radius: 22px;
background: #f7fbff;
border: 1px solid rgba(0,89,248,.08);
color: #4a5568;
font-size: 15px;
line-height: 1.72;
}
body.single-product .summary .woocommerce-product-details__short-description p { margin: 0 0 10px; }
body.single-product .summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
body.single-product .summary form.cart {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 12px;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 18px !important;
padding: 18px !important;
border-radius: 22px;
background: linear-gradient(180deg, #fff, #f7fbff);
border: 1px solid rgba(0,89,248,.10);
box-shadow: none !important;
clear: both !important;
}
body.single-product .summary form.cart::before,
body.single-product .summary form.cart::after { display: none !important; content: none !important; }
body.single-product .summary form.cart .quantity { float: none !important; margin: 0 !important; display: inline-flex; align-items: center; }
body.single-product .summary form.cart .qty {
box-sizing: border-box;
width: 76px !important;
height: 52px !important;
border-radius: 16px !important;
border: 1px solid rgba(0,89,248,.14) !important;
background: #fff !important;
color: #101a4a !important;
font-size: 16px !important;
font-weight: 800 !important;
text-align: center;
box-shadow: inset 0 1px 2px rgba(10,40,120,.05) !important;
}
body.single-product .summary .single_add_to_cart_button,
body.single-product .summary button.single_add_to_cart_button.button.alt {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 52px !important;
height: auto !important;
margin: 0 !important;
padding: 0 30px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: none !important;
text-shadow: none !important;
box-shadow: 0 20px 40px -16px rgba(250,48,118,.58) !important;
transition: transform .24s var(--ease), filter .24s var(--ease), box-shadow .24s var(--ease);
}
body.single-product .summary .single_add_to_cart_button:hover {
transform: translateY(-2px);
filter: brightness(1.04);
box-shadow: 0 28px 48px -18px rgba(250,48,118,.66) !important;
}
body.single-product .summary .product_meta {
box-sizing: border-box;
display: grid;
gap: 10px;
clear: both !important;
width: 100% !important;
margin: 0 !important;
padding: 18px !important;
border-radius: 20px;
background: #fff;
border: 1px solid rgba(0,89,248,.08);
color: #6b748a;
font-size: 13px;
line-height: 1.55;
}
body.single-product .summary .product_meta > span { display: block; padding-left: 0; }
body.single-product .summary .product_meta a { color: #0059f8 !important; font-weight: 700; text-decoration: none !important; }
body.single-product .summary .product_meta .sip_inner_image { display: none !important; }
body.single-product .shop-entry-2026 .woocommerce-tabs,
body.single-product .shop-entry-2026 .up-sells,
body.single-product .shop-entry-2026 .related {
grid-column: 1 / -1;
box-sizing: border-box;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
clear: both !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs {
padding: 34px !important;
border-radius: 30px;
background: rgba(255,255,255,.97);
border: 1px solid rgba(255,255,255,.94);
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28);
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs {
display: flex !important;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
float: none !important;
width: 100% !important;
margin: 0 0 28px !important;
padding: 0 !important;
border: 0 !important;
list-style: none !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs::before,
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; }
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li {
float: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
box-shadow: none !important;
list-style: none !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li::before,
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; }
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px !important;
border-radius: 999px;
background: #f7fbff;
border: 1px solid rgba(0,89,248,.09);
color: #4a5568 !important;
font-size: 14px;
font-weight: 850;
line-height: 1;
text-decoration: none !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li.active a {
background: linear-gradient(135deg, #0059f8, #00bef6);
border-color: transparent;
color: #fff !important;
box-shadow: 0 14px 28px -16px rgba(0,89,248,.56);
}
body.single-product .shop-entry-2026 .woocommerce-tabs .panel,
body.single-product .shop-entry-2026 .woocommerce-tabs .panel.entry-content,
body.single-product .shop-entry-2026 .woocommerce-tabs .woocommerce-Tabs-panel {
box-sizing: border-box;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #4a5568;
font-size: 16px;
line-height: 1.72;
}
body.single-product .shop-entry-2026 .woocommerce-tabs .panel h2,
body.single-product .shop-entry-2026 .woocommerce-tabs .panel h3 {
margin: 0 0 18px !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs .panel h2 { font-size: clamp(28px, 2.4vw, 38px) !important; line-height: 1.12 !important; }
body.single-product .shop-entry-2026 .woocommerce-tabs .panel h3 { font-size: 22px !important; line-height: 1.22 !important; }
body.single-product .shop-entry-2026 .woocommerce-tabs .panel p { margin: 0 0 16px; }
body.single-product .shop-entry-2026 .woocommerce-tabs .panel img { max-width: 100%; height: auto; border-radius: 22px; }
body.single-product .shop-entry-2026 .woocommerce-tabs .panel table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(0,89,248,.10);
background: #fff;
}
body.single-product .shop-entry-2026 .woocommerce-tabs .panel th,
body.single-product .shop-entry-2026 .woocommerce-tabs .panel td {
padding: 13px 15px;
border-bottom: 1px solid rgba(0,89,248,.08);
color: #4a5568;
}
body.single-product .shop-entry-2026 .woocommerce-tabs .panel th { background: #f7fbff; color: #101a4a; font-weight: 850; }
body.single-product .shop-entry-2026 .up-sells,
body.single-product .shop-entry-2026 .related,
body.woocommerce-page:not(.single-product) .shop-entry-2026 .woocommerce {
box-sizing: border-box;
padding: 30px !important;
border-radius: 30px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28);
}
body.single-product .shop-entry-2026 .up-sells h2,
body.single-product .shop-entry-2026 .related h2,
body.woocommerce-page .shop-entry-2026 .woocommerce-products-header__title {
margin: 0 0 22px !important;
font-size: clamp(26px, 2.2vw, 34px) !important;
line-height: 1.14 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
body.woocommerce-page .shop-entry-2026 ul.products,
body.woocommerce-page #content .shop-entry-2026 ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 20px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-page .shop-entry-2026 ul.products::before,
body.woocommerce-page .shop-entry-2026 ul.products::after { display: none !important; content: none !important; }
body.woocommerce-page .shop-entry-2026 ul.products li.product {
box-sizing: border-box;
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 16px !important;
border-radius: 22px;
background: #fff;
border: 1px solid rgba(0,89,248,.08);
box-shadow: 0 16px 34px -30px rgba(10,40,120,.22);
transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
body.woocommerce-page .shop-entry-2026 ul.products li.product:hover { transform: translateY(-4px); border-color: rgba(0,89,248,.18); box-shadow: 0 24px 46px -32px rgba(0,89,248,.32); }
body.woocommerce-page .shop-entry-2026 ul.products li.product a img {
width: 100% !important;
height: auto !important;
margin: 0 0 14px !important;
border-radius: 16px;
background: #f7fbff;
}
body.woocommerce-page .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page .shop-entry-2026 ul.products li.product h2 {
min-height: 48px;
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1.32 !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
body.woocommerce-page .shop-entry-2026 ul.products li.product .price {
display: block !important;
margin: 0 0 12px !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
color: #0059f8 !important;
}
body.woocommerce-page .shop-entry-2026 ul.products li.product .button,
body.woocommerce-page .shop-entry-2026 ul.products li.product a.button {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 40px !important;
height: auto !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border: 0 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: none !important;
text-shadow: none !important;
box-shadow: 0 14px 26px -16px rgba(0,89,248,.52) !important;
}
.shop-assurance-2026 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
margin-top: 28px;
clear: both;
}
.shop-assurance-card {
box-sizing: border-box;
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
gap: 18px;
padding: 26px;
border-radius: 28px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(255,255,255,.92);
box-shadow: 0 22px 54px -38px rgba(10,40,120,.24);
}
.shop-assurance-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 18px;
background: rgba(0,89,248,.09);
color: #0059f8;
}
.shop-assurance-icon--warm { background: rgba(250,48,118,.09); color: #fa3076; }
.shop-assurance-body h2 {
margin: 0 0 12px !important;
font-size: 24px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.shop-assurance-body p,
.shop-assurance-body li { font-size: 14px; line-height: 1.65; color: #4a5568; }
.shop-assurance-body p { margin: 0 0 12px; }
.shop-assurance-body ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 12px 0 !important;
padding: 0 !important;
list-style: none !important;
}
.shop-assurance-body li {
position: relative;
margin: 0 !important;
padding: 8px 10px 8px 24px !important;
border-radius: 12px;
background: #f7fbff;
}
.shop-assurance-body li::before {
content: "";
position: absolute;
left: 10px;
top: 50%;
width: 7px;
height: 7px;
border-radius: 999px;
background: linear-gradient(135deg, #0059f8, #00bef6);
transform: translateY(-50%);
}
.shop-assurance-body img { max-width: 100%; height: auto; }
.shop-assurance-body .sip_inner_image {
display: block;
width: 100%;
margin-top: 16px;
border-radius: 18px;
box-shadow: 0 18px 36px -26px rgba(10,40,120,.26);
}
.shop-assurance-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.shop-assurance-actions a.button,
.shop-assurance-body a.button {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 42px !important;
height: auto !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.12) !important;
color: #0059f8 !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: none !important;
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
}
body.woocommerce-page .woocommerce-result-count,
body.woocommerce-page .woocommerce-ordering {
float: none !important;
position: static !important;
top: auto !important;
margin: 0 0 20px !important;
}
body.woocommerce-page .woocommerce-ordering select {
min-height: 44px;
border-radius: 14px;
border: 1px solid rgba(0,89,248,.12);
background: #fff;
padding: 0 14px;
color: #26344f;
}
@media (max-width: 1200px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
#content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
#content .bd.shop-page-2026 { width: calc(100vw - 44px) !important; }
body.single-product .shop-entry-2026 > div.product { grid-template-columns: minmax(0, 1fr); }
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary { position: relative; top: auto; }
.shop-nav-2026 { align-items: stretch; flex-direction: column; }
.shop-search-2026,
.search-shop.shop-search-2026 { flex: 1 1 auto; width: 100% !important; max-width: 100%; }
.shop-nav-2026 #button-group > li > .sub-menu,
.shop-nav-2026 .button-group > li > .sub-menu { width: min(860px, calc(100vw - 88px)) !important; }
}
@media (max-width: 900px) {
.shop-hd-top { grid-template-columns: 1fr; }
.shop-hd-actions { justify-content: flex-start; max-width: none; }
.shop-category-tiles.front-shop-images { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.woocommerce-page .shop-entry-2026 ul.products,
body.woocommerce-page #content .shop-entry-2026 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.shop-assurance-2026 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
#content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
#content .bd.shop-page-2026 { width: calc(100vw - 24px) !important; }
.shop-hd-shell { border-radius: 24px; padding: 16px; }
.shop-hd-top { padding: 4px 2px 16px; }
.shop-hd-copy h1 { font-size: 32px !important; }
.shop-hd-copy p { font-size: 14px; }
.shop-nav-2026 { border-radius: 20px; padding: 10px; }
.shop-nav-2026 #button-group,
.shop-nav-2026 .button-group { display: grid !important; grid-template-columns: 1fr 1fr; }
.shop-nav-2026 #button-group > li > a,
.shop-nav-2026 .button-group > li > a { width: 100%; min-height: 44px; padding: 0 12px !important; font-size: 13px !important; }
.shop-nav-2026 #button-group > li > .sub-menu,
.shop-nav-2026 .button-group > li > .sub-menu {
position: fixed !important;
left: 12px !important;
right: 12px !important;
top: 128px !important;
width: auto !important;
grid-template-columns: 1fr;
max-height: calc(100vh - 160px);
padding: 18px !important;
}
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery,
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary,
body.single-product .shop-entry-2026 .woocommerce-tabs,
body.single-product .shop-entry-2026 .up-sells,
body.single-product .shop-entry-2026 .related,
body.woocommerce-page:not(.single-product) .shop-entry-2026 .woocommerce { border-radius: 22px; padding: 20px !important; }
body.single-product .summary form.cart { align-items: stretch; flex-direction: column; }
body.single-product .summary form.cart .quantity,
body.single-product .summary form.cart .qty,
body.single-product .summary .single_add_to_cart_button { width: 100% !important; }
body.woocommerce-page .shop-entry-2026 ul.products,
body.woocommerce-page #content .shop-entry-2026 ul.products { grid-template-columns: 1fr !important; }
.shop-assurance-card { grid-template-columns: 1fr; padding: 22px; }
.shop-assurance-body ul { grid-template-columns: 1fr; }
}
/* =====================================================================
v33 — Shop landing page, scalable storefront UI
===================================================================== */
body.woocommerce-page #page {
width: 100% !important;
max-width: none !important;
overflow: visible !important;
}
body.woocommerce-page #header {
box-sizing: border-box;
width: min(1460px, calc(100vw - 44px)) !important;
max-width: 1460px !important;
height: 194px;
margin: 0 auto 18px !important;
padding-top: 14px !important;
position: relative;
z-index: 5000;
}
body.woocommerce-page #header #id {
width: 100% !important;
height: 108px !important;
display: flex !important;
align-items: center;
justify-content: center;
text-align: center;
}
body.woocommerce-page #header #id h1,
body.woocommerce-page #header #id a {
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-page #header #id img {
width: 58px !important;
height: auto !important;
display: block;
}
body.woocommerce-page #telephone-nav,
body.woocommerce-page #telephone-nav2 {
box-sizing: border-box;
top: 18px !important;
font-size: 12px !important;
line-height: 1.45 !important;
font-weight: 750 !important;
color: #213052 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.woocommerce-page #telephone-nav { left: 66px !important; }
body.woocommerce-page #telephone-nav2 { left: 208px !important; padding-left: 38px !important; }
body.woocommerce-page #languages {
top: 18px !important;
right: 66px !important;
margin: 0 !important;
display: flex !important;
align-items: center;
gap: 9px;
}
body.woocommerce-page #languages a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
margin: 0 !important;
font-size: 15px !important;
line-height: 1 !important;
filter: saturate(1.08);
}
body.woocommerce-page #feeds-nav {
top: 52px !important;
right: 64px !important;
margin: 0 !important;
display: block !important;
width: auto !important;
height: auto !important;
}
body.woocommerce-page #feeds-nav .feeds {
display: flex !important;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-page #feeds-nav .feed,
body.woocommerce-page #feeds-nav ul.feeds li.feed {
display: inline-flex !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.woocommerce-page #feeds-nav .feed a,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
border: 0 !important;
color: #fff !important;
overflow: visible !important;
position: relative !important;
isolation: isolate;
transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, filter .25s ease !important;
}
body.woocommerce-page #feeds-nav .feed a::before,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a::before { display: none !important; content: none !important; }
body.woocommerce-page #feeds-nav .feed a img,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a > img {
display: none !important;
}
body.woocommerce-page #feeds-nav ul.feeds li.feed > a > svg,
body.woocommerce-page #feeds-nav .feed a svg {
display: block !important;
width: 18px !important;
height: 18px !important;
fill: currentColor !important;
color: #fff !important;
position: relative;
z-index: 1;
transition: transform .3s ease;
pointer-events: none;
}
body.woocommerce-page #feeds-nav .feed a:hover { transform: translateY(-2px) scale(1.06) !important; filter: brightness(1.06); }
body.woocommerce-page #feeds-nav .feed a:hover svg { transform: scale(1.08); }
body.woocommerce-page #feeds-nav ul.feeds li.feed.feed-tg > a { background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%) !important; box-shadow: 0 8px 20px -8px rgba(42,171,238,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important; }
body.woocommerce-page #feeds-nav ul.feeds li.feed.feed-fb > a { background: linear-gradient(135deg, #1877f2 0%, #0a5dc7 100%) !important; box-shadow: 0 8px 20px -8px rgba(24,119,242,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important; }
body.woocommerce-page #feeds-nav ul.feeds li.feed.feed-ig > a { background: radial-gradient(circle at 30% 110%, #fdd66a 0%, #f76b1c 22%, #e63558 45%, #c5208e 68%, #5d40c9 100%) !important; box-shadow: 0 8px 20px -8px rgba(229,53,88,.55), inset 0 0 0 1px rgba(255,255,255,.22) !important; }
body.woocommerce-page #feeds-nav ul.feeds li.feed.feed-yt > a { background: linear-gradient(135deg, #ff3b3b 0%, #cc0000 100%) !important; box-shadow: 0 8px 20px -8px rgba(204,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.18) !important; }
body.woocommerce-page #primary-nav {
height: auto !important;
margin: -2px 0 0 !important;
position: relative;
z-index: 5100;
}
body.woocommerce-page #primary-nav .wrapper { display: flex !important; justify-content: center; }
body.woocommerce-page #primary-nav-menu.dd-menu {
max-width: calc(100vw - 80px);
overflow: visible;
}
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 {
left: auto !important;
right: auto !important;
transform: none !important;
width: min(1460px, calc(100vw - 44px)) !important;
max-width: 1460px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-shop #content > .hd.shop-hd-2026 { margin-bottom: 24px !important; }
body.woocommerce-shop .shop-hd-landing-2026 .shop-hd-shell {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.shop-commerce-bar-2026 {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(250px, 320px) auto;
gap: 12px;
align-items: stretch;
padding: 14px;
border-radius: 24px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(255,255,255,.96);
box-shadow: 0 18px 44px -32px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.86);
position: relative;
z-index: 3200;
}
.shop-category-rail-2026 {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 10px;
min-width: 0;
}
.shop-category-rail-2026 a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 74px;
padding: 10px 8px;
border-radius: 16px;
background: linear-gradient(180deg, #fff, #f7fbff);
border: 1px solid rgba(0,89,248,.08);
box-shadow: 0 12px 24px -22px rgba(10,40,120,.30);
color: #26344f;
font-size: 12px;
font-weight: 850;
line-height: 1.18;
text-align: center;
text-decoration: none;
letter-spacing: 0;
transition: transform .26s var(--ease), box-shadow .26s var(--ease), border-color .26s var(--ease), color .26s var(--ease), background .26s var(--ease);
}
.shop-category-rail-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 12px;
background: rgba(0,89,248,.08);
color: #0059f8;
transition: transform .26s var(--ease), background .26s var(--ease), color .26s var(--ease);
}
.shop-category-rail-2026 a:hover {
transform: translateY(-3px);
border-color: rgba(0,89,248,.22);
box-shadow: 0 18px 34px -24px rgba(0,89,248,.42);
color: #0059f8;
}
.shop-category-rail-2026 a:hover .shop-category-rail-icon {
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff;
transform: scale(1.06);
}
.shop-search-landing-2026,
.search-shop.shop-search-landing-2026 {
align-self: stretch;
display: flex !important;
align-items: center;
width: 100% !important;
max-width: none !important;
min-width: 0;
flex: 1 1 auto;
background: transparent !important;
box-shadow: none !important;
}
.shop-search-landing-2026 .aws-container,
.shop-search-landing-2026 .aws-search-form { width: 100% !important; }
.shop-search-landing-2026 .aws-container .aws-search-field,
.shop-search-landing-2026 input[type="search"] {
height: 58px !important;
min-height: 58px !important;
border-radius: 18px !important;
padding-left: 18px !important;
}
.shop-search-landing-2026 .dgwt-wcas-search-wrapp,
.shop-search-landing-2026 .dgwt-wcas-search-form,
.shop-search-landing-2026 .dgwt-wcas-sf-wrapp {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.shop-search-landing-2026 .dgwt-wcas-search-wrapp {
display: flex !important;
align-items: center !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.shop-search-landing-2026 .dgwt-wcas-search-form {
height: 58px !important;
margin: 0 !important;
padding: 0 !important;
}
.shop-search-landing-2026 .dgwt-wcas-sf-wrapp {
height: 58px !important;
padding: 0 !important;
border-radius: 18px !important;
background: #f8fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 28px -24px rgba(10,40,120,.30) !important;
overflow: hidden;
}
.shop-search-landing-2026 .dgwt-wcas-search-input {
box-sizing: border-box !important;
height: 58px !important;
min-height: 58px !important;
width: 100% !important;
padding: 0 48px 0 56px !important;
border: 0 !important;
border-radius: 18px !important;
background: transparent !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 750 !important;
line-height: 58px !important;
color: #26344f !important;
letter-spacing: 0 !important;
}
body.woocommerce-shop .shop-search-landing-2026 input.dgwt-wcas-search-input,
body.woocommerce-shop .shop-search-landing-2026 .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
.shop-search-landing-2026 .dgwt-wcas-search-input::placeholder { color: #7c8ba8 !important; opacity: 1; }
.shop-search-landing-2026 .dgwt-wcas-search-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
left: 13px !important;
top: 50% !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
box-shadow: none !important;
color: #0059f8 !important;
transform: translateY(-50%) !important;
}
.shop-search-landing-2026 .dgwt-wcas-search-submit svg,
.shop-search-landing-2026 .dgwt-wcas-search-submit path { fill: currentColor !important; color: currentColor !important; }
.shop-search-landing-2026 .dgwt-wcas-preloader { right: 14px !important; top: 0 !important; height: 58px !important; }
.shop-nav-actions-2026 {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 10px;
align-items: center;
justify-content: end;
}
.shop-nav-actions-2026 .shop-account-link {
min-height: 58px;
padding: 0 17px !important;
border-radius: 18px !important;
}
.shop-hero-landing-2026 {
box-sizing: border-box;
position: relative;
min-height: 540px;
margin-top: 26px;
border-radius: 34px;
overflow: hidden;
background: #eef5ff;
border: 1px solid rgba(255,255,255,.94);
box-shadow: 0 28px 70px -44px rgba(10,40,120,.34);
isolation: isolate;
}
.shop-hero-landing-2026::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(247,251,255,.96) 0%, rgba(247,251,255,.84) 31%, rgba(247,251,255,.42) 50%, rgba(247,251,255,.04) 72%),
radial-gradient(560px 360px at 18% 18%, rgba(0,89,248,.13), transparent 66%);
pointer-events: none;
}
.shop-hero-landing-image {
position: absolute;
inset: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.015);
animation: shopHeroBreath 14s ease-in-out infinite alternate;
}
@keyframes shopHeroBreath {
from { transform: scale(1.015) translate3d(0,0,0); }
to { transform: scale(1.055) translate3d(-12px, -4px, 0); }
}
.shop-hero-landing-content {
box-sizing: border-box;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: min(640px, 49%);
max-width: 640px;
min-height: 540px;
padding: 48px 0 48px 58px;
}
.shop-hero-landing-content h1 {
margin: 0 !important;
background: none !important;
width: auto !important;
max-width: 640px !important;
overflow: visible !important;
white-space: normal !important;
font-size: clamp(38px, 3.45vw, 56px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
text-fill-color: #101a4a !important;
text-shadow: 0 1px 0 rgba(255,255,255,.64);
}
body.woocommerce-shop #content > .hd.shop-hd-landing-2026 .shop-hero-landing-content h1 {
background: none !important;
-webkit-background-clip: border-box !important;
-webkit-text-fill-color: #101a4a !important;
text-fill-color: #101a4a !important;
color: #101a4a !important;
max-width: 640px !important;
overflow: visible !important;
white-space: normal !important;
text-transform: none !important;
}
.shop-hero-bullets-2026 {
display: grid;
gap: 8px;
margin: 24px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
.shop-hero-bullets-2026 li {
display: flex;
align-items: center;
gap: 9px;
margin: 0 !important;
padding: 0 !important;
color: #31405f;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
}
.shop-hero-bullets-2026 svg { color: #0059f8; }
.shop-hero-actions-2026 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-top: 28px;
}
.shop-hero-primary,
.shop-hero-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 52px;
padding: 0 24px;
border-radius: 999px;
font-size: 14px;
font-weight: 900;
line-height: 1;
letter-spacing: 0;
text-decoration: none;
transition: transform .26s var(--ease), box-shadow .26s var(--ease), background .26s var(--ease), color .26s var(--ease);
}
.shop-hero-primary {
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff;
box-shadow: 0 22px 38px -18px rgba(0,89,248,.64);
}
.shop-hero-secondary { color: #26344f; background: rgba(255,255,255,.64); }
.shop-hero-primary:hover,
.shop-hero-secondary:hover { transform: translateY(-2px); }
.shop-hero-secondary:hover { background: #fff; color: #0059f8; }
.shop-hero-controls-2026 {
position: absolute;
right: 34px;
top: 50%;
z-index: 3;
display: flex;
gap: 10px;
transform: translateY(-50%);
}
.shop-hero-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 999px;
background: rgba(255,255,255,.74);
border: 1px solid rgba(255,255,255,.9);
box-shadow: 0 14px 28px -20px rgba(10,40,120,.28);
color: #26344f;
font-size: 30px;
font-weight: 500;
line-height: 1;
}
.shop-hero-dots-2026 {
position: absolute;
right: 42px;
bottom: 34px;
z-index: 3;
display: flex;
gap: 7px;
}
.shop-hero-dots-2026 span {
display: block;
width: 8px;
height: 8px;
border-radius: 999px;
background: rgba(255,255,255,.84);
box-shadow: 0 0 0 1px rgba(0,89,248,.08);
}
.shop-hero-dots-2026 span:first-child { width: 22px; background: #0059f8; }
.shop-trust-strip-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
margin-top: 24px;
padding: 16px 18px;
border-radius: 26px;
background: rgba(255,255,255,.9);
border: 1px solid rgba(255,255,255,.96);
box-shadow: 0 20px 52px -40px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.88);
}
.shop-trust-strip-2026 div {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
column-gap: 12px;
min-height: 58px;
padding: 0 18px;
border-left: 1px solid rgba(0,89,248,.10);
}
.shop-trust-strip-2026 div:first-child { border-left: 0; }
.shop-trust-strip-2026 svg {
grid-row: 1 / span 2;
box-sizing: border-box;
width: 42px;
height: 42px;
padding: 10px;
border-radius: 15px;
background: rgba(0,89,248,.08);
color: #0059f8;
}
.shop-trust-strip-2026 strong,
.shop-trust-strip-2026 span {
display: block;
min-width: 0;
font-size: 13px;
line-height: 1.25;
letter-spacing: 0;
}
.shop-trust-strip-2026 strong { color: #101a4a; font-weight: 900; }
.shop-trust-strip-2026 span { color: #5a6680; font-weight: 650; }
body.woocommerce-shop .shop-products-stage-2026 {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.shop-products-toolbar-2026 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 0 22px;
}
.shop-product-tabs-2026 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.shop-product-tabs-2026 a,
.shop-products-more-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 15px;
border-radius: 999px;
font-size: 13px;
font-weight: 850;
line-height: 1;
letter-spacing: 0;
text-decoration: none;
color: #26344f;
background: rgba(255,255,255,.74);
border: 1px solid rgba(0,89,248,.08);
transition: transform .24s var(--ease), color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease);
}
.shop-product-tabs-2026 a.is-active,
.shop-product-tabs-2026 a:hover {
background: linear-gradient(135deg, #0059f8, #00bef6);
border-color: transparent;
color: #fff;
box-shadow: 0 14px 28px -18px rgba(0,89,248,.55);
transform: translateY(-1px);
}
.shop-products-more-2026 { background: transparent; border-color: transparent; color: #101a4a; }
.shop-products-more-2026:hover { color: #0059f8; transform: translateX(2px); }
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
position: relative;
display: flex !important;
flex-direction: column;
min-height: 100%;
border-radius: 18px;
padding: 18px !important;
box-shadow: 0 20px 42px -34px rgba(10,40,120,.28);
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
min-height: 0;
text-decoration: none;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img {
aspect-ratio: 1 / 1;
object-fit: contain;
transition: transform .32s var(--ease);
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover a img { transform: scale(1.035); }
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button {
align-self: flex-end;
margin-top: auto !important;
min-width: 46px;
font-size: 0 !important;
padding: 0 !important;
width: 44px;
height: 44px !important;
min-height: 44px !important;
border-radius: 15px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: #fff;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .onsale {
display: inline-flex !important;
align-items: center;
justify-content: center;
position: absolute !important;
top: 16px !important;
left: 16px !important;
right: auto !important;
width: auto !important;
min-width: 52px;
height: 24px !important;
min-height: 24px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1 !important;
box-shadow: 0 12px 22px -14px rgba(250,48,118,.68) !important;
z-index: 4;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .onsale::before { content: "Акция"; }
.shop-proof-band-2026 {
box-sizing: border-box;
margin-top: 34px;
padding: 28px 32px;
border-radius: 30px;
background:
linear-gradient(120deg, rgba(255,255,255,.88), rgba(230,242,255,.82)),
radial-gradient(520px 240px at 100% 0%, rgba(0,190,246,.24), transparent 70%);
border: 1px solid rgba(255,255,255,.94);
box-shadow: 0 24px 58px -42px rgba(10,40,120,.30);
text-align: center;
}
.shop-proof-band-2026 h2 {
margin: 0 0 18px !important;
font-size: clamp(24px, 2.1vw, 34px) !important;
line-height: 1.15 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #101a4a !important;
}
.shop-proof-items-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
max-width: 980px;
margin: 0 auto;
}
.shop-proof-items-2026 span {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
column-gap: 10px;
min-height: 58px;
padding: 10px 14px;
border-radius: 18px;
background: rgba(255,255,255,.86);
border: 1px solid rgba(0,89,248,.08);
text-align: left;
}
.shop-proof-items-2026 svg { grid-row: 1 / span 2; color: #0059f8; }
.shop-proof-items-2026 strong { color: #101a4a; font-size: 13px; font-weight: 900; line-height: 1.2; }
.shop-proof-items-2026 em { color: #5a6680; font-size: 12px; font-style: normal; font-weight: 650; line-height: 1.2; }
.shop-copy-note-2026 {
box-sizing: border-box;
max-width: 1060px;
margin: 28px auto 0;
padding: 24px 28px;
border-radius: 24px;
background: rgba(255,255,255,.78);
border: 1px solid rgba(0,89,248,.07);
color: #4a5568;
}
.shop-copy-note-2026 p { margin: 0 0 12px !important; font-size: 15px; line-height: 1.68; }
.shop-copy-note-2026 p:last-child { margin-bottom: 0 !important; }
.shop-category-tiles .front-cat {
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 74px;
padding: 14px !important;
color: #26344f;
font-size: 13px;
font-weight: 850;
line-height: 1.2;
text-decoration: none;
}
.shop-category-tiles .front-cat svg { color: #0059f8; }
@media (max-width: 1200px) {
body.woocommerce-page #header,
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 { width: calc(100vw - 44px) !important; }
.shop-commerce-bar-2026 { grid-template-columns: 1fr; }
.shop-category-rail-2026 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shop-nav-actions-2026 { justify-content: stretch; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shop-nav-actions-2026 .shop-account-link { width: 100%; }
}
@media (max-width: 900px) {
body.woocommerce-page #header {
height: auto;
min-height: 0;
padding-bottom: 12px;
}
body.woocommerce-page #header #id { height: 84px !important; }
body.woocommerce-page #telephone-nav,
body.woocommerce-page #telephone-nav2 { display: none !important; }
body.woocommerce-page #languages { top: 16px !important; right: 18px !important; }
body.woocommerce-page #feeds-nav { top: 44px !important; right: 16px !important; }
body.woocommerce-page #feeds-nav .feed a { width: 34px !important; height: 34px !important; }
body.woocommerce-page #feeds-nav .feed a img { width: 18px !important; height: 18px !important; }
body.woocommerce-page #primary-nav { margin-top: 0 !important; }
body.woocommerce-page #primary-nav .wrapper { justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
body.woocommerce-page #primary-nav-menu.dd-menu { flex-wrap: nowrap; min-width: max-content; }
.shop-hero-landing-2026 { min-height: 560px; }
.shop-hero-landing-2026::before { background: linear-gradient(180deg, rgba(247,251,255,.97) 0%, rgba(247,251,255,.78) 45%, rgba(247,251,255,.12) 100%); }
.shop-hero-landing-image { object-position: 62% center; }
.shop-hero-landing-content { width: 100%; max-width: none; min-height: 560px; padding: 38px 28px; justify-content: flex-start; }
.shop-trust-strip-2026 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shop-trust-strip-2026 div { border-left: 0; border-top: 1px solid rgba(0,89,248,.08); }
.shop-trust-strip-2026 div:nth-child(-n+2) { border-top: 0; }
.shop-proof-items-2026 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
html,
body.woocommerce-page,
body.woocommerce-page #page,
body.woocommerce-page #content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}
body.woocommerce-page #header,
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 {
box-sizing: border-box !important;
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.woocommerce-page #header { margin-bottom: 12px !important; padding-top: 8px !important; }
body.woocommerce-page #header #id img { width: 50px !important; }
body.woocommerce-page #header #id { height: 76px !important; }
body.woocommerce-page #languages { display: none !important; }
body.woocommerce-page #feeds-nav {
top: 22px !important;
right: 10px !important;
max-width: 126px !important;
overflow: hidden !important;
}
body.woocommerce-page #feeds-nav .feeds { gap: 5px !important; }
body.woocommerce-page #feeds-nav .feed a,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a {
width: 26px !important;
height: 26px !important;
}
body.woocommerce-page #feeds-nav .feed a img,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a > img {
width: 14px !important;
height: 14px !important;
}
body.woocommerce-page #primary-nav { width: 100% !important; overflow: hidden !important; }
body.woocommerce-page #primary-nav .wrapper {
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding-bottom: 0 !important;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.woocommerce-page #primary-nav .wrapper::-webkit-scrollbar { display: none; }
body.woocommerce-page #primary-nav-menu.dd-menu {
max-width: none !important;
min-width: max-content !important;
margin: 0 !important;
}
body.woocommerce-page #languages,
body.woocommerce-page #feeds-nav { position: absolute !important; }
.shop-commerce-bar-2026 {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden;
border-radius: 22px;
padding: 12px;
}
.shop-category-rail-2026,
.shop-search-landing-2026,
.shop-nav-actions-2026 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
.shop-category-rail-2026 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shop-category-rail-2026 a {
box-sizing: border-box;
min-width: 0;
min-height: 64px;
flex-direction: row;
justify-content: flex-start;
text-align: left;
font-size: 13px;
}
.shop-category-rail-2026 a span:last-child { min-width: 0; overflow-wrap: anywhere; }
.shop-category-rail-icon { width: 32px; height: 32px; flex: 0 0 32px; }
.shop-nav-actions-2026 { grid-template-columns: 1fr; }
.shop-hero-landing-2026 { margin-top: 18px; border-radius: 24px; min-height: 520px; }
.shop-hero-landing-content { min-height: 520px; padding: 30px 22px; }
.shop-hero-landing-content h1 { font-size: 34px !important; }
.shop-hero-bullets-2026 li { font-size: 13px; }
.shop-hero-actions-2026 { align-items: stretch; flex-direction: column; width: 100%; }
.shop-hero-primary,
.shop-hero-secondary { width: 100%; box-sizing: border-box; }
.shop-hero-controls-2026 { display: none; }
.shop-hero-dots-2026 { right: auto; left: 24px; bottom: 24px; }
.shop-trust-strip-2026 { grid-template-columns: 1fr; padding: 12px; border-radius: 22px; }
.shop-trust-strip-2026 div { border-top: 1px solid rgba(0,89,248,.08) !important; padding: 12px; }
.shop-trust-strip-2026 div:first-child { border-top: 0 !important; }
.shop-products-toolbar-2026 { align-items: flex-start; flex-direction: column; }
.shop-product-tabs-2026 { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shop-products-more-2026 { padding-left: 0; }
.shop-proof-band-2026 { padding: 24px 18px; border-radius: 24px; }
.shop-proof-items-2026 { grid-template-columns: 1fr; }
.shop-copy-note-2026 { padding: 20px; border-radius: 20px; }
}
/* =====================================================================
v34 — Shop landing scale polish and mobile containment
===================================================================== */
body.woocommerce-shop .shop-commerce-bar-2026 {
align-items: center;
padding: 12px;
}
body.woocommerce-shop .shop-category-rail-2026 a {
min-height: 78px;
padding: 8px 7px;
gap: 6px;
font-size: 11.5px;
}
body.woocommerce-shop .shop-category-rail-icon {
width: 31px;
height: 31px;
border-radius: 11px;
}
body.woocommerce-shop .shop-search-landing-2026,
body.woocommerce-shop .shop-nav-actions-2026 {
align-self: center;
}
body.woocommerce-shop .shop-entry-2026 ul.products,
body.woocommerce-shop #content .shop-entry-2026 ul.products {
gap: 18px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
padding: 16px !important;
border-radius: 18px;
box-shadow: 0 16px 34px -30px rgba(10,40,120,.20) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
height: 248px !important;
max-height: 248px !important;
object-fit: contain !important;
margin-bottom: 12px !important;
border-radius: 14px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
box-sizing: border-box !important;
width: calc(100% - 32px) !important;
left: 16px !important;
top: 16px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop .shop-entry-2026 ul.products li.product h2 {
min-height: 42px !important;
margin-bottom: 8px !important;
font-size: 14px !important;
line-height: 1.28 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price {
margin-bottom: 10px !important;
font-size: 15px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button {
min-height: 38px !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
border-radius: 14px !important;
}
@media (max-width: 760px) {
body.woocommerce-shop #page,
body.woocommerce-shop #content,
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026,
body.woocommerce-shop .shop-hd-shell,
body.woocommerce-shop .shop-products-stage-2026,
body.woocommerce-shop .shop-entry-2026,
body.woocommerce-shop .shop-entry-2026 .woocommerce,
body.woocommerce-shop .shop-entry-2026 ul.products {
box-sizing: border-box !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
}
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 {
width: calc(100vw - 16px) !important;
}
body.woocommerce-shop .shop-hd-shell { width: 100% !important; }
body.woocommerce-page #feeds-nav {
top: 16px !important;
right: 10px !important;
left: auto !important;
width: 82px !important;
max-width: 82px !important;
height: 58px !important;
overflow: visible !important;
}
body.woocommerce-page #feeds-nav .feeds {
display: grid !important;
grid-template-columns: repeat(2, 26px) !important;
justify-content: end !important;
gap: 5px !important;
}
body.woocommerce-page #feeds-nav .feed a,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a {
width: 26px !important;
height: 26px !important;
}
body.woocommerce-page #feeds-nav .feed a svg,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a > svg {
width: 14px !important;
height: 14px !important;
}
body.woocommerce-shop .shop-commerce-bar-2026 {
display: flex !important;
flex-direction: column;
align-items: stretch;
gap: 10px;
width: 100% !important;
max-width: 100% !important;
padding: 12px;
overflow: hidden !important;
}
body.woocommerce-shop .shop-category-rail-2026 {
display: flex !important;
grid-template-columns: none !important;
gap: 8px;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 2px 1px 4px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.woocommerce-shop .shop-category-rail-2026::-webkit-scrollbar { display: none; }
body.woocommerce-shop .shop-category-rail-2026 a {
flex: 0 0 154px;
width: 154px !important;
min-height: 56px;
padding: 10px;
font-size: 13px;
white-space: normal;
}
body.woocommerce-shop .shop-search-landing-2026,
body.woocommerce-shop .shop-nav-actions-2026 { align-self: stretch; }
body.woocommerce-shop .shop-nav-actions-2026 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-shop .shop-nav-actions-2026 .shop-account-link {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 52px;
padding: 0 8px !important;
gap: 5px;
font-size: 12px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.woocommerce-shop .shop-nav-actions-2026 .shop-account-link svg {
width: 15px !important;
height: 15px !important;
flex: 0 0 15px;
}
body.woocommerce-shop .shop-hero-landing-2026 {
min-height: 490px;
margin-top: 14px;
}
body.woocommerce-shop .shop-hero-landing-content {
min-height: 490px;
padding: 28px 18px;
}
body.woocommerce-shop .shop-hero-landing-content h1 {
font-size: 31px !important;
line-height: 1.1 !important;
}
body.woocommerce-shop .shop-entry-2026 .woocommerce {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products,
body.woocommerce-shop #content .shop-entry-2026 ul.products {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
height: 220px !important;
max-height: 220px !important;
}
}
/* =====================================================================
v35 — Mobile shop header tightening
===================================================================== */
@media (max-width: 760px) {
body.woocommerce-shop #content {
margin-top: -78px !important;
}
body.woocommerce-shop #content > .hd.shop-hd-2026 {
margin-bottom: 18px !important;
}
body.woocommerce-page #feeds-nav {
z-index: 5400 !important;
pointer-events: auto;
}
body.woocommerce-page #feeds-nav .feeds {
grid-template-columns: repeat(2, 25px) !important;
gap: 5px !important;
}
body.woocommerce-page #feeds-nav .feed,
body.woocommerce-page #feeds-nav ul.feeds li.feed {
display: inline-flex !important;
opacity: 1 !important;
visibility: visible !important;
}
body.woocommerce-page #feeds-nav .feed a,
body.woocommerce-page #feeds-nav ul.feeds li.feed > a {
width: 25px !important;
height: 25px !important;
box-shadow: 0 8px 18px -10px rgba(10,40,120,.54), inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
body.woocommerce-shop .shop-nav-actions-2026 .shop-account-link {
justify-content: center;
font-size: 11.5px !important;
letter-spacing: 0 !important;
}
}
/* =====================================================================
v36 — Narrow phone visual canvas
===================================================================== */
@media (max-width: 520px) {
body.woocommerce-page #header,
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 {
width: min(390px, 100vw) !important;
max-width: min(390px, 100vw) !important;
margin-left: 0 !important;
margin-right: auto !important;
}
body.woocommerce-shop #content,
body.woocommerce-shop .shop-hd-shell,
body.woocommerce-shop .shop-products-stage-2026,
body.woocommerce-shop .shop-entry-2026,
body.woocommerce-shop .shop-entry-2026 .woocommerce {
width: min(390px, 100vw) !important;
max-width: min(390px, 100vw) !important;
}
body.woocommerce-shop .shop-commerce-bar-2026,
body.woocommerce-shop .shop-hero-landing-2026,
body.woocommerce-shop .shop-trust-strip-2026,
body.woocommerce-shop .shop-products-toolbar-2026,
body.woocommerce-shop .shop-entry-2026 ul.products,
body.woocommerce-shop .shop-proof-band-2026,
body.woocommerce-shop .shop-copy-note-2026 {
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-page #feeds-nav {
right: 10px !important;
left: auto !important;
}
body.woocommerce-shop .shop-nav-actions-2026 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: stretch !important;
}
}
/* =====================================================================
v37 — Real shop menu, calmer actions and catalog polish
===================================================================== */
.shop-hero-controls-2026 { display: none !important; }
@media (min-width: 761px) {
body.woocommerce-shop .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, 1fr) minmax(320px, 410px) auto;
align-items: center;
overflow: visible;
padding: 12px;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
overflow: visible;
}
.shop-mega-item-2026 {
position: relative;
min-width: 0;
}
body.woocommerce-shop .shop-category-rail-2026 .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026 button.shop-mega-link-2026 {
box-sizing: border-box;
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 68px;
padding: 10px 12px;
border-radius: 18px;
background: linear-gradient(180deg, #fff, #f7fbff);
border: 1px solid rgba(0,89,248,.08);
box-shadow: 0 12px 24px -22px rgba(10,40,120,.28);
color: #26344f;
font: inherit;
font-size: 12.5px;
font-weight: 900;
line-height: 1.14;
letter-spacing: 0;
text-align: center;
text-decoration: none;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: transform .26s var(--ease), box-shadow .26s var(--ease), border-color .26s var(--ease), color .26s var(--ease), background .26s var(--ease);
}
.shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::after {
content: "";
width: 6px;
height: 6px;
margin-left: 1px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-2px) rotate(45deg);
opacity: .58;
transition: transform .24s var(--ease), opacity .24s var(--ease);
}
.shop-mega-item-2026:hover > .shop-mega-link-2026,
.shop-mega-item-2026:focus-within > .shop-mega-link-2026 {
transform: translateY(-2px);
border-color: rgba(0,89,248,.22);
box-shadow: 0 20px 38px -28px rgba(0,89,248,.42);
color: #0059f8;
}
.shop-mega-item-2026:hover > .shop-mega-link-2026 .shop-category-rail-icon,
.shop-mega-item-2026:focus-within > .shop-mega-link-2026 .shop-category-rail-icon {
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff;
}
.shop-mega-item-2026:hover > .shop-mega-link-2026::after,
.shop-mega-item-2026:focus-within > .shop-mega-link-2026::after { transform: translateY(1px) rotate(225deg); opacity: 1; }
.shop-mega-panel-2026 {
box-sizing: border-box;
position: absolute;
left: 0;
top: calc(100% + 12px);
z-index: 7000;
display: grid;
grid-template-columns: repeat(3, minmax(170px, 1fr));
gap: 14px;
width: min(760px, calc(100vw - 80px));
padding: 18px;
border-radius: 24px;
background: rgba(255,255,255,.97);
border: 1px solid rgba(255,255,255,.98);
box-shadow: 0 34px 80px -44px rgba(10,40,120,.34), inset 0 1px 0 rgba(255,255,255,.9);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(10px) scale(.985);
transform-origin: top left;
transition: opacity .22s ease, visibility .22s ease, transform .24s var(--ease);
}
.shop-mega-item-2026:nth-child(3) .shop-mega-panel-2026,
.shop-mega-item-2026--more .shop-mega-panel-2026 {
left: auto;
right: 0;
transform-origin: top right;
}
.shop-mega-item-2026:hover .shop-mega-panel-2026,
.shop-mega-item-2026:focus-within .shop-mega-panel-2026 {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0) scale(1);
}
.shop-mega-column-2026 {
min-width: 0;
padding: 12px;
border-radius: 18px;
background: linear-gradient(180deg, rgba(247,251,255,.9), rgba(255,255,255,.92));
border: 1px solid rgba(0,89,248,.07);
}
.shop-mega-heading-2026 {
display: inline-flex;
margin-bottom: 9px;
color: #101a4a;
font-size: 13px;
font-weight: 950;
line-height: 1.2;
text-decoration: none;
}
.shop-mega-heading-2026:hover { color: #0059f8; }
.shop-mega-links-2026 {
display: grid;
gap: 3px;
}
.shop-mega-links-2026 a,
.shop-mega-quick-2026 {
display: flex !important;
align-items: center;
justify-content: flex-start;
min-height: 32px;
padding: 7px 9px !important;
border-radius: 11px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #4a5568 !important;
font-size: 12.5px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
text-align: left !important;
text-decoration: none !important;
transition: background .2s ease, color .2s ease, transform .2s var(--ease);
}
.shop-mega-links-2026 a:hover,
.shop-mega-quick-2026:hover {
background: rgba(0,89,248,.07) !important;
color: #0059f8 !important;
transform: translateX(2px);
}
.shop-mega-panel-2026--compact {
grid-template-columns: 1fr;
width: 270px;
padding: 12px;
}
.shop-mega-panel-2026--compact .shop-mega-quick-2026 {
gap: 10px;
min-height: 48px;
padding: 8px 10px !important;
font-size: 13px !important;
}
body.woocommerce-shop .shop-icon-actions-2026 {
display: grid !important;
grid-template-columns: repeat(2, 46px);
gap: 8px;
align-self: center;
justify-content: end;
width: auto !important;
}
.shop-icon-action-2026 {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 46px !important;
height: 46px !important;
min-width: 46px !important;
min-height: 46px !important;
padding: 0 !important;
border-radius: 16px !important;
background: #f8fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.28) !important;
color: #0059f8 !important;
font-size: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
transition: transform .24s var(--ease), box-shadow .24s var(--ease), background .24s var(--ease), color .24s var(--ease);
}
.shop-icon-action-2026:hover { transform: translateY(-2px); background: #fff !important; box-shadow: 0 18px 32px -24px rgba(0,89,248,.44) !important; }
.shop-icon-action-2026--cart {
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 30px -18px rgba(250,48,118,.68) !important;
}
.shop-icon-action-2026 > span {
position: absolute;
left: 50%;
top: calc(100% + 9px);
z-index: 2;
padding: 6px 9px;
border-radius: 999px;
background: #101a4a;
color: #fff;
font-size: 11px;
font-weight: 850;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transform: translate(-50%, -4px);
transition: opacity .18s ease, transform .18s ease;
}
.shop-icon-action-2026:hover > span,
.shop-icon-action-2026:focus-visible > span { opacity: 1; transform: translate(-50%, 0); }
.shop-icon-action-2026 em {
position: absolute;
top: -6px;
right: -6px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 999px;
background: #fff;
color: #fa3076;
font-size: 10px;
font-style: normal;
font-weight: 950;
box-shadow: 0 8px 18px -10px rgba(250,48,118,.7);
}
}
.shop-products-toolbar-copy-2026 { display: grid; gap: 8px; }
.shop-products-eyebrow-2026 {
display: inline-flex;
color: #0059f8;
font-size: 11px;
font-weight: 950;
line-height: 1;
letter-spacing: .02em;
text-transform: uppercase;
}
.shop-featured-printers-2026 {
box-sizing: border-box;
margin: 0 0 28px;
padding: 22px;
border-radius: 28px;
background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,247,255,.88));
border: 1px solid rgba(255,255,255,.96);
box-shadow: 0 22px 58px -42px rgba(10,40,120,.28);
}
.shop-featured-head-2026 {
display: flex;
align-items: end;
justify-content: space-between;
gap: 18px;
margin-bottom: 18px;
}
.shop-featured-head-2026 span,
.shop-catalog-heading-2026 span {
display: block;
margin-bottom: 6px;
color: #0059f8;
font-size: 11px;
font-weight: 950;
line-height: 1;
letter-spacing: .02em;
text-transform: uppercase;
}
.shop-featured-head-2026 h2,
.shop-catalog-heading-2026 h2 {
margin: 0 !important;
color: #101a4a !important;
font-size: 26px !important;
font-weight: 950 !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
}
.shop-featured-head-2026 > a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #26344f;
font-size: 13px;
font-weight: 900;
text-decoration: none;
}
.shop-featured-head-2026 > a:hover { color: #0059f8; }
.shop-featured-grid-2026 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.shop-featured-card-2026 {
display: grid;
grid-template-rows: auto 1fr;
min-width: 0;
border-radius: 20px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(0,89,248,.07);
box-shadow: 0 16px 34px -30px rgba(10,40,120,.24);
overflow: hidden;
transition: transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
}
.shop-featured-card-2026:hover { transform: translateY(-4px); border-color: rgba(0,89,248,.18); box-shadow: 0 24px 48px -34px rgba(0,89,248,.34); }
.shop-featured-image-2026 {
display: flex;
align-items: center;
justify-content: center;
height: 190px;
padding: 16px;
background: linear-gradient(180deg, #f7fbff, #fff);
}
.shop-featured-image-2026 img {
display: block;
width: 100%;
height: 100% !important;
object-fit: contain;
margin: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.shop-featured-body-2026 {
display: grid;
gap: 8px;
padding: 14px;
}
.shop-featured-title-2026 {
display: block;
min-height: 38px;
color: #101a4a;
font-size: 13.5px;
font-weight: 900;
line-height: 1.28;
text-decoration: none;
}
.shop-featured-title-2026:hover { color: #0059f8; }
.shop-featured-type-2026 { color: #7c8ba8; font-size: 11px; font-weight: 800; }
.shop-featured-bottom-2026 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.shop-featured-price-2026 { color: #0059f8; font-size: 14px; font-weight: 950; line-height: 1.2; }
.shop-featured-price-2026 del { color: #9aa7bd; font-size: 12px; font-weight: 750; }
.shop-featured-button-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 14px;
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff;
box-shadow: 0 14px 26px -16px rgba(0,89,248,.52);
text-decoration: none;
flex: 0 0 40px;
}
.shop-catalog-heading-2026 {
display: flex;
align-items: end;
justify-content: space-between;
gap: 16px;
margin: 0 0 18px;
padding-top: 2px;
}
body.woocommerce-page nav.woocommerce-pagination {
margin: 32px auto 0 !important;
text-align: center;
clear: both;
}
body.woocommerce-page nav.woocommerce-pagination ul.page-numbers,
body.woocommerce-page .woocommerce-pagination ul.page-numbers {
display: inline-flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
margin: 0 !important;
padding: 8px !important;
border: 1px solid rgba(255,255,255,.94) !important;
border-radius: 999px;
background: rgba(255,255,255,.86);
box-shadow: 0 18px 42px -34px rgba(10,40,120,.26);
list-style: none !important;
}
body.woocommerce-page nav.woocommerce-pagination ul.page-numbers li,
body.woocommerce-page .woocommerce-pagination ul.page-numbers li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
float: none !important;
list-style: none !important;
}
body.woocommerce-page nav.woocommerce-pagination .page-numbers a,
body.woocommerce-page nav.woocommerce-pagination .page-numbers span,
body.woocommerce-page .woocommerce-pagination .page-numbers a,
body.woocommerce-page .woocommerce-pagination .page-numbers span {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 11px;
border-radius: 999px;
border: 0 !important;
background: transparent !important;
color: #26344f !important;
font-size: 13px;
font-weight: 900;
line-height: 1;
text-decoration: none !important;
box-shadow: none !important;
}
body.woocommerce-page nav.woocommerce-pagination .page-numbers a:hover,
body.woocommerce-page nav.woocommerce-pagination .page-numbers span.current,
body.woocommerce-page .woocommerce-pagination .page-numbers a:hover,
body.woocommerce-page .woocommerce-pagination .page-numbers span.current {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
color: #fff !important;
box-shadow: 0 12px 24px -16px rgba(0,89,248,.56) !important;
}
/* =====================================================================
v41 — Hero slider readability and overflow correction
===================================================================== */
body.woocommerce-shop { overflow-x: hidden; }
body.woocommerce-shop .shop-hero-landing-2026::before { display: none; }
body.woocommerce-shop .shop-hero-slide-2026 {
overflow: hidden;
z-index: 1;
}
body.woocommerce-shop .shop-hero-slide-2026.is-active { z-index: 2; }
body.woocommerce-shop .shop-hero-slide-2026::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(247,251,255,.98) 0%, rgba(247,251,255,.90) 30%, rgba(247,251,255,.48) 50%, rgba(247,251,255,.06) 74%),
radial-gradient(560px 360px at 17% 18%, rgba(0,89,248,.14), transparent 66%);
pointer-events: none;
}
body.woocommerce-shop .shop-hero-slide-2026 .shop-hero-landing-image { z-index: 0; }
body.woocommerce-shop .shop-hero-slide-2026 .shop-hero-landing-content {
z-index: 2;
height: 560px;
min-height: 560px;
overflow: hidden;
}
body.woocommerce-shop .shop-hero-landing-content h1 {
width: min(640px, 100%) !important;
min-height: 176px;
font-size: 50px !important;
line-height: 1.06 !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
text-fill-color: #101a4a !important;
text-shadow: 0 1px 0 rgba(255,255,255,.72);
}
body.woocommerce-shop .shop-hero-bullets-2026 { min-height: 106px; }
body.woocommerce-shop .shop-hero-controls-2026,
body.woocommerce-shop .shop-hero-dots-2026 { z-index: 5; }
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 > span:last-child {
display: block;
min-width: 0;
overflow: visible;
white-space: normal;
}
@media (min-width: 761px) {
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button {
box-sizing: border-box !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
line-height: 1 !important;
overflow: visible !important;
}
}
/* =====================================================================
v42 — Desktop shop cleanup
===================================================================== */
.bd .entry-content .shop-hero-bullets-2026 li::before,
.bd .entry-content .shop-product-tabs-2026 li::before,
.bd .entry-content ul.products li.product::before,
.bd .entry-content nav.woocommerce-pagination ul li::before,
.bd .entry-content .woocommerce-pagination ul li::before {
display: none !important;
content: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product,
body.woocommerce-page nav.woocommerce-pagination ul.page-numbers li,
body.woocommerce-page .woocommerce-pagination ul.page-numbers li {
padding-left: 0 !important;
list-style: none !important;
}
body.woocommerce-shop .shop-search-landing-2026 .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
padding: 0 48px 0 60px !important;
}
@media (min-width: 761px) {
body.woocommerce-shop .shop-commerce-bar-2026 {
grid-template-columns: minmax(720px, 820px) minmax(280px, 1fr) auto;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
grid-template-columns: repeat(4, minmax(178px, 1fr));
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
padding: 0 13px !important;
font-size: 12.8px !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 > span:last-child {
flex: 1 1 auto;
font-size: inherit !important;
line-height: 1.16 !important;
min-width: 0;
overflow: visible;
white-space: normal;
}
body.woocommerce-shop .shop-featured-title-2026,
body.woocommerce-shop .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop .shop-entry-2026 ul.products li.product h2 {
letter-spacing: 0 !important;
}
}
body.woocommerce-shop .shop-assurance-2026 { gap: 18px; margin-top: 34px; }
body.woocommerce-shop .shop-assurance-card {
padding: 24px;
border-radius: 26px;
background:
linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,250,255,.9)),
radial-gradient(380px 180px at 100% 0%, rgba(0,190,246,.14), transparent 68%);
border-color: rgba(255,255,255,.96);
box-shadow: 0 20px 52px -40px rgba(10,40,120,.25);
}
@media (max-width: 760px) {
.shop-mega-nav-2026 { display: flex !important; }
.shop-mega-item-2026 { flex: 0 0 154px; }
.shop-mega-panel-2026 { display: none !important; }
.shop-featured-grid-2026 { grid-template-columns: 1fr; }
.shop-featured-head-2026 { align-items: flex-start; flex-direction: column; }
}
/* =====================================================================
v38 — Mega menu sizing correction
===================================================================== */
@media (min-width: 761px) {
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
align-items: center;
align-self: center;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 {
align-self: center;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
flex-direction: row !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 {
max-height: min(520px, calc(100vh - 360px));
overflow: auto;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 a,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-quick-2026 {
box-sizing: border-box !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex-direction: row !important;
justify-content: flex-start !important;
text-align: left !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a {
min-height: 30px !important;
padding: 7px 9px !important;
border-radius: 11px !important;
font-size: 12.5px !important;
line-height: 1.2 !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026--compact .shop-mega-quick-2026 {
min-height: 48px !important;
padding: 8px 10px !important;
}
}
/* =====================================================================
v39 — Desktop catalog card balance
===================================================================== */
@media (min-width: 761px) {
body.woocommerce-shop .shop-catalog-heading-2026 {
display: grid;
justify-content: start;
align-items: start;
gap: 6px;
margin: 2px 0 18px;
padding-top: 0;
}
body.woocommerce-shop .shop-catalog-heading-2026 span { margin: 0; }
body.woocommerce-shop .shop-catalog-heading-2026 h2 {
font-size: 28px !important;
line-height: 1.14 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
padding: 15px !important;
border-radius: 20px !important;
box-shadow: 0 14px 32px -30px rgba(10,40,120,.20) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
height: 238px !important;
max-height: 238px !important;
margin-bottom: 12px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop .shop-entry-2026 ul.products li.product h2 {
min-height: 40px !important;
font-size: 13.8px !important;
line-height: 1.3 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price {
display: flex !important;
align-items: baseline;
flex-wrap: wrap;
gap: 5px 7px;
min-height: 26px;
margin: 0 0 8px !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price .amount,
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price bdi {
font-size: 16px !important;
line-height: 1.15 !important;
font-weight: 950 !important;
color: #0059f8 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price del {
display: inline-flex !important;
align-items: baseline;
margin: 0 !important;
color: #98a5bb !important;
font-size: 13px !important;
line-height: 1.15 !important;
font-weight: 750 !important;
opacity: 1 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price del .amount,
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price del bdi {
font-size: 13px !important;
font-weight: 750 !important;
color: #98a5bb !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price ins {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
text-decoration: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button {
align-self: flex-end !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: auto 0 0 !important;
padding: 0 !important;
border-radius: 14px !important;
font-size: 0 !important;
overflow: hidden !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::before,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
}
/* =====================================================================
v40 — Shop landing interaction and card polish
===================================================================== */
@media (min-width: 761px) {
body.woocommerce-shop .shop-commerce-bar-2026 {
grid-template-columns: minmax(612px, 680px) minmax(340px, 430px) auto;
justify-content: space-between;
gap: 14px;
padding: 13px;
border-radius: 22px;
z-index: 50;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
grid-template-columns: repeat(4, minmax(138px, 1fr));
gap: 9px;
width: 100%;
}
body.woocommerce-shop .shop-mega-item-2026 { position: relative; min-width: 0; }
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 9px !important;
width: 100% !important;
padding: 0 12px !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.09) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.24) !important;
color: #26344f !important;
font-size: 12.4px !important;
font-weight: 900 !important;
line-height: 1.14 !important;
text-align: left !important;
text-decoration: none !important;
appearance: none;
cursor: pointer;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
transform: translateY(-2px) !important;
border-color: rgba(0,89,248,.22) !important;
color: #0059f8 !important;
box-shadow: 0 18px 34px -25px rgba(0,89,248,.44) !important;
}
body.woocommerce-shop .shop-category-rail-icon {
width: 32px;
height: 32px;
border-radius: 12px;
flex: 0 0 32px;
}
body.woocommerce-shop .shop-mega-panel-2026 {
top: calc(100% + 13px) !important;
left: 0 !important;
width: min(760px, calc(100vw - 80px)) !important;
padding: 18px !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
border-radius: 24px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: 0 28px 70px -42px rgba(10,40,120,.34), 0 2px 0 rgba(255,255,255,.9) inset !important;
z-index: 80 !important;
}
body.woocommerce-shop .shop-mega-panel-2026::before {
content: "";
position: absolute;
left: 26px;
top: -7px;
width: 14px;
height: 14px;
background: #fff;
border-left: 1px solid rgba(0,89,248,.10);
border-top: 1px solid rgba(0,89,248,.10);
transform: rotate(45deg);
}
body.woocommerce-shop .shop-mega-column-2026 {
box-sizing: border-box;
padding: 13px;
border-radius: 18px;
background: #f8fbff;
border: 1px solid rgba(0,89,248,.07);
}
body.woocommerce-shop .shop-mega-heading-2026 {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 28px !important;
padding: 0 0 9px !important;
border-bottom: 1px solid rgba(0,89,248,.09) !important;
color: #101a4a !important;
font-size: 13px !important;
font-weight: 950 !important;
line-height: 1.2 !important;
text-decoration: none !important;
}
body.woocommerce-shop .shop-mega-heading-2026::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 999px;
background: linear-gradient(135deg, #0059f8, #00bef6);
box-shadow: 0 0 0 4px rgba(0,89,248,.08);
flex: 0 0 8px;
}
body.woocommerce-shop .shop-mega-links-2026 {
display: grid;
gap: 3px;
padding-top: 9px;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #4a5568 !important;
font-weight: 760 !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a:hover {
background: #fff !important;
color: #0059f8 !important;
transform: none !important;
}
body.woocommerce-shop .shop-mega-panel-2026--compact {
width: 286px !important;
grid-template-columns: 1fr !important;
}
body.woocommerce-shop .shop-mega-panel-2026--compact .shop-mega-quick-2026 {
border-radius: 15px !important;
background: #f8fbff !important;
border: 1px solid rgba(0,89,248,.07) !important;
box-shadow: none !important;
color: #26344f !important;
font-size: 13px !important;
font-weight: 900 !important;
}
.shop-hero-landing-2026 {
min-height: 560px;
z-index: 1;
box-shadow: 0 22px 54px -42px rgba(10,40,120,.28);
}
.shop-hero-slides-2026,
.shop-hero-slide-2026 {
position: absolute;
inset: 0;
}
.shop-hero-slide-2026 {
opacity: 0;
pointer-events: none;
transition: opacity .58s ease, transform .58s ease;
transform: translate3d(10px, 0, 0);
}
.shop-hero-slide-2026.is-active {
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
.shop-hero-landing-content {
width: min(660px, 51%);
max-width: 660px;
min-height: 560px;
padding: 52px 0 52px 62px;
}
.shop-hero-landing-content h1 {
width: 640px !important;
min-height: 182px;
font-size: 53px !important;
line-height: 1.06 !important;
}
.shop-hero-bullets-2026 {
gap: 9px;
min-height: 118px;
margin-top: 21px !important;
}
.shop-hero-bullets-2026 li {
gap: 11px;
font-size: 14.2px;
font-weight: 790;
}
.shop-hero-bullets-2026 li > svg {
box-sizing: content-box;
width: 16px;
height: 16px;
padding: 7px;
border-radius: 999px;
background: rgba(0,89,248,.09);
color: #0059f8;
flex: 0 0 16px;
}
.shop-hero-stats-2026 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 18px;
}
.shop-hero-stats-2026 span {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 11px;
border-radius: 999px;
background: rgba(255,255,255,.72);
border: 1px solid rgba(0,89,248,.08);
color: #31405f;
font-size: 12px;
font-weight: 850;
line-height: 1;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.20);
}
.shop-hero-actions-2026 { margin-top: 24px; gap: 18px; }
.shop-hero-secondary {
min-height: 42px;
padding: 0 0 3px;
border-radius: 0;
background: transparent !important;
border-bottom: 2px solid rgba(0,89,248,.22);
box-shadow: none;
color: #101a4a;
}
.shop-hero-secondary:hover {
background: transparent !important;
border-color: #0059f8;
color: #0059f8;
transform: translateY(-1px);
}
.shop-hero-controls-2026 {
top: auto;
right: 34px;
bottom: 30px;
transform: none;
}
.shop-hero-arrow {
width: 42px;
height: 42px;
border: 1px solid rgba(255,255,255,.92);
background: rgba(255,255,255,.84);
box-shadow: 0 18px 32px -22px rgba(10,40,120,.32);
color: #101a4a;
font-size: 26px;
cursor: pointer;
transition: transform .24s var(--ease), color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease);
}
.shop-hero-arrow:hover {
background: #fff;
color: #0059f8;
transform: translateY(-2px);
box-shadow: 0 22px 36px -24px rgba(0,89,248,.42);
}
.shop-hero-dots-2026 {
right: 132px;
bottom: 43px;
z-index: 4;
}
.shop-hero-dots-2026 button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(16,26,74,.28);
box-shadow: 0 0 0 1px rgba(255,255,255,.6);
cursor: pointer;
transition: width .24s var(--ease), background .24s var(--ease), transform .24s var(--ease);
}
.shop-hero-dots-2026 button.is-active {
width: 24px;
background: #0059f8;
}
.shop-hero-dots-2026 button:hover { transform: translateY(-1px); background: #0059f8; }
.shop-trust-strip-2026 {
position: relative;
z-index: 6;
margin-top: 18px;
background: #fff;
box-shadow: 0 18px 48px -38px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.9);
}
}
.shop-product-tabs-2026 button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 15px;
border-radius: 999px;
font-size: 13px;
font-weight: 850;
line-height: 1;
letter-spacing: 0;
text-decoration: none;
color: #26344f;
background: rgba(255,255,255,.74);
border: 1px solid rgba(0,89,248,.08);
cursor: pointer;
transition: transform .24s var(--ease), color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease);
}
.shop-product-tabs-2026 button.is-active,
.shop-product-tabs-2026 button:hover {
background: linear-gradient(135deg, #0059f8, #00bef6);
border-color: transparent;
color: #fff;
box-shadow: 0 14px 28px -18px rgba(0,89,248,.55);
transform: translateY(-1px);
}
.shop-products-panel-2026 { display: none; }
.shop-products-panel-2026.is-active { display: block; animation: shopProductsFade .26s ease both; }
@keyframes shopProductsFade {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
.shop-featured-printers-2026.shop-collections-2026 {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.shop-collections-2026 .shop-featured-head-2026 {
margin: 0 0 18px;
padding: 0 2px;
}
.shop-featured-card-2026 {
background: #fff;
border-color: rgba(0,89,248,.08);
box-shadow: 0 18px 42px -34px rgba(10,40,120,.22);
}
.shop-featured-card-2026:hover {
box-shadow: 0 26px 54px -36px rgba(0,89,248,.34);
}
.shop-featured-image-2026 {
height: 198px;
background: #fff;
border-bottom: 1px solid rgba(0,89,248,.08);
}
.shop-featured-image-2026 img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
box-shadow: none !important;
filter: none !important;
}
.shop-featured-button-2026 {
width: auto;
min-width: 92px;
padding: 0 13px;
gap: 7px;
box-shadow: 0 16px 30px -16px rgba(0,89,248,.58), 0 0 0 4px rgba(0,89,248,.08);
transition: transform .24s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease);
}
.shop-featured-button-2026::after {
content: "Купить";
font-size: 12px;
font-weight: 950;
line-height: 1;
}
.shop-featured-button-2026:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 20px 36px -18px rgba(0,89,248,.68), 0 0 0 6px rgba(0,190,246,.12);
filter: saturate(1.08);
}
@media (min-width: 761px) {
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
background: #fff !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 18px 42px -34px rgba(10,40,120,.22) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover {
border-color: rgba(0,89,248,.18) !important;
box-shadow: 0 26px 54px -36px rgba(0,89,248,.32) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
background: #fff !important;
border-bottom: 1px solid rgba(0,89,248,.08) !important;
padding-bottom: 12px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 94px !important;
height: 42px !important;
min-height: 42px !important;
padding: 0 13px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
color: #fff !important;
box-shadow: 0 16px 30px -16px rgba(0,89,248,.58), 0 0 0 4px rgba(0,89,248,.08) !important;
transition: transform .24s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::before,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button::before {
flex: 0 0 17px;
width: 17px;
height: 17px;
background: #fff;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::after,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button::after {
content: "Купить";
display: inline-flex;
color: #fff;
font-size: 12px;
font-weight: 950;
line-height: 1;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button:hover,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button:hover {
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 20px 36px -18px rgba(0,89,248,.68), 0 0 0 6px rgba(0,190,246,.12) !important;
filter: saturate(1.08);
}
}
body.woocommerce-page nav.woocommerce-pagination ul.page-numbers,
body.woocommerce-page .woocommerce-pagination ul.page-numbers {
gap: 9px;
padding: 0 !important;
border: 0 !important;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body.woocommerce-page nav.woocommerce-pagination .page-numbers a,
body.woocommerce-page nav.woocommerce-pagination .page-numbers span,
body.woocommerce-page .woocommerce-pagination .page-numbers a,
body.woocommerce-page .woocommerce-pagination .page-numbers span {
min-width: 42px;
height: 42px;
padding: 0 13px;
border-radius: 14px;
background: #fff !important;
border: 1px solid rgba(0,89,248,.09) !important;
box-shadow: 0 14px 30px -26px rgba(10,40,120,.24) !important;
color: #26344f !important;
}
body.woocommerce-page nav.woocommerce-pagination .page-numbers a.prev,
body.woocommerce-page nav.woocommerce-pagination .page-numbers a.next,
body.woocommerce-page .woocommerce-pagination .page-numbers a.prev,
body.woocommerce-page .woocommerce-pagination .page-numbers a.next {
min-width: 86px;
}
body.woocommerce-page nav.woocommerce-pagination .page-numbers a:hover,
body.woocommerce-page nav.woocommerce-pagination .page-numbers span.current,
body.woocommerce-page .woocommerce-pagination .page-numbers a:hover,
body.woocommerce-page .woocommerce-pagination .page-numbers span.current {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.56) !important;
transform: translateY(-1px);
}
/* =====================================================================
v43 — Final shop cascade overrides
===================================================================== */
.bd .entry-content .shop-hero-bullets-2026 li::before,
.bd .entry-content ul.products li.product::before,
.bd .entry-content nav.woocommerce-pagination ul li::before,
.bd .entry-content .woocommerce-pagination ul li::before {
display: none !important;
content: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product,
body.woocommerce-page nav.woocommerce-pagination ul.page-numbers li,
body.woocommerce-page .woocommerce-pagination ul.page-numbers li {
padding-left: 0 !important;
list-style: none !important;
}
body.woocommerce-shop .shop-search-landing-2026 .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
padding: 0 48px 0 60px !important;
}
@media (min-width: 761px) {
body.woocommerce-shop .shop-commerce-bar-2026 {
grid-template-columns: minmax(740px, 850px) minmax(270px, 1fr) auto !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
grid-template-columns: repeat(4, minmax(185px, 1fr)) !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
font-size: 12.1px !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 > span:last-child {
flex: 1 1 auto;
font-size: inherit !important;
line-height: 1.16 !important;
min-width: 0;
white-space: normal;
}
}
/* =====================================================================
v44 — Lighter Woo header, shop rail and hero
===================================================================== */
body.woocommerce-page #telephone-nav,
body.woocommerce-page #telephone-nav2 {
font-size: 11.5px !important;
line-height: 1.58 !important;
font-weight: 400 !important;
color: rgba(16,26,74,.72) !important;
letter-spacing: 0 !important;
text-shadow: none !important;
}
body.woocommerce-page #telephone-nav {
left: 68px !important;
}
body.woocommerce-page #telephone-nav2 {
left: 212px !important;
padding-left: 34px !important;
}
@media (min-width: 761px) {
body.woocommerce-shop .shop-commerce-bar-2026 {
grid-template-columns: minmax(680px, 800px) minmax(330px, 1fr) 104px !important;
gap: 12px !important;
align-items: center !important;
padding: 10px 12px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.86) !important;
border: 1px solid rgba(255,255,255,.92) !important;
box-shadow: 0 14px 36px -30px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.9) !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 {
grid-template-columns: repeat(4, minmax(158px, 1fr)) !important;
gap: 7px !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026 {
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
gap: 8px !important;
padding: 0 11px !important;
border-radius: 15px !important;
background: rgba(255,255,255,.52) !important;
border: 1px solid rgba(0,89,248,.045) !important;
box-shadow: none !important;
color: rgba(16,26,74,.78) !important;
font-size: 12px !important;
font-weight: 760 !important;
line-height: 1.12 !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background: #fff !important;
border-color: rgba(0,89,248,.12) !important;
box-shadow: 0 12px 26px -22px rgba(0,89,248,.30) !important;
color: #0059f8 !important;
transform: translateY(-1px) !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 > span:last-child {
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1.12 !important;
white-space: normal !important;
}
body.woocommerce-shop .shop-category-rail-icon {
width: 27px !important;
height: 27px !important;
flex: 0 0 27px !important;
border-radius: 10px !important;
background: rgba(0,89,248,.065) !important;
color: #0059f8 !important;
}
body.woocommerce-shop .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::after {
width: 5px !important;
height: 5px !important;
border-width: 1.5px !important;
opacity: .42 !important;
}
body.woocommerce-shop .shop-icon-actions-2026 {
grid-template-columns: repeat(2, 44px) !important;
gap: 9px !important;
justify-content: end !important;
align-items: center !important;
}
body.woocommerce-shop .shop-icon-action-2026 {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.86) !important;
border: 1px solid rgba(0,89,248,.07) !important;
box-shadow: 0 12px 26px -22px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
color: #1a55d9 !important;
}
body.woocommerce-shop .shop-icon-action-2026--cart {
background: #fff !important;
border-color: rgba(0,89,248,.08) !important;
color: #0059f8 !important;
box-shadow: 0 12px 26px -22px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.woocommerce-shop .shop-icon-action-2026:hover,
body.woocommerce-shop .shop-icon-action-2026--cart:hover {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.48) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-shop .shop-icon-action-2026 em {
top: -4px !important;
right: -4px !important;
min-width: 17px !important;
height: 17px !important;
background: #1f6dff !important;
color: #fff !important;
border: 2px solid #fff;
box-shadow: 0 8px 16px -9px rgba(0,89,248,.65) !important;
}
body.woocommerce-shop .shop-mega-panel-2026 {
top: calc(100% + 10px) !important;
width: min(720px, calc(100vw - 80px)) !important;
padding: 14px !important;
gap: 10px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(0,89,248,.075) !important;
box-shadow: 0 24px 58px -42px rgba(10,40,120,.30) !important;
}
body.woocommerce-shop .shop-mega-panel-2026::before { display: none !important; }
body.woocommerce-shop .shop-mega-column-2026 {
padding: 11px !important;
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.045) !important;
}
body.woocommerce-shop .shop-mega-heading-2026 {
min-height: 24px !important;
padding: 0 0 7px !important;
border-bottom: 1px solid rgba(0,89,248,.065) !important;
font-size: 12.6px !important;
font-weight: 820 !important;
}
body.woocommerce-shop .shop-mega-heading-2026::before { display: none !important; }
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a,
body.woocommerce-shop .shop-mega-panel-2026--compact .shop-mega-quick-2026 {
min-height: 28px !important;
padding: 6px 8px !important;
border-radius: 10px !important;
color: rgba(74,85,104,.84) !important;
font-size: 12.2px !important;
font-weight: 620 !important;
}
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-links-2026 a:hover,
body.woocommerce-shop .shop-mega-panel-2026--compact .shop-mega-quick-2026:hover {
background: rgba(0,89,248,.055) !important;
color: #0059f8 !important;
}
body.woocommerce-shop .shop-hero-landing-2026 {
min-height: 500px !important;
margin-top: 20px !important;
border-radius: 30px !important;
box-shadow: 0 20px 52px -44px rgba(10,40,120,.24) !important;
}
body.woocommerce-shop .shop-hero-slide-2026 .shop-hero-landing-content {
height: 500px !important;
min-height: 500px !important;
width: min(560px, 45%) !important;
max-width: 560px !important;
padding: 48px 0 48px 58px !important;
justify-content: center !important;
}
body.woocommerce-shop .shop-hero-slide-2026::after {
background:
linear-gradient(90deg, rgba(247,251,255,.98) 0%, rgba(247,251,255,.89) 31%, rgba(247,251,255,.44) 50%, rgba(247,251,255,.06) 73%),
radial-gradient(460px 270px at 17% 20%, rgba(0,89,248,.10), transparent 68%) !important;
}
body.woocommerce-shop .shop-hero-landing-content h1 {
width: min(520px, 100%) !important;
min-height: 104px !important;
font-size: 44px !important;
line-height: 1.08 !important;
font-weight: 880 !important;
}
body.woocommerce-shop .shop-hero-bullets-2026 {
gap: 8px !important;
min-height: 72px !important;
margin-top: 18px !important;
}
body.woocommerce-shop .shop-hero-bullets-2026 li {
font-size: 13.4px !important;
font-weight: 600 !important;
color: rgba(49,64,95,.82) !important;
}
body.woocommerce-shop .shop-hero-bullets-2026 li > svg {
width: 15px !important;
height: 15px !important;
padding: 6px !important;
background: rgba(0,89,248,.075) !important;
}
body.woocommerce-shop .shop-hero-stats-2026 { display: none !important; }
body.woocommerce-shop .shop-hero-actions-2026 { margin-top: 24px !important; }
body.woocommerce-shop .shop-hero-primary {
min-height: 48px !important;
padding: 0 22px !important;
font-size: 13px !important;
font-weight: 820 !important;
box-shadow: 0 17px 30px -18px rgba(0,89,248,.55) !important;
}
body.woocommerce-shop .shop-hero-secondary {
min-height: 38px !important;
font-size: 13px !important;
font-weight: 700 !important;
border-bottom-width: 1px !important;
}
}
@media (min-width: 761px) {
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 {
min-height: 60px !important;
padding: 9px 11px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.88) !important;
border: 1px solid rgba(255,255,255,.92) !important;
box-shadow: 0 14px 36px -30px rgba(10,40,120,.22) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li > a {
min-height: 42px !important;
padding: 0 12px !important;
border-radius: 14px !important;
background: transparent !important;
border: 1px solid transparent !important;
box-shadow: none !important;
color: rgba(16,26,74,.76) !important;
font-size: 12.3px !important;
font-weight: 700 !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li:hover > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li:hover > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li.current-menu-item > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li.current-menu-item > a {
background: #fff !important;
border-color: rgba(0,89,248,.09) !important;
color: #0059f8 !important;
box-shadow: 0 12px 26px -22px rgba(0,89,248,.30) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li > .sub-menu,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li > .sub-menu {
border-radius: 20px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(0,89,248,.075) !important;
box-shadow: 0 24px 58px -42px rgba(10,40,120,.30) !important;
}
}
/* =====================================================================
v45 — Unified Woo nav actions on product/category pages
===================================================================== */
@media (min-width: 761px) {
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-actions {
display: none !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-top {
grid-template-columns: minmax(0, 1fr) !important;
padding: 6px 6px 18px !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-copy {
max-width: 760px !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-copy p {
max-width: 760px !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.58 !important;
color: rgba(74,85,104,.82) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) 100px !important;
gap: 12px !important;
align-items: center !important;
min-height: 62px !important;
padding: 10px 12px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.88) !important;
border: 1px solid rgba(255,255,255,.92) !important;
box-shadow: 0 14px 36px -30px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-menu-shell {
min-width: 0 !important;
overflow: visible !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
width: 100% !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li {
flex: 0 1 auto !important;
min-width: 0 !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li > a {
min-height: 42px !important;
padding: 0 11px !important;
border-radius: 14px !important;
background: rgba(255,255,255,.45) !important;
border: 1px solid rgba(0,89,248,.045) !important;
box-shadow: none !important;
color: rgba(16,26,74,.76) !important;
font-size: 12px !important;
font-weight: 680 !important;
line-height: 1.1 !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li:hover > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li:hover > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li.current-menu-item > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li.current-menu-item > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li.current-product-parent > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li.current-product-parent > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li.current-product-ancestor > a,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li.current-product-ancestor > a {
background: #fff !important;
border-color: rgba(0,89,248,.10) !important;
color: #0059f8 !important;
box-shadow: 0 12px 26px -22px rgba(0,89,248,.30) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .search-shop,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .shop-search-2026 {
box-sizing: border-box !important;
align-self: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-search-wrapp,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-search-form,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-sf-wrapp {
width: 100% !important;
max-width: 100% !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-sf-wrapp {
border-radius: 16px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.07) !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 input.dgwt-wcas-search-input {
height: 46px !important;
min-height: 46px !important;
padding: 0 42px 0 50px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 46px !important;
color: rgba(16,26,74,.76) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-search-input::placeholder {
color: rgba(74,85,104,.56) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .dgwt-wcas-search-submit {
left: 10px !important;
top: 50% !important;
width: 31px !important;
height: 31px !important;
min-height: 31px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: rgba(0,89,248,.07) !important;
box-shadow: none !important;
color: #0059f8 !important;
transform: translateY(-50%) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-actions-2026--compact {
display: grid !important;
grid-template-columns: repeat(2, 44px) !important;
gap: 9px !important;
align-items: center !important;
justify-content: end !important;
width: 100px !important;
min-width: 100px !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026 {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 0 !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(0,89,248,.075) !important;
box-shadow: 0 12px 26px -22px rgba(10,40,120,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
color: #0059f8 !important;
font-size: 0 !important;
text-decoration: none !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026:hover {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.48) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026 > span {
position: absolute;
left: 50%;
top: calc(100% + 8px);
z-index: 10;
padding: 6px 9px;
border-radius: 999px;
background: #101a4a;
color: #fff;
font-size: 11px;
font-weight: 760;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transform: translate(-50%, -4px);
transition: opacity .18s ease, transform .18s ease;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026:hover > span,
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026:focus-visible > span {
opacity: 1;
transform: translate(-50%, 0);
}
body.woocommerce-page:not(.woocommerce-shop) .shop-icon-action-2026 em {
position: absolute;
top: -4px;
right: -4px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 17px;
height: 17px;
padding: 0 4px;
border-radius: 999px;
background: #1f6dff;
border: 2px solid #fff;
color: #fff;
font-size: 10px;
font-style: normal;
font-weight: 850;
box-shadow: 0 8px 16px -9px rgba(0,89,248,.65);
}
body:not(.logged-in).woocommerce-page .shop-icon-actions-2026 .lrm-show-if-logged-in,
body.logged-in.woocommerce-page .shop-icon-actions-2026 .lrm-hide-if-logged-in {
display: none !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 #button-group > li > .sub-menu,
body.woocommerce-page:not(.woocommerce-shop) .shop-nav-2026 .button-group > li > .sub-menu {
padding: 14px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(0,89,248,.075) !important;
box-shadow: 0 24px 58px -42px rgba(10,40,120,.30) !important;
}
}
/* ==========================================================================
v48 — Premium catalog cards on shop landing (2026.82)
Targets `ul.products li.product` inside `.shop-entry-2026` so we get a
modern, light, animated card with gradient border on hover, soft image
plate, dashed price divider and an expanding gradient CTA. Limited to
desktop so mobile keeps its existing comfortable layout.
========================================================================== */
@media (min-width: 1025px) {
body.woocommerce-shop .shop-entry-2026 ul.products {
gap: 22px !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-height: 100% !important;
border-radius: 22px !important;
padding: 16px 16px 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%) !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 18px 40px -32px rgba(10,30,90,.18) !important;
transition:
transform .42s cubic-bezier(.2,.7,.2,1),
box-shadow .42s cubic-bezier(.2,.7,.2,1),
border-color .3s ease !important;
overflow: hidden;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(135deg, rgba(0,89,248,.55) 0%, rgba(0,190,246,.45) 45%, rgba(250,48,118,.50) 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
z-index: 5;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover {
transform: translateY(-6px) !important;
box-shadow:
0 36px 68px -36px rgba(0,89,248,.34),
0 12px 24px -18px rgba(10,30,90,.16) !important;
border-color: transparent !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover::before { opacity: 1; }
/* Soft image plate */
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link {
position: relative !important;
display: block !important;
text-decoration: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
aspect-ratio: 4 / 3;
border-radius: 16px;
background:
radial-gradient(circle at 50% 65%, rgba(0,89,248,.08), transparent 70%),
linear-gradient(180deg, #f4f8ff 0%, #eaf1fc 100%);
z-index: 0;
transition: background .4s ease;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover a.woocommerce-LoopProduct-link::before {
background:
radial-gradient(circle at 50% 65%, rgba(0,89,248,.14), transparent 70%),
linear-gradient(180deg, #eef4ff 0%, #e1ebfb 100%);
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
object-fit: contain !important;
padding: 14px !important;
box-sizing: border-box !important;
mix-blend-mode: multiply;
filter: drop-shadow(0 18px 22px rgba(10,30,90,.18));
transition: transform .55s cubic-bezier(.2,.7,.2,1) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover a img {
transform: scale(1.06) !important;
}
/* Hide the WC secondary hover image — we have our own scale animation */
body.woocommerce-shop .shop-entry-2026 ul.products li.product img.secondary-image {
display: none !important;
}
/* Quick-view chip slides down on hover */
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after {
content: "Быстрый просмотр";
position: absolute;
top: 12px;
right: 12px;
z-index: 4;
display: inline-flex;
align-items: center;
height: 28px;
padding: 0 12px;
border-radius: 999px;
background: rgba(255,255,255,.94);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: #101a4a;
font-size: 10.5px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
box-shadow: 0 6px 14px -6px rgba(10,30,90,.22);
opacity: 0;
transform: translateY(-6px);
transition: opacity .32s ease, transform .32s ease;
pointer-events: none;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover a.woocommerce-LoopProduct-link::after {
opacity: 1;
transform: translateY(0);
}
/* Title — tighter, line-clamped, hover blue */
body.woocommerce-shop .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop .shop-entry-2026 ul.products li.product h2,
body.woocommerce-shop .shop-entry-2026 ul.products li.product h3 {
margin: 16px 0 6px !important;
padding: 0 !important;
font-size: 15.5px !important;
line-height: 1.32 !important;
font-weight: 760 !important;
color: #101a4a !important;
letter-spacing: -.005em !important;
min-height: 2.64em;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: left !important;
transition: color .25s ease;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover .woocommerce-loop-product__title,
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover h2 {
color: #0059f8 !important;
}
/* Price row with dashed top divider */
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price {
display: flex !important;
flex-direction: row !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 4px 0 14px !important;
padding-top: 12px !important;
border-top: 1px dashed rgba(16,26,74,.10) !important;
font-size: 18px !important;
font-weight: 900 !important;
color: #101a4a !important;
line-height: 1.1 !important;
text-align: left !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price ins {
background: transparent !important;
text-decoration: none !important;
color: #fa3076 !important;
font-weight: 900 !important;
order: 1;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price del {
color: #8590b5 !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: line-through !important;
text-decoration-color: rgba(133,144,181,.7) !important;
opacity: 1 !important;
order: 2;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .price .screen-reader-text {
display: none !important;
}
/* Expanding gradient CTA replaces the icon-only circle */
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button {
align-self: stretch !important;
margin-top: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
height: 44px !important;
min-height: 44px !important;
min-width: 0 !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-transform: none !important;
border: none !important;
box-shadow: 0 14px 26px -14px rgba(0,89,248,.55) !important;
opacity: 1 !important;
visibility: visible !important;
transition:
transform .3s ease,
box-shadow .3s ease,
background .3s ease !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .ajax_add_to_cart {
opacity: 1 !important;
}
/* Suppress legacy "Купить" ::after label — button now reads "В корзину" */
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::after,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button::after {
content: none !important;
display: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button::before,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button::before {
content: "" !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
background: #fff !important;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
flex-shrink: 0 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product .button:hover,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.button:hover {
transform: translateY(-2px) !important;
box-shadow:
0 22px 36px -16px rgba(0,89,248,.62),
0 0 0 4px rgba(0,89,248,.10) !important;
background: linear-gradient(135deg, #0050e6 0%, #00abe0 100%) !important;
}
/* Onsale pill — refine position + typography */
body.woocommerce-shop .shop-entry-2026 ul.products li.product .onsale {
top: 14px !important;
left: 14px !important;
height: 26px !important;
min-height: 26px !important;
padding: 0 11px !important;
font-size: 10.5px !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
z-index: 6 !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
box-shadow: 0 12px 22px -12px rgba(250,48,118,.62) !important;
}
}
/* =====================================================================
v47 — Wow-effect category rail + premium product cards (2026.81)
The second nav becomes a quiet, type-only "ribbon" that complements
the bold top bar without echoing it. Product cards become editorial
showcases with badges, micro-meta and an expanding magenta CTA.
===================================================================== */
@media (min-width: 1025px) {
/* ---------- Reinvented category rail ---------- */
.shop-commerce-bar-2026 {
background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,250,255,.94) 100%) !important;
border: 1px solid rgba(16,26,74,.05) !important;
border-radius: 22px !important;
box-shadow: 0 18px 48px -38px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
backdrop-filter: blur(18px) saturate(1.1) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
padding: 10px 18px !important;
}
.shop-category-rail-2026.shop-mega-nav-2026 {
gap: 2px !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.shop-category-rail-2026 .shop-mega-link-2026 {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
height: 44px !important;
padding: 0 14px !important;
background: transparent !important;
border: none !important;
border-radius: 12px !important;
color: #475073 !important;
font-family: inherit !important;
font-size: 13.5px !important;
font-weight: 620 !important;
letter-spacing: .005em !important;
line-height: 1 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: color .25s ease, background .25s ease, transform .25s ease !important;
overflow: visible !important;
}
.shop-category-rail-2026 .shop-mega-link-2026 .shop-mega-link-label {
position: relative;
display: inline-block;
background: linear-gradient(120deg, #475073 0%, #475073 50%, #0059f8 50%, #00bef6 100%);
background-size: 220% 100%;
background-position: 0% 50%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: background-position .55s cubic-bezier(.4,0,.2,1);
}
/* Animated gradient underline */
.shop-category-rail-2026 .shop-mega-link-2026::after {
content: "";
position: absolute;
left: 14px;
right: 14px;
bottom: 6px;
height: 2px;
border-radius: 2px;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 55%, #fa3076 100%);
transform: scaleX(0);
transform-origin: left center;
opacity: 0;
transition: transform .45s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}
.shop-category-rail-2026 .shop-mega-item-2026:hover .shop-mega-link-2026,
.shop-category-rail-2026 .shop-mega-link-2026:hover,
.shop-category-rail-2026 .shop-mega-link-2026:focus-visible {
background: transparent !important;
color: #0059f8 !important;
transform: translateY(-1px);
}
.shop-category-rail-2026 .shop-mega-item-2026:hover .shop-mega-link-2026 .shop-mega-link-label,
.shop-category-rail-2026 .shop-mega-link-2026:hover .shop-mega-link-label,
.shop-category-rail-2026 .shop-mega-link-2026:focus-visible .shop-mega-link-label {
background-position: 100% 50%;
}
.shop-category-rail-2026 .shop-mega-item-2026:hover .shop-mega-link-2026::after,
.shop-category-rail-2026 .shop-mega-link-2026:hover::after,
.shop-category-rail-2026 .shop-mega-link-2026:focus-visible::after {
transform: scaleX(1);
opacity: 1;
}
/* Distinguish "Прочее" trigger with a hairline pill */
.shop-category-rail-2026 .shop-mega-item-2026--more .shop-mega-link-2026 {
margin-left: 4px;
padding: 0 14px 0 16px !important;
border: 1px solid rgba(16,26,74,.08) !important;
border-radius: 999px !important;
height: 36px !important;
color: #475073 !important;
font-size: 12.5px !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.shop-category-rail-2026 .shop-mega-item-2026--more .shop-mega-link-2026::after { display: none !important; }
.shop-category-rail-2026 .shop-mega-item-2026--more .shop-mega-link-2026 .shop-mega-link-label {
background: linear-gradient(120deg, #475073 0%, #475073 50%, #0059f8 50%, #00bef6 100%) !important;
background-size: 220% 100% !important;
background-position: 0% 50% !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.shop-category-rail-2026 .shop-mega-item-2026--more:hover .shop-mega-link-2026 {
border-color: rgba(0,89,248,.22) !important;
background: rgba(0,89,248,.04) !important;
}
/* Caret affordance for items with dropdown — replaces icons */
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 8px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg) translateY(-2px);
opacity: .5;
transition: transform .25s ease, opacity .25s ease;
}
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026::before {
opacity: 1;
transform: rotate(225deg) translateY(-1px);
}
/* Mega panel: lighter and floats further from rail */
.shop-category-rail-2026 .shop-mega-panel-2026 {
margin-top: 6px !important;
border-radius: 22px !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 32px 64px -42px rgba(10,40,120,.36), 0 8px 18px -14px rgba(10,40,120,.18) !important;
}
.shop-category-rail-2026 .shop-mega-quick-2026 {
display: inline-flex !important;
align-items: center !important;
padding: 9px 14px !important;
border-radius: 10px !important;
color: #475073 !important;
font-size: 13.5px !important;
font-weight: 620 !important;
text-decoration: none !important;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.shop-category-rail-2026 .shop-mega-quick-2026:hover {
background: linear-gradient(135deg, rgba(0,89,248,.06), rgba(0,190,246,.05)) !important;
color: #0059f8 !important;
transform: translateX(2px);
}
/* ---------- Premium product cards ---------- */
.shop-featured-grid-2026 {
gap: 22px !important;
}
.shop-featured-card-2026 {
position: relative !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
background: #fff !important;
border-radius: 22px !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 8px 22px -18px rgba(10,40,120,.18) !important;
overflow: hidden !important;
transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s cubic-bezier(.2,.7,.2,1), border-color .35s ease !important;
isolation: isolate;
}
.shop-featured-card-2026::before {
content: "";
position: absolute;
inset: 0;
border-radius: 22px;
padding: 1px;
background: linear-gradient(135deg, rgba(0,89,248,.45), rgba(0,190,246,.3) 45%, rgba(250,48,118,.4) 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
z-index: 2;
}
.shop-featured-card-2026:hover {
transform: translateY(-6px) !important;
box-shadow: 0 38px 60px -34px rgba(10,40,120,.32), 0 10px 22px -18px rgba(0,89,248,.18) !important;
border-color: transparent !important;
}
.shop-featured-card-2026:hover::before { opacity: 1; }
.shop-featured-image-2026 {
position: relative !important;
display: block !important;
aspect-ratio: 4 / 3 !important;
margin: 0 !important;
padding: 24px !important;
background:
radial-gradient(120% 80% at 50% 0%, rgba(0,89,248,.06) 0%, rgba(0,190,246,.02) 35%, transparent 70%),
linear-gradient(180deg, #f7faff 0%, #eef3fb 100%) !important;
overflow: hidden !important;
border-bottom: 1px solid rgba(16,26,74,.04) !important;
}
.shop-featured-image-2026 img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
filter: drop-shadow(0 18px 24px rgba(10,40,120,.18));
transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .5s ease;
mix-blend-mode: multiply;
}
.shop-featured-card-2026:hover .shop-featured-image-2026 img {
transform: scale(1.06) translateY(-4px);
filter: drop-shadow(0 26px 32px rgba(10,40,120,.26));
}
/* Soft animated glow under product on hover */
.shop-featured-glow-2026 {
position: absolute;
left: 50%;
bottom: 6%;
width: 70%;
height: 14%;
transform: translateX(-50%) scale(.85);
background: radial-gradient(closest-side, rgba(0,89,248,.35), rgba(0,89,248,0));
filter: blur(14px);
opacity: 0;
transition: opacity .5s ease, transform .5s ease;
pointer-events: none;
}
.shop-featured-card-2026:hover .shop-featured-glow-2026 {
opacity: .8;
transform: translateX(-50%) scale(1);
}
/* Badges stack */
.shop-featured-badges-2026 {
position: absolute;
top: 14px;
left: 14px;
display: inline-flex;
flex-direction: column;
gap: 6px;
z-index: 3;
}
.shop-featured-badge-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
color: #fff;
box-shadow: 0 8px 18px -10px rgba(10,40,120,.45);
backdrop-filter: blur(6px);
}
.shop-featured-badge-2026--sale { background: linear-gradient(135deg, #fa3076, #fa4f30); }
.shop-featured-badge-2026--hit { background: linear-gradient(135deg, #0059f8, #00bef6); }
.shop-featured-badge-2026--new { background: linear-gradient(135deg, #101a4a, #2a3a8a); }
/* Quick view chip — slides in on hover */
.shop-featured-quick-2026 {
position: absolute;
top: 14px;
right: 14px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255,255,255,.95);
border: 1px solid rgba(16,26,74,.06);
color: #0059f8;
font-size: 11.5px;
font-weight: 700;
letter-spacing: .02em;
box-shadow: 0 10px 22px -16px rgba(10,40,120,.35);
opacity: 0;
transform: translateY(-6px);
transition: opacity .35s ease, transform .35s ease;
pointer-events: none;
}
.shop-featured-card-2026:hover .shop-featured-quick-2026 {
opacity: 1;
transform: translateY(0);
}
/* Body */
.shop-featured-body-2026 {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding: 18px 20px 20px !important;
}
.shop-featured-type-2026 {
display: inline-block !important;
padding: 0 !important;
background: none !important;
border: none !important;
color: #8590b5 !important;
font-size: 11px !important;
font-weight: 720 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.shop-featured-title-2026 {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 44px !important;
margin: 0 !important;
color: #101a4a !important;
font-size: 16px !important;
font-weight: 760 !important;
line-height: 1.35 !important;
letter-spacing: -.005em !important;
text-decoration: none !important;
transition: color .25s ease;
}
.shop-featured-card-2026:hover .shop-featured-title-2026 { color: #0059f8 !important; }
.shop-featured-meta-2026 {
display: inline-flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 2px;
color: #6a7494;
font-size: 11.5px;
font-weight: 600;
}
.shop-featured-stock-2026 {
display: inline-flex;
align-items: center;
gap: 6px;
}
.shop-featured-stock-2026 i {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 999px;
background: #18b46a;
box-shadow: 0 0 0 3px rgba(24,180,106,.15);
}
.shop-featured-stock-2026.is-out i {
background: #f0a23a;
box-shadow: 0 0 0 3px rgba(240,162,58,.15);
}
.shop-featured-divider-2026 { color: rgba(16,26,74,.18); }
.shop-featured-ship-2026 {
display: inline-flex;
align-items: center;
gap: 4px;
}
.shop-featured-ship-2026 svg {
width: 12px !important;
height: 12px !important;
stroke-width: 2 !important;
}
.shop-featured-bottom-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
margin-top: 10px !important;
padding-top: 14px !important;
border-top: 1px dashed rgba(16,26,74,.08) !important;
}
.shop-featured-price-2026 {
display: inline-flex !important;
flex-direction: column !important;
gap: 2px !important;
color: #101a4a !important;
font-size: 18px !important;
font-weight: 850 !important;
letter-spacing: -.01em !important;
line-height: 1.1 !important;
}
.shop-featured-price-2026 ins {
background: none !important;
text-decoration: none !important;
color: #fa3076 !important;
font-weight: 850 !important;
}
.shop-featured-price-2026 del {
opacity: .55 !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #6a7494 !important;
}
.shop-featured-price-2026 .woocommerce-Price-amount { color: inherit !important; }
/* Expanding magenta CTA */
.shop-featured-button-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
height: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
padding: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 14px 26px -16px rgba(250,48,118,.55), inset 0 1px 0 rgba(255,255,255,.25) !important;
overflow: hidden !important;
transition: max-width .45s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, transform .35s ease, padding .45s cubic-bezier(.2,.7,.2,1) !important;
}
.shop-featured-button-2026::after { content: none !important; }
.shop-featured-button-label-2026 {
display: inline-block;
max-width: 0;
opacity: 0;
white-space: nowrap;
font-size: 13px;
font-weight: 800;
letter-spacing: .02em;
transition: max-width .45s cubic-bezier(.2,.7,.2,1), opacity .25s ease .1s, margin .45s cubic-bezier(.2,.7,.2,1);
}
.shop-featured-button-icon-2026 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
flex-shrink: 0;
}
.shop-featured-card-2026:hover .shop-featured-button-2026 {
max-width: 200px !important;
padding: 0 6px 0 16px !important;
transform: translateY(-1px);
box-shadow: 0 18px 30px -14px rgba(250,48,118,.6) !important;
}
.shop-featured-card-2026:hover .shop-featured-button-label-2026 {
max-width: 140px;
opacity: 1;
margin-right: 8px;
}
}
/* =========================================================================
v49 — 2026.85 — Editorial polish pass
1. Strip the soft "plate" behind product images (catalog + featured) so
products float cleanly on the card surface.
2. Reinvent the second-level Woo navigation: a near-invisible glass
ribbon with a sliding gradient indicator, slimmer search and clearer
mega-panel typography. Complements the bold top nav without echoing.
3. Polish catalog & featured cards (cleaner shadows, refined hover,
better CTA balance).
4. Lift the single product page (cleaner gallery frame, refined
add-to-cart row, sticky CTA on small viewports, trust strip).
========================================================================= */
@media (min-width: 1025px) {
/* ---------- 1. Remove image plates (catalog & featured) ---------- */
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::before {
content: none !important;
display: none !important;
background: transparent !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img {
mix-blend-mode: normal !important;
padding: 8px 8px 0 !important;
filter: drop-shadow(0 22px 28px rgba(10,30,90,.16)) drop-shadow(0 4px 10px rgba(10,30,90,.06)) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product {
padding: 18px 18px 20px !important;
background: #ffffff !important;
border: 1px solid rgba(16,26,74,.05) !important;
box-shadow: 0 14px 36px -28px rgba(10,30,90,.18) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover {
box-shadow:
0 38px 70px -38px rgba(0,89,248,.30),
0 14px 28px -20px rgba(10,30,90,.14) !important;
}
/* Quick-view chip — softer, smaller, with eye glyph */
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after {
content: "Подробнее" !important;
top: 14px !important;
right: 14px !important;
height: 26px !important;
padding: 0 11px !important;
font-size: 10px !important;
letter-spacing: .08em !important;
background: rgba(255,255,255,.92) !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 8px 20px -10px rgba(10,30,90,.22) !important;
}
/* Featured cards: same plate-strip treatment */
.shop-featured-image-2026 {
padding: 22px 22px 14px !important;
background: transparent !important;
border-bottom: none !important;
}
.shop-featured-image-2026::before {
content: "";
position: absolute;
left: 50%;
bottom: 14px;
width: 64%;
height: 12px;
transform: translateX(-50%);
background: radial-gradient(closest-side, rgba(10,30,90,.10), rgba(10,30,90,0));
filter: blur(6px);
opacity: .9;
pointer-events: none;
}
.shop-featured-image-2026 img {
mix-blend-mode: normal !important;
filter: drop-shadow(0 22px 26px rgba(10,30,90,.18)) drop-shadow(0 6px 12px rgba(10,30,90,.06)) !important;
}
.shop-featured-card-2026 {
background: #ffffff !important;
box-shadow: 0 12px 28px -22px rgba(10,30,90,.18) !important;
}
.shop-featured-card-2026:hover {
box-shadow:
0 40px 64px -34px rgba(10,30,90,.30),
0 12px 26px -18px rgba(0,89,248,.18) !important;
}
/* Featured card: full-width gradient CTA (was icon-only circle) */
.shop-featured-button-2026 {
max-width: none !important;
min-width: 0 !important;
flex: 1 1 auto !important;
padding: 0 18px !important;
gap: 8px !important;
}
.shop-featured-button-label-2026 {
max-width: none !important;
opacity: 1 !important;
margin: 0 !important;
font-size: 13px !important;
}
.shop-featured-button-icon-2026 {
width: auto !important;
height: auto !important;
}
.shop-featured-button-icon-2026 svg { width: 16px !important; height: 16px !important; }
.shop-featured-card-2026:hover .shop-featured-button-2026 {
max-width: none !important;
padding: 0 18px !important;
}
.shop-featured-card-2026:hover .shop-featured-button-label-2026 {
max-width: none !important;
margin: 0 !important;
}
.shop-featured-bottom-2026 {
flex-wrap: wrap !important;
gap: 12px !important;
}
.shop-featured-price-2026 { flex: 0 0 auto !important; min-width: max-content; }
/* ---------- 2. Reinvented second-level Woo nav ---------- */
/* Ultra-light ribbon — feels like a floating typographic strip */
.shop-commerce-bar-2026 {
padding: 8px 14px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(247,250,255,.72) 100%) !important;
border: 1px solid rgba(16,26,74,.04) !important;
border-radius: 18px !important;
box-shadow:
0 1px 0 rgba(255,255,255,.9) inset,
0 12px 30px -28px rgba(10,40,120,.22) !important;
backdrop-filter: blur(22px) saturate(1.15) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
}
.shop-category-rail-2026.shop-mega-nav-2026 {
gap: 0 !important;
padding: 0 4px !important;
}
/* Each link — text-first, very quiet at rest */
.shop-category-rail-2026 .shop-mega-link-2026 {
height: 40px !important;
padding: 0 14px !important;
border-radius: 999px !important;
color: #5a6485 !important;
font-size: 13.5px !important;
font-weight: 600 !important;
letter-spacing: .002em !important;
}
.shop-category-rail-2026 .shop-mega-link-2026 .shop-mega-link-label {
background: none !important;
-webkit-text-fill-color: currentColor !important;
color: inherit !important;
transition: color .25s ease !important;
}
/* Indicator: thin gradient pill behind active/hover, slides in */
.shop-category-rail-2026 .shop-mega-link-2026::before {
content: "" !important;
position: absolute !important;
inset: 4px 4px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, rgba(0,89,248,.08) 0%, rgba(0,190,246,.06) 60%, rgba(250,48,118,.06) 100%) !important;
opacity: 0 !important;
transform: scale(.92) !important;
transform-origin: center !important;
transition: opacity .35s ease, transform .35s cubic-bezier(.4,0,.2,1) !important;
z-index: -1 !important;
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
border: none !important;
}
.shop-category-rail-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026::before,
.shop-category-rail-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026::before {
opacity: 1 !important;
transform: scale(1) !important;
}
/* Suppress legacy diamond / caret indicator on ::after — we use background-image caret + ::before pill */
body.woocommerce-shop .shop-category-rail-2026 .shop-mega-link-2026::after,
body.woocommerce-shop .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::after,
.shop-category-rail-2026 .shop-mega-link-2026::after {
content: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
border: none !important;
background: none !important;
transform: none !important;
}
.shop-category-rail-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
.shop-category-rail-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 {
color: #101a4a !important;
transform: none !important;
background: transparent !important;
}
/* Caret tween */
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
padding-right: 28px !important;
}
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::before {
/* keep indicator */
}
/* Caret element — switch to a new pseudo using data attribute fallback */
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 10px 10px !important;
transition: background-color .25s ease, color .25s ease, background-image .25s ease !important;
}
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
.shop-category-rail-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026 {
background-image: url("data:image/svg+xml;utf8,") !important;
}
/* "Прочее" — same hairline pill but lighter */
.shop-category-rail-2026 .shop-mega-item-2026--more .shop-mega-link-2026 {
height: 32px !important;
padding: 0 28px 0 14px !important;
border: 1px solid rgba(16,26,74,.08) !important;
font-size: 11.5px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
background-position: right 10px center !important;
background-size: 9px 9px !important;
margin-left: 8px !important;
}
.shop-category-rail-2026 .shop-mega-item-2026--more:hover .shop-mega-link-2026 {
border-color: rgba(0,89,248,.22) !important;
background-color: rgba(0,89,248,.04) !important;
}
/* Search — borderless, only highlights on focus */
.shop-search-2026 {
flex: 1 1 360px !important;
min-width: 0 !important;
}
.shop-search-2026 .aws-container { width: 100% !important; }
.shop-search-2026 .aws-search-field,
.shop-search-2026 input[type="search"] {
height: 40px !important;
padding: 0 16px 0 42px !important;
border-radius: 999px !important;
background: rgba(247,250,255,.65) !important;
border: 1px solid transparent !important;
color: #101a4a !important;
font-size: 13.5px !important;
font-weight: 500 !important;
box-shadow: none !important;
transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
.shop-search-2026 .aws-search-field:hover,
.shop-search-2026 input[type="search"]:hover {
background: rgba(247,250,255,.95) !important;
}
.shop-search-2026 .aws-search-field:focus,
.shop-search-2026 input[type="search"]:focus {
background: #ffffff !important;
border-color: rgba(0,89,248,.25) !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.10) !important;
outline: none !important;
}
/* Search icon — minimal, monochrome */
.shop-search-2026::before,
.shop-search-2026 .aws-search-form::before {
background-color: #5a6485 !important;
}
/* Account & cart icons — match nav weight */
.shop-icon-actions-2026 .shop-icon-btn,
.shop-icon-actions-2026 a,
.shop-icon-actions-2026 button {
background: rgba(247,250,255,.55) !important;
border: 1px solid transparent !important;
transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.shop-icon-actions-2026 .shop-icon-btn:hover,
.shop-icon-actions-2026 a:hover,
.shop-icon-actions-2026 button:hover {
background: #ffffff !important;
border-color: rgba(0,89,248,.18) !important;
box-shadow: 0 8px 22px -14px rgba(0,89,248,.42) !important;
transform: translateY(-1px);
}
/* Mega panel — cleaner editorial layout */
.shop-category-rail-2026 .shop-mega-panel-2026 {
margin-top: 10px !important;
padding: 22px 24px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(16,26,74,.05) !important;
box-shadow:
0 36px 72px -42px rgba(10,40,120,.34),
0 10px 22px -16px rgba(10,40,120,.18) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
}
.shop-category-rail-2026 .shop-mega-heading-2026,
.shop-category-rail-2026 .shop-mega-panel-2026 .shop-mega-heading-2026 {
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
color: #8590b5 !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: none !important;
}
.shop-category-rail-2026 .shop-mega-quick-2026 {
position: relative;
padding: 9px 14px 9px 18px !important;
border-radius: 12px !important;
font-size: 13.5px !important;
font-weight: 600 !important;
color: #475073 !important;
}
.shop-category-rail-2026 .shop-mega-quick-2026::before {
content: "";
position: absolute;
left: 8px;
top: 50%;
width: 4px;
height: 4px;
border-radius: 999px;
background: #cbd2e6;
transform: translateY(-50%) scale(.8);
opacity: 0;
transition: opacity .25s ease, transform .25s ease, background .25s ease;
}
.shop-category-rail-2026 .shop-mega-quick-2026:hover {
background: linear-gradient(135deg, rgba(0,89,248,.05), rgba(0,190,246,.04)) !important;
color: #0059f8 !important;
transform: translateX(2px);
}
.shop-category-rail-2026 .shop-mega-quick-2026:hover::before {
opacity: 1;
transform: translateY(-50%) scale(1);
background: linear-gradient(135deg, #0059f8, #00bef6);
}
/* ---------- 4. Single product page lift ---------- */
/* Gallery — remove heavy white frame, keep pristine */
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
padding: 8px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image {
background:
radial-gradient(120% 80% at 50% 0%, rgba(0,89,248,.05), transparent 70%),
linear-gradient(180deg, #fdfeff 0%, #f4f8ff 100%) !important;
border: 1px solid rgba(16,26,74,.05);
border-radius: 28px !important;
padding: 28px;
box-sizing: border-box;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
filter: drop-shadow(0 30px 36px rgba(10,40,120,.18));
transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: scale(1.03);
}
body.single-product .flex-control-thumbs img {
padding: 6px;
background: #fff !important;
border: 1px solid rgba(16,26,74,.06) !important;
transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
body.single-product .flex-control-thumbs img:hover,
body.single-product .flex-control-thumbs .flex-active img {
border-color: rgba(0,89,248,.45) !important;
transform: translateY(-2px);
box-shadow: 0 14px 24px -16px rgba(0,89,248,.4) !important;
}
/* Summary — cleaner card with subtle divider, no heavy frame */
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary {
padding: 30px 32px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border: 1px solid rgba(16,26,74,.05) !important;
border-radius: 26px !important;
box-shadow: 0 26px 60px -38px rgba(10,40,120,.28) !important;
}
/* Title — slimmer, type-led */
body.single-product .summary .product_title,
body.single-product .summary h1.product_title {
font-size: clamp(26px, 2.2vw, 36px) !important;
font-weight: 850 !important;
letter-spacing: -.012em !important;
margin: 0 0 14px !important;
}
/* Insert eyebrow above title via SKU hint — type-only treatment */
body.single-product .summary .product_title::before {
content: "Каталог 3Dreams";
display: block;
margin-bottom: 10px;
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: #8590b5;
}
/* Price block — restructured */
body.single-product .summary .price {
display: flex !important;
align-items: baseline;
flex-wrap: wrap;
gap: 12px !important;
margin: 0 0 16px !important;
padding: 0 0 18px !important;
border-bottom: 1px dashed rgba(16,26,74,.08) !important;
font-size: 32px !important;
font-weight: 900 !important;
letter-spacing: -.01em !important;
color: #101a4a !important;
}
body.single-product .summary .price ins {
color: #fa3076 !important;
background: none !important;
text-decoration: none !important;
order: 1;
}
body.single-product .summary .price del {
font-size: 18px !important;
font-weight: 600 !important;
color: #99a3bb !important;
opacity: 1 !important;
order: 2;
}
/* Trust strip beneath price */
body.single-product .summary .price::after {
content: "В наличии · Доставка 1–3 дня · Гарантия";
flex: 1 0 100%;
margin-top: 14px;
padding-top: 14px;
border-top: 1px dashed rgba(16,26,74,.06);
color: #6a7494;
font-size: 12px;
font-weight: 600;
letter-spacing: .02em;
text-transform: none;
display: block;
}
/* Short description */
body.single-product .summary .woocommerce-product-details__short-description {
padding: 16px 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.06) !important;
border-radius: 18px !important;
font-size: 14.5px !important;
line-height: 1.7 !important;
color: #4a5568 !important;
}
/* Add-to-cart row */
body.single-product .summary form.cart {
gap: 10px !important;
padding: 14px !important;
background: #ffffff !important;
border: 1px solid rgba(16,26,74,.06) !important;
border-radius: 18px !important;
box-shadow: 0 14px 32px -22px rgba(10,30,90,.18) !important;
}
body.single-product .summary form.cart .qty {
height: 50px !important;
border-radius: 14px !important;
border: 1px solid rgba(16,26,74,.10) !important;
}
body.single-product .summary .single_add_to_cart_button,
body.single-product .summary button.single_add_to_cart_button.button.alt {
flex: 1 1 auto !important;
min-height: 50px !important;
padding: 0 24px !important;
font-size: 14.5px !important;
font-weight: 850 !important;
letter-spacing: .01em !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 60%, #fa3076 140%) !important;
box-shadow: 0 22px 42px -18px rgba(0,89,248,.55) !important;
}
body.single-product .summary .single_add_to_cart_button::before {
content: "" !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
margin-right: 10px !important;
background: #fff !important;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
vertical-align: middle !important;
}
body.single-product .summary .single_add_to_cart_button:hover {
background: linear-gradient(135deg, #0050e6 0%, #00abe0 60%, #e2266a 140%) !important;
}
/* Product meta — refined chip rows */
body.single-product .summary .product_meta {
padding: 16px 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.06) !important;
border-radius: 18px !important;
font-size: 13px !important;
color: #5a6485 !important;
}
body.single-product .summary .product_meta > span {
padding: 6px 0 !important;
border-bottom: 1px dashed rgba(16,26,74,.06);
}
body.single-product .summary .product_meta > span:last-child { border-bottom: none; }
body.single-product .summary .product_meta > span > span:first-child,
body.single-product .summary .product_meta strong {
display: inline-block;
min-width: 110px;
font-weight: 700;
color: #8590b5;
text-transform: uppercase;
font-size: 10.5px;
letter-spacing: .12em;
}
/* Tabs — text-only with sliding underline */
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs {
gap: 4px !important;
padding: 6px !important;
background: rgba(255,255,255,.7) !important;
border: 1px solid rgba(16,26,74,.05) !important;
border-radius: 999px !important;
display: inline-flex !important;
width: fit-content !important;
max-width: max-content !important;
align-self: flex-start !important;
backdrop-filter: blur(14px);
box-shadow: 0 6px 22px rgba(16,26,74,.06);
}
body.single-product .shop-entry-2026 .woocommerce-tabs {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li {
background: transparent !important;
border: none !important;
border-radius: 999px !important;
margin: 0 !important;
transition: background .25s ease !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li a {
padding: 9px 18px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #5a6485 !important;
background: transparent !important;
border: none !important;
text-shadow: none !important;
transition: color .25s ease, background .25s ease !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li:hover a {
color: #101a4a !important;
background: rgba(255,255,255,.7) !important;
}
body.single-product .shop-entry-2026 .woocommerce-tabs ul.tabs li.active a {
color: #fff !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 12px 24px -14px rgba(0,89,248,.55) !important;
}
/* Related & up-sells: lighter section heads */
body.single-product .shop-entry-2026 .related h2,
body.single-product .shop-entry-2026 .up-sells h2 {
font-size: 22px !important;
font-weight: 850 !important;
letter-spacing: -.01em !important;
color: #101a4a !important;
margin: 0 0 18px !important;
}
}
/* Mobile — also strip image plate so cards look modern on phones */
@media (max-width: 1024px) {
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::before {
display: none !important;
content: none !important;
background: transparent !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img {
mix-blend-mode: normal !important;
filter: drop-shadow(0 16px 22px rgba(10,30,90,.16)) !important;
}
.shop-featured-image-2026 {
background: transparent !important;
border-bottom: none !important;
}
.shop-featured-image-2026 img {
mix-blend-mode: normal !important;
}
}
/* =====================================================================
2026.88 — Single product page calm pass
- Slim shared commerce bar on product/category pages (no big eyebrow plate)
- Kill sticky right column
- Cleaner cart button (one accent gradient, no neon)
- Transparent gallery backdrop (no tinted plate)
- Smaller header padding, tighter rhythm
===================================================================== */
/* --- Layout: tighten header on single product, hide legacy compact strip --- */
body.single-product .shop-hd-product-2026 { padding: 0 !important; }
body.single-product .shop-hd-product-2026 .shop-hd-shell {
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
max-width: 1340px !important;
margin: 0 auto !important;
}
/* push the product card up against the bar */
body.single-product .shop-page-2026 { padding-top: 0 !important; margin-top: 0 !important; }
body.single-product .shop-entry-2026 { padding-top: 18px !important; }
/* --- Category pages: hide eyebrow/p block too, keep only title + breadcrumbs --- */
body.shop-archive-2026 .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1,
body.shop-category-2026 .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1 {
font-size: clamp(26px, 2vw, 36px) !important;
margin: 0 0 8px !important;
}
.shop-hd-2026 .shop-hd-top--compact {
padding: 14px 0 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.shop-hd-2026 .shop-hd-top--compact .shop-hd-copy { padding: 0 !important; }
.shop-breadcrumbs--solo {
padding: 10px 0 0 !important;
font-size: 12.5px !important;
color: #6a7494 !important;
letter-spacing: .02em;
}
.shop-breadcrumbs--solo a { color: #5a6485 !important; text-decoration: none !important; }
.shop-breadcrumbs--solo a:hover { color: #0059f8 !important; }
/* --- Kill sticky right column on product page --- */
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary,
body.single-product div.product div.summary {
position: static !important;
top: auto !important;
}
/* --- Gallery: remove tinted plate, true transparent stage --- */
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
body.single-product .woocommerce-product-gallery__image a {
display: block !important;
background: transparent !important;
cursor: zoom-in !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
background: transparent !important;
mix-blend-mode: normal !important;
filter: drop-shadow(0 26px 32px rgba(10,40,120,.14)) !important;
border-radius: 0 !important;
transition: transform .5s cubic-bezier(.2,.7,.2,1) !important;
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: scale(1.02) !important;
}
/* Soft floor shadow under the gallery (replaces plate) */
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
position: relative !important;
}
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery::after {
content: "";
position: absolute;
left: 12%;
right: 12%;
bottom: -6px;
height: 26px;
background: radial-gradient(ellipse at center, rgba(10,40,120,.18), transparent 70%);
filter: blur(12px);
z-index: 0;
pointer-events: none;
}
/* Trigger button (zoom icon on hover) */
body.single-product .woocommerce-product-gallery__trigger {
width: 44px !important;
height: 44px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.9) !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 12px 28px -14px rgba(10,40,120,.32) !important;
color: #0059f8 !important;
font-size: 0 !important;
top: 14px !important;
right: 14px !important;
z-index: 5 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: transform .25s ease, box-shadow .25s ease !important;
}
body.single-product .woocommerce-product-gallery__trigger::before {
content: "";
width: 18px;
height: 18px;
background: #0059f8;
-webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center/contain no-repeat;
}
body.single-product .woocommerce-product-gallery__trigger:hover {
transform: scale(1.05);
box-shadow: 0 16px 36px -16px rgba(0,89,248,.5) !important;
}
/* --- Add-to-cart: clean single accent gradient (no neon pink) --- */
body.single-product .summary .single_add_to_cart_button,
body.single-product .summary button.single_add_to_cart_button.button.alt {
background: linear-gradient(135deg, #0a3df7 0%, #1f6ff5 50%, #00bef6 100%) !important;
box-shadow: 0 18px 36px -16px rgba(10,61,247,.45),
inset 0 1px 0 rgba(255,255,255,.18) !important;
letter-spacing: .005em !important;
text-shadow: none !important;
}
body.single-product .summary .single_add_to_cart_button:hover,
body.single-product .summary button.single_add_to_cart_button.button.alt:hover {
background: linear-gradient(135deg, #0832d9 0%, #155de0 50%, #00abe0 100%) !important;
box-shadow: 0 22px 42px -16px rgba(10,61,247,.55),
inset 0 1px 0 rgba(255,255,255,.18) !important;
transform: translateY(-1px) !important;
filter: none !important;
}
body.single-product .summary .single_add_to_cart_button::before {
background: #fff !important;
}
/* --- Suppress old eyebrow inserted via product_title::before --- */
body.single-product .summary .product_title::before { content: none !important; display: none !important; }
/* --- Suppress fixed text in price::after (conflicts with delivery text in trust strip) --- */
body.single-product .summary .price::after { content: none !important; display: none !important; }
/* --- Trust badges row above cart, computed via summary form-cart parent --- */
body.single-product .summary form.cart {
background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
border: 1px solid rgba(16,26,74,.06) !important;
}
/* --- Compact summary card padding --- */
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary {
padding: 26px 28px !important;
border-radius: 24px !important;
}
/* --- Hide noisy auxiliary blocks under summary --- */
body.single-product .summary .yith-wcwl-add-to-wishlist,
body.single-product .summary .product_meta .sku_wrapper,
body.single-product .summary .product_meta .sip_inner_image { display: none !important; }
/* --- Mobile: keep slim header; bar wraps gracefully --- */
@media (max-width: 1024px) {
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026 {
padding: 8px 12px !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 {
order: 3 !important;
width: 100% !important;
overflow-x: auto !important;
}
body.single-product .shop-entry-2026 div.product div.summary {
padding: 22px !important;
border-radius: 22px !important;
}
}
/* --- Lightbox (PhotoSwipe) polish if active --- */
.pswp__bg { background: rgba(8,14,40,.92) !important; }
.pswp__caption__center { color: #e6ecff !important; font-weight: 600 !important; }
/* =====================================================================
2026.89 — Product composition rebuild
- Compact commerce ribbon on single product pages
- Balanced gallery/summary proportions
- Clean thumbnails without inherited counters
- Lightbox above every header/social layer
===================================================================== */
body.single-product #content {
top: 42px !important;
}
body.single-product #content > .hd.shop-hd-2026,
body.single-product #content .bd.shop-page-2026 {
width: min(1320px, calc(100vw - 110px)) !important;
max-width: 1320px !important;
}
body.single-product #content > .hd.shop-hd-2026 {
margin-bottom: 12px !important;
}
body.single-product .shop-hd-product-2026 .shop-hd-shell {
max-width: 1320px !important;
width: 100% !important;
}
@media (min-width: 1025px) {
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
min-height: 62px !important;
padding: 9px 12px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.84) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 16px 42px -34px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.92) !important;
backdrop-filter: blur(22px) saturate(1.12) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
overflow: visible !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 {
display: flex !important;
align-items: center !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: calc(100% - 560px) !important;
gap: 5px !important;
padding: 0 !important;
overflow: visible !important;
min-width: 0 !important;
}
body.single-product .shop-hd-product-2026 .shop-mega-item-2026 {
flex: 0 0 auto !important;
min-width: 0 !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 button.shop-mega-link-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0 16px !important;
border-radius: 999px !important;
background-color: transparent !important;
border: 1px solid transparent !important;
box-shadow: none !important;
color: #36405f !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
text-align: center !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-link-label {
display: inline-block !important;
white-space: nowrap !important;
min-width: 0 !important;
flex: 0 0 auto !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-link-2026::before {
inset: 3px !important;
background: linear-gradient(135deg, rgba(0,89,248,.10), rgba(0,190,246,.075)) !important;
z-index: -1 !important;
}
body.single-product .shop-hd-product-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
padding-right: 30px !important;
background-position: right 13px center !important;
}
body.single-product .shop-hd-product-2026 .shop-mega-item-2026--more .shop-mega-link-2026 {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
padding-left: 15px !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
border-color: rgba(16,26,74,.08) !important;
background-color: rgba(255,255,255,.56) !important;
margin-left: 2px !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 {
flex: 1 1 420px !important;
width: auto !important;
max-width: 510px !important;
min-width: 320px !important;
height: 44px !important;
align-self: center !important;
z-index: 2810 !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-form,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-sf-wrapp,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-input {
height: 44px !important;
min-height: 44px !important;
line-height: 44px !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-sf-wrapp {
border-radius: 999px !important;
background: rgba(247,250,255,.86) !important;
border: 1px solid rgba(16,26,74,.065) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
overflow: hidden !important;
transition: background .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-sf-wrapp:focus-within {
background: #fff !important;
border-color: rgba(0,89,248,.22) !important;
box-shadow: 0 0 0 3px rgba(0,89,248,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-wrapp,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-form,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-sf-wrapp,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-input,
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-input:focus {
outline: none !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-input {
padding: 0 44px 0 54px !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
box-shadow: none !important;
font-size: 14px !important;
font-weight: 650 !important;
color: #26344f !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 .dgwt-wcas-search-submit {
left: 8px !important;
width: 34px !important;
height: 34px !important;
background: linear-gradient(135deg, rgba(0,89,248,.12), rgba(0,190,246,.10)) !important;
}
body.single-product .shop-hd-product-2026 .shop-icon-actions-2026 {
flex: 0 0 auto !important;
display: grid !important;
grid-template-columns: repeat(2, 44px) !important;
gap: 8px !important;
align-items: center !important;
justify-content: end !important;
height: 44px !important;
}
body.single-product .shop-hd-product-2026 .shop-icon-action-2026 {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
border-radius: 999px !important;
background: rgba(247,250,255,.86) !important;
border-color: rgba(16,26,74,.06) !important;
}
body.single-product .shop-hd-product-2026 .shop-icon-action-2026--cart {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
color: #fff !important;
box-shadow: 0 14px 26px -18px rgba(0,89,248,.58) !important;
}
}
body.single-product .shop-entry-2026 {
padding-top: 0 !important;
}
body.single-product .shop-entry-2026 > div.product {
box-sizing: border-box !important;
grid-template-columns: minmax(0, 720px) minmax(430px, 1fr) !important;
gap: 28px !important;
align-items: start !important;
padding: 22px !important;
border-radius: 30px !important;
background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,251,255,.70)) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 28px 72px -54px rgba(10,40,120,.32), inset 0 1px 0 rgba(255,255,255,.92) !important;
backdrop-filter: blur(14px) saturate(1.06) !important;
-webkit-backdrop-filter: blur(14px) saturate(1.06) !important;
}
body.single-product .shop-entry-2026 span.onsale {
position: absolute !important;
top: 22px !important;
left: 22px !important;
z-index: 6 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #ff8a32) !important;
box-shadow: 0 16px 28px -18px rgba(250,48,118,.55) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
transform: none !important;
}
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
align-self: start !important;
min-width: 0 !important;
padding: 8px 0 0 !important;
}
body.single-product .woocommerce-product-gallery__wrapper {
border-radius: 24px !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 0 !important;
}
/* ========================================================================
2026.92 — Gallery overlay click target polish
======================================================================== */
body.single-product .woocommerce-product-gallery .zoomImg {
cursor: zoom-in !important;
}
/* ========================================================================
2026.93 — Calm Woo navigation, product imagery, cart/account pages
======================================================================== */
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content .bd.shop-page-2026 {
left: auto !important;
transform: none !important;
width: min(1460px, calc(100vw - 88px)) !important;
max-width: 1460px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
margin-top: 28px !important;
margin-bottom: 18px !important;
}
body.page-template-page-woo-header #content .bd.shop-page-2026 {
box-sizing: border-box !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page .shop-hd-utility-2026 .shop-hd-shell {
max-width: 1460px !important;
}
body.woocommerce-page .shop-hd-utility-2026 .shop-hd-top--compact {
margin-top: 14px !important;
padding: 20px 24px !important;
border-radius: 24px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 18px 46px -38px rgba(10,40,120,.28) !important;
}
body.woocommerce-page .shop-hd-utility-2026 .shop-hd-copy h1 {
margin-bottom: 8px !important;
font-size: clamp(26px, 2vw, 34px) !important;
}
body.woocommerce-page .shop-commerce-bar-2026 {
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(255,255,255,.88) !important;
box-shadow: 0 14px 30px -18px rgba(0,89,248,.18), 0 4px 10px -5px rgba(13,28,73,.08), inset 0 0 0 1px rgba(255,255,255,.86) !important;
backdrop-filter: blur(16px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, max-content) minmax(360px, 1fr) auto !important;
gap: 12px !important;
min-height: 62px !important;
padding: 8px !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 {
gap: 2px !important;
padding: 6px !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more .shop-mega-link-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--ink-700) !important;
font-size: 13.5px !important;
font-weight: 650 !important;
letter-spacing: .2px !important;
line-height: 1 !important;
text-transform: none !important;
white-space: nowrap !important;
transform: none !important;
transition: background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 .shop-mega-link-label,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more .shop-mega-link-label {
color: inherit !important;
background: none !important;
-webkit-text-fill-color: currentColor !important;
text-transform: none !important;
letter-spacing: inherit !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more.has-dropdown > .shop-mega-link-2026 {
padding-right: 34px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b748a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 10px 10px !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible {
background-color: transparent !important;
background-image: linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
color: #fff !important;
box-shadow: 0 10px 22px -8px rgba(0,89,248,.48), inset 0 0 0 1px rgba(255,255,255,.24) !important;
transform: translateY(-1px) !important;
outline: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 16px center, center !important;
background-size: 10px 10px, 100% 100% !important;
}
body.woocommerce-page .shop-mega-item-2026::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 16px;
background: transparent;
pointer-events: none;
}
body.woocommerce-page .shop-mega-item-2026:hover::after,
body.woocommerce-page .shop-mega-item-2026:focus-within::after {
pointer-events: auto;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact {
box-sizing: border-box !important;
top: calc(100% + 14px) !important;
margin-top: 0 !important;
padding: 12px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(0,89,248,.06) !important;
box-shadow: 0 26px 64px -24px rgba(13,28,73,.30), 0 4px 12px -4px rgba(13,28,73,.10), inset 0 0 0 1px rgba(255,255,255,.78) !important;
backdrop-filter: blur(16px) saturate(1.3) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
gap: 8px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026 {
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
width: min(740px, calc(100vw - 80px)) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact {
grid-template-columns: 1fr !important;
width: 270px !important;
}
body.woocommerce-page .shop-mega-column-2026 {
padding: 8px !important;
border-radius: 16px !important;
background: transparent !important;
border: 0 !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026 .shop-mega-heading-2026 {
display: flex !important;
align-items: center !important;
min-height: 34px !important;
margin: 0 0 4px !important;
padding: 8px 10px !important;
border-radius: 12px !important;
color: #101a4a !important;
font-size: 13.2px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-transform: none !important;
text-decoration: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026:hover {
background: rgba(0,89,248,.06) !important;
color: #0059f8 !important;
}
body.woocommerce-page .shop-mega-links-2026 {
display: grid !important;
gap: 2px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026,
body.woocommerce-page .shop-mega-panel-2026--compact .shop-mega-quick-2026 {
position: relative !important;
display: flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 8px 10px 8px 24px !important;
border-radius: 12px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #59657f !important;
font-size: 13px !important;
font-weight: 620 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-transform: none !important;
text-decoration: none !important;
transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026::before {
content: "" !important;
position: absolute !important;
left: 11px !important;
top: 50% !important;
width: 5px !important;
height: 5px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
opacity: .32 !important;
transform: translateY(-50%) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026:hover {
background: linear-gradient(120deg, rgba(0,89,248,.07), rgba(0,190,246,.06)) !important;
color: #0059f8 !important;
transform: translateX(2px) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a:hover::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026:hover::before {
opacity: 1 !important;
}
}
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
min-height: clamp(470px, 34vw, 550px) !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image,
body.single-product .woocommerce-product-gallery .zoomImg {
filter: none !important;
box-shadow: none !important;
transform: none !important;
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: none !important;
}
body.single-product .summary.entry-summary,
body.single-product .summary.entry-summary *,
body.single-product .summary form.cart,
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .product_meta {
box-sizing: border-box !important;
}
body.single-product .summary form.cart {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow: hidden !important;
}
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary form.cart,
body.single-product .summary .product_meta {
max-width: 100% !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after {
content: none !important;
display: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a img,
body.tax-product_cat .shop-entry-2026 ul.products li.product a img,
.shop-featured-image-2026 img {
filter: none !important;
box-shadow: none !important;
}
.shop-featured-image-2026::before,
.shop-featured-quick-2026 {
content: none !important;
display: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product,
body.post-type-archive-product .shop-entry-2026 ul.products li.product,
body.tax-product_cat .shop-entry-2026 ul.products li.product {
box-shadow: 0 12px 30px -26px rgba(10,30,90,.16) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product:hover,
body.tax-product_cat .shop-entry-2026 ul.products li.product:hover {
box-shadow: 0 22px 42px -32px rgba(0,89,248,.24), 0 8px 18px -16px rgba(10,30,90,.12) !important;
}
body.woocommerce-cart .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-account .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-checkout .shop-utility-page-2026 > .shop-entry-2026 {
box-sizing: border-box !important;
width: 100% !important;
padding: 24px !important;
border-radius: 28px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 26px 70px -54px rgba(10,40,120,.30) !important;
color: #26344f !important;
}
body.woocommerce-cart .shop-utility-page-2026 .woocommerce,
body.woocommerce-account .shop-utility-page-2026 .woocommerce,
body.woocommerce-checkout .shop-utility-page-2026 .woocommerce {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
color: #26344f !important;
}
body.woocommerce-cart .woocommerce table.shop_table,
body.woocommerce-checkout .woocommerce table.shop_table,
body.woocommerce-account .woocommerce table.shop_table {
border: 1px solid rgba(16,26,74,.065) !important;
border-radius: 20px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: none !important;
}
body.woocommerce-cart .woocommerce table.shop_table th,
body.woocommerce-checkout .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table th {
padding: 14px 16px !important;
background: #f7fbff !important;
color: #5a6485 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .04em !important;
text-transform: none !important;
}
body.woocommerce-cart .woocommerce table.shop_table td,
body.woocommerce-checkout .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce table.shop_table td {
padding: 16px !important;
border-color: rgba(16,26,74,.06) !important;
color: #26344f !important;
}
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #order_review,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
box-sizing: border-box !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.065) !important;
box-shadow: 0 18px 44px -36px rgba(10,40,120,.26) !important;
padding: 22px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: flex !important;
align-items: center !important;
min-height: 40px !important;
padding: 0 14px !important;
border-radius: 999px !important;
color: #5a6485 !important;
font-weight: 700 !important;
text-decoration: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
color: #fff !important;
}
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce input.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce input.button {
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border: 0 !important;
color: #fff !important;
font-weight: 800 !important;
text-transform: none !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.54) !important;
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info {
border-radius: 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.08) !important;
color: #44506b !important;
box-shadow: none !important;
}
@media (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content .bd.shop-page-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.woocommerce-cart .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-account .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-checkout .shop-utility-page-2026 > .shop-entry-2026 {
padding: 14px !important;
border-radius: 22px !important;
}
}
/* =====================================================================
2026.95 — Utility page surface priority
===================================================================== */
body.woocommerce-cart #content .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-account #content .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-checkout #content .shop-utility-page-2026 > .shop-entry-2026 {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-cart #content .shop-utility-page-2026 .woocommerce,
body.woocommerce-account #content .shop-utility-page-2026 .woocommerce,
body.woocommerce-checkout #content .shop-utility-page-2026 .woocommerce {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
padding: 24px !important;
border-radius: 30px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28) !important;
color: #26344f !important;
}
@media (max-width: 1024px) {
body.woocommerce-cart #content .shop-utility-page-2026 .woocommerce,
body.woocommerce-account #content .shop-utility-page-2026 .woocommerce,
body.woocommerce-checkout #content .shop-utility-page-2026 .woocommerce {
padding: 14px !important;
border-radius: 22px !important;
}
}
body.single-product .woocommerce-product-gallery__image a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
width: 100% !important;
height: clamp(520px, 42vw, 640px) !important;
max-height: 640px !important;
object-fit: contain !important;
object-position: center center !important;
filter: drop-shadow(0 22px 30px rgba(10,40,120,.13)) !important;
}
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery::after {
left: 18% !important;
right: 18% !important;
bottom: -2px !important;
height: 20px !important;
top: auto !important;
top: unset !important;
opacity: .72 !important;
}
body.single-product .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
counter-reset: none !important;
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 8px !important;
margin: 14px 0 0 !important;
padding: 0 !important;
list-style: none !important;
overflow: visible !important;
}
body.single-product .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
position: relative !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
width: auto !important;
}
body.single-product .flex-control-thumbs li::before,
body.single-product .flex-control-thumbs li::after,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li::before,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li::after {
content: none !important;
display: none !important;
}
body.single-product .flex-control-thumbs img {
display: block !important;
width: 100% !important;
height: 96px !important;
padding: 8px !important;
object-fit: contain !important;
border-radius: 15px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 10px 22px -20px rgba(10,40,120,.20) !important;
transform: none !important;
}
body.single-product .flex-control-thumbs img:hover,
body.single-product .flex-control-thumbs .flex-active img {
border-color: rgba(0,89,248,.42) !important;
box-shadow: 0 16px 28px -20px rgba(0,89,248,.38) !important;
transform: translateY(-1px) !important;
}
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
padding: 28px 30px !important;
border-radius: 26px !important;
background: rgba(255,255,255,.88) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 22px 58px -44px rgba(10,40,120,.30), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.single-product .summary .product_title,
body.single-product .summary h1.product_title {
order: 1 !important;
font-size: clamp(30px, 2.35vw, 40px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
margin: 0 0 14px !important;
}
body.single-product .summary .price {
order: 2 !important;
margin-bottom: 18px !important;
padding-bottom: 18px !important;
font-size: 30px !important;
letter-spacing: 0 !important;
}
body.single-product .summary form.cart {
order: 3 !important;
margin: 0 0 18px !important;
padding: 12px !important;
border-radius: 20px !important;
background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
}
body.single-product .summary .woocommerce-product-details__short-description {
order: 4 !important;
margin: 0 0 16px !important;
padding: 18px 20px !important;
border-radius: 20px !important;
background: rgba(247,251,255,.82) !important;
border-color: rgba(16,26,74,.055) !important;
line-height: 1.62 !important;
}
body.single-product .summary .product_meta {
order: 5 !important;
margin-top: 0 !important;
border-radius: 20px !important;
}
body.single-product .summary iframe,
body.single-product .summary video {
max-width: 100% !important;
border-radius: 16px !important;
overflow: hidden !important;
}
body.single-product .pswp,
body.single-product .pswp--open,
body.single-product .pswp__bg,
body.single-product .pswp__scroll-wrap,
.pswp,
.pswp--open,
.pswp__bg,
.pswp__scroll-wrap {
z-index: 2147483000 !important;
}
body.single-product .pswp__top-bar,
body.single-product .pswp__caption,
body.single-product .pswp__button,
.pswp__top-bar,
.pswp__caption,
.pswp__button {
z-index: 2147483001 !important;
}
body.single-product .pp_overlay,
body.single-product .pp_pic_holder,
.pp_overlay,
.pp_pic_holder {
z-index: 2147483000 !important;
}
@media (max-width: 1280px) and (min-width: 1025px) {
body.single-product #content > .hd.shop-hd-2026,
body.single-product #content .bd.shop-page-2026 {
width: min(1240px, calc(100vw - 64px)) !important;
}
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: minmax(0, 640px) minmax(390px, 1fr) !important;
gap: 22px !important;
padding: 18px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: clamp(480px, 44vw, 580px) !important;
}
}
@media (max-width: 1024px) {
body.single-product #content { top: 24px !important; }
body.single-product #content > .hd.shop-hd-2026,
body.single-product #content .bd.shop-page-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026 {
display: grid !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
padding: 10px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.86) !important;
}
body.single-product .shop-hd-product-2026 .shop-search-landing-2026 {
width: 100% !important;
max-width: none !important;
order: 1 !important;
}
body.single-product .shop-hd-product-2026 .shop-icon-actions-2026 {
order: 2 !important;
width: auto !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 {
order: 3 !important;
grid-column: 1 / -1 !important;
display: flex !important;
gap: 8px !important;
padding: 2px 0 0 !important;
overflow-x: auto !important;
scrollbar-width: none !important;
}
body.single-product .shop-hd-product-2026 .shop-category-rail-2026::-webkit-scrollbar { display: none !important; }
body.single-product .shop-hd-product-2026 .shop-mega-item-2026 { flex: 0 0 auto !important; }
body.single-product .shop-hd-product-2026 .shop-mega-link-2026 {
width: auto !important;
min-height: 40px !important;
height: 40px !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: 1fr !important;
padding: 14px !important;
border-radius: 24px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: auto !important;
max-height: none !important;
}
body.single-product .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.single-product .flex-control-thumbs img { height: 82px !important; }
}
/* =====================================================================
2026.90 — Product page final alignment
===================================================================== */
body.single-product #content {
top: 12px !important;
}
body.single-product #content > .hd.shop-hd-2026 {
margin-bottom: 10px !important;
}
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: minmax(0, 660px) minmax(460px, 1fr) !important;
gap: 26px !important;
padding: 20px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: clamp(480px, 36vw, 560px) !important;
max-height: 560px !important;
}
body.single-product .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 7px !important;
margin-top: 12px !important;
}
body.single-product .flex-control-thumbs img {
height: 84px !important;
border-radius: 14px !important;
}
body.single-product .shop-entry-2026 span.onsale {
min-width: 74px !important;
width: auto !important;
height: 32px !important;
min-height: 32px !important;
padding: 0 13px !important;
font-size: 0 !important;
}
body.single-product .shop-entry-2026 span.onsale::before {
content: "Скидка" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 950 !important;
line-height: 1 !important;
letter-spacing: .045em !important;
text-transform: uppercase !important;
}
body.single-product .summary .product_title,
body.single-product .summary h1.product_title {
font-size: clamp(28px, 2.1vw, 38px) !important;
}
@media (max-width: 1280px) and (min-width: 1025px) {
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: minmax(0, 600px) minmax(390px, 1fr) !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: clamp(450px, 38vw, 520px) !important;
max-height: 520px !important;
}
}
@media (max-width: 1024px) {
body.single-product #content { top: 20px !important; }
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: 1fr !important;
padding: 14px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: auto !important;
max-height: none !important;
}
body.single-product .flex-control-thumbs img { height: 78px !important; }
}
/* =====================================================================
2026.91 — Shared commerce bar + clean product gallery
===================================================================== */
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
#content > .hd.shop-hd-2026,
#content .bd.shop-page-2026 {
left: auto !important;
transform: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-product #content > .hd.shop-hd-2026,
body.single-product #content .bd.shop-page-2026,
body.woocommerce-shop #content > .hd.shop-hd-2026,
body.woocommerce-shop #content .bd.shop-page-2026 {
width: min(1460px, calc(100vw - 88px)) !important;
max-width: 1460px !important;
}
body.single-product #content { top: 10px !important; }
body.single-product #content > .hd.shop-hd-2026 { margin-bottom: 12px !important; }
body.single-product .shop-hd-product-2026 .shop-hd-shell { max-width: 1460px !important; }
@media (min-width: 1025px) {
body.woocommerce-page .shop-commerce-bar-2026 {
display: grid !important;
grid-template-columns: minmax(0, max-content) minmax(360px, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
min-height: 64px !important;
padding: 10px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.92) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 18px 46px -36px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.94) !important;
backdrop-filter: blur(18px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
overflow: visible !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 5px !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding: 4px !important;
border-radius: 999px !important;
background: rgba(246,249,255,.72) !important;
border: 1px solid rgba(16,26,74,.045) !important;
overflow: visible !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 {
position: relative !important;
flex: 0 0 auto !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 15px !important;
border-radius: 999px !important;
background: transparent !important;
border: 1px solid transparent !important;
box-shadow: none !important;
color: #3b4664 !important;
font-size: 13.2px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
text-align: center !important;
transform: none !important;
transition: background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after,
body.woocommerce-page .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible {
background: #fff !important;
border-color: rgba(0,89,248,.11) !important;
box-shadow: 0 12px 24px -20px rgba(0,89,248,.32) !important;
color: #0059f8 !important;
outline: none !important;
}
body.woocommerce-page .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
padding-right: 31px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236a7494' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 13px center !important;
background-size: 10px 10px !important;
}
body.woocommerce-page .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230059f8' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}
body.woocommerce-page .shop-mega-item-2026--more .shop-mega-link-2026 {
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .02em !important;
text-transform: none !important;
margin-left: 0 !important;
}
body.woocommerce-page .shop-search-landing-2026 {
align-self: center !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: 44px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-form,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-sf-wrapp,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input {
height: 44px !important;
min-height: 44px !important;
line-height: 44px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-sf-wrapp {
border-radius: 999px !important;
background: rgba(247,250,255,.86) !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
overflow: hidden !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-sf-wrapp:focus-within {
background: #fff !important;
border-color: rgba(0,89,248,.22) !important;
box-shadow: 0 0 0 3px rgba(0,89,248,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input:focus {
padding: 0 44px 0 54px !important;
border: 0 !important;
border-radius: 999px !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
font-size: 14px !important;
font-weight: 650 !important;
color: #26344f !important;
}
body.woocommerce-page .shop-icon-actions-2026 {
display: grid !important;
grid-template-columns: repeat(2, 44px) !important;
gap: 8px !important;
align-items: center !important;
justify-content: end !important;
width: auto !important;
}
body.woocommerce-page .shop-icon-action-2026 {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
border-radius: 999px !important;
background: rgba(247,250,255,.86) !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: none !important;
}
body.woocommerce-page .shop-icon-action-2026--cart {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 14px 26px -18px rgba(0,89,248,.58) !important;
}
}
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: minmax(0, 650px) minmax(460px, 1fr) !important;
gap: 30px !important;
padding: 24px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 26px 70px -54px rgba(10,40,120,.30) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a,
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery::after {
display: none !important;
content: none !important;
}
body.single-product .woocommerce-product-gallery__image a {
cursor: zoom-in !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: clamp(470px, 34vw, 550px) !important;
max-height: 550px !important;
object-fit: contain !important;
filter: drop-shadow(0 22px 26px rgba(10,40,120,.12)) !important;
}
body.single-product .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 12px !important;
}
body.single-product .flex-control-thumbs li {
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
border-radius: 14px !important;
box-shadow: 0 10px 22px -20px rgba(10,40,120,.18) !important;
overflow: hidden !important;
}
body.single-product .flex-control-thumbs img {
height: 78px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
object-fit: contain !important;
}
body.single-product .flex-control-thumbs li:hover,
body.single-product .flex-control-thumbs li:has(.flex-active) {
border-color: rgba(0,89,248,.34) !important;
box-shadow: 0 16px 28px -22px rgba(0,89,248,.34) !important;
}
body.single-product .shop-entry-2026 div.product div.summary,
body.single-product .shop-entry-2026 .summary.entry-summary {
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 22px 54px -44px rgba(10,40,120,.26) !important;
}
body.single-product .woocommerce-product-gallery__trigger {
width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.92) !important;
border: 1px solid rgba(16,26,74,.07) !important;
box-shadow: 0 14px 30px -18px rgba(10,40,120,.34) !important;
color: #0059f8 !important;
font-size: 0 !important;
top: 12px !important;
right: 12px !important;
}
body.single-product .woocommerce-product-gallery__trigger::before {
content: "" !important;
display: block !important;
width: 19px !important;
height: 19px !important;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230059f8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3Cpath d='M11 8v6'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
-webkit-mask: none !important;
mask: none !important;
}
body.single-product .woocommerce-product-gallery__trigger::after {
content: none !important;
display: none !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: minmax(0, 590px) minmax(400px, 1fr) !important;
gap: 24px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: clamp(430px, 36vw, 510px) !important;
max-height: 510px !important;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
body.single-product #content > .hd.shop-hd-2026,
body.single-product #content .bd.shop-page-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.single-product .shop-entry-2026 > div.product {
grid-template-columns: 1fr !important;
padding: 14px !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image {
height: auto !important;
max-height: none !important;
}
body.single-product .flex-control-thumbs img { height: 74px !important; }
}
/* =====================================================================
2026.94 — Final Woo polish layer
===================================================================== */
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content .bd.shop-page-2026 {
left: auto !important;
transform: none !important;
width: min(1460px, calc(100vw - 88px)) !important;
max-width: 1460px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
margin-top: 28px !important;
margin-bottom: 18px !important;
}
body.page-template-page-woo-header #content .bd.shop-page-2026 {
box-sizing: border-box !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page .shop-commerce-bar-2026 {
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(255,255,255,.88) !important;
box-shadow: 0 14px 30px -18px rgba(0,89,248,.18), 0 4px 10px -5px rgba(13,28,73,.08), inset 0 0 0 1px rgba(255,255,255,.86) !important;
backdrop-filter: blur(16px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, max-content) minmax(360px, 1fr) auto !important;
gap: 12px !important;
min-height: 62px !important;
padding: 8px !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 {
gap: 2px !important;
padding: 6px !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more .shop-mega-link-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--ink-700) !important;
font-size: 13.5px !important;
font-weight: 650 !important;
letter-spacing: .2px !important;
line-height: 1 !important;
text-transform: none !important;
white-space: nowrap !important;
transform: none !important;
transition: background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 .shop-mega-link-label,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more .shop-mega-link-label {
color: inherit !important;
background: none !important;
-webkit-text-fill-color: currentColor !important;
text-transform: none !important;
letter-spacing: inherit !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026--more.has-dropdown > .shop-mega-link-2026 {
padding-right: 34px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b748a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 10px 10px !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible {
background-color: transparent !important;
background-image: linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
color: #fff !important;
box-shadow: 0 10px 22px -8px rgba(0,89,248,.48), inset 0 0 0 1px rgba(255,255,255,.24) !important;
transform: translateY(-1px) !important;
outline: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 16px center, center !important;
background-size: 10px 10px, 100% 100% !important;
}
body.woocommerce-page .shop-mega-item-2026::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 16px;
background: transparent;
pointer-events: none;
}
body.woocommerce-page .shop-mega-item-2026:hover::after,
body.woocommerce-page .shop-mega-item-2026:focus-within::after {
pointer-events: auto;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact {
top: calc(100% + 14px) !important;
margin-top: 0 !important;
padding: 12px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(0,89,248,.06) !important;
box-shadow: 0 26px 64px -24px rgba(13,28,73,.30), 0 4px 12px -4px rgba(13,28,73,.10), inset 0 0 0 1px rgba(255,255,255,.78) !important;
backdrop-filter: blur(16px) saturate(1.3) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
gap: 8px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026 {
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
width: min(740px, calc(100vw - 80px)) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact {
grid-template-columns: 1fr !important;
width: 270px !important;
}
body.woocommerce-page .shop-mega-column-2026 {
padding: 8px !important;
border-radius: 16px !important;
background: transparent !important;
border: 0 !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026 .shop-mega-heading-2026 {
display: flex !important;
align-items: center !important;
min-height: 34px !important;
margin: 0 0 4px !important;
padding: 8px 10px !important;
border-radius: 12px !important;
color: #101a4a !important;
font-size: 13.2px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-transform: none !important;
text-decoration: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026:hover {
background: rgba(0,89,248,.06) !important;
color: #0059f8 !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026,
body.woocommerce-page .shop-mega-panel-2026--compact .shop-mega-quick-2026 {
position: relative !important;
display: flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 8px 10px 8px 24px !important;
border-radius: 12px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #59657f !important;
font-size: 13px !important;
font-weight: 620 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
text-transform: none !important;
text-decoration: none !important;
transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026::before {
content: "" !important;
position: absolute !important;
left: 11px !important;
top: 50% !important;
width: 5px !important;
height: 5px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
opacity: .32 !important;
transform: translateY(-50%) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026:hover {
background: linear-gradient(120deg, rgba(0,89,248,.07), rgba(0,190,246,.06)) !important;
color: #0059f8 !important;
transform: translateX(2px) !important;
}
}
body.single-product .shop-entry-2026 div.product div.images,
body.single-product .shop-entry-2026 div.product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product div.images .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a {
min-height: clamp(470px, 34vw, 550px) !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image,
body.single-product .woocommerce-product-gallery .zoomImg {
filter: none !important;
box-shadow: none !important;
transform: none !important;
background: transparent !important;
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: none !important;
}
body.single-product .summary.entry-summary,
body.single-product .summary.entry-summary *,
body.single-product .summary form.cart,
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .product_meta {
box-sizing: border-box !important;
}
body.single-product .summary form.cart,
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .product_meta {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after {
content: none !important;
display: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product a img,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a img,
body.tax-product_cat .shop-entry-2026 ul.products li.product a img,
.shop-featured-image-2026 img {
filter: none !important;
box-shadow: none !important;
}
.shop-featured-image-2026::before,
.shop-featured-quick-2026 {
content: none !important;
display: none !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product,
body.post-type-archive-product .shop-entry-2026 ul.products li.product,
body.tax-product_cat .shop-entry-2026 ul.products li.product {
box-shadow: 0 12px 30px -26px rgba(10,30,90,.16) !important;
}
body.woocommerce-shop .shop-entry-2026 ul.products li.product:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product:hover,
body.tax-product_cat .shop-entry-2026 ul.products li.product:hover {
box-shadow: 0 22px 42px -32px rgba(0,89,248,.24), 0 8px 18px -16px rgba(10,30,90,.12) !important;
}
body.woocommerce-cart .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-account .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-checkout .shop-utility-page-2026 > .shop-entry-2026 {
box-sizing: border-box !important;
width: 100% !important;
padding: 24px !important;
border-radius: 28px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 26px 70px -54px rgba(10,40,120,.30) !important;
color: #26344f !important;
}
body.woocommerce-cart .shop-utility-page-2026 .woocommerce,
body.woocommerce-account .shop-utility-page-2026 .woocommerce,
body.woocommerce-checkout .shop-utility-page-2026 .woocommerce {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
color: #26344f !important;
}
body.woocommerce-cart .woocommerce table.shop_table,
body.woocommerce-checkout .woocommerce table.shop_table,
body.woocommerce-account .woocommerce table.shop_table {
border: 1px solid rgba(16,26,74,.065) !important;
border-radius: 20px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: none !important;
}
body.woocommerce-cart .woocommerce table.shop_table th,
body.woocommerce-checkout .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table th {
padding: 14px 16px !important;
background: #f7fbff !important;
color: #5a6485 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .04em !important;
text-transform: none !important;
}
body.woocommerce-cart .woocommerce table.shop_table td,
body.woocommerce-checkout .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce table.shop_table td {
padding: 16px !important;
border-color: rgba(16,26,74,.06) !important;
color: #26344f !important;
}
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #order_review,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
box-sizing: border-box !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.065) !important;
box-shadow: 0 18px 44px -36px rgba(10,40,120,.26) !important;
padding: 22px !important;
}
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce input.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce input.button {
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border: 0 !important;
color: #fff !important;
font-weight: 800 !important;
text-transform: none !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.54) !important;
}
@media (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
body.woocommerce-page #content .bd.shop-page-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content .bd.shop-page-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.woocommerce-cart .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-account .shop-utility-page-2026 > .shop-entry-2026,
body.woocommerce-checkout .shop-utility-page-2026 > .shop-entry-2026 {
padding: 14px !important;
border-radius: 22px !important;
}
}
/* =====================================================================
2026.97 — Unified Woo nav and utility forms, final cascade
===================================================================== */
body.woocommerce-page #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
width: min(1460px, calc(100vw - 64px)) !important;
max-width: 1460px !important;
margin-bottom: 18px !important;
}
body.woocommerce-page:not(.woocommerce-shop) .shop-hd-2026 .shop-hd-shell,
body.page-template-page-woo-header .shop-hd-2026 .shop-hd-shell {
padding: 0 !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
box-sizing: border-box !important;
width: 100% !important;
min-height: 68px !important;
padding: 10px 16px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(255,255,255,.88) !important;
box-shadow: 0 14px 30px -18px rgba(0,89,248,.18), 0 4px 10px -5px rgba(13,28,73,.08), inset 0 0 0 1px rgba(255,255,255,.86) !important;
backdrop-filter: blur(16px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
overflow: visible !important;
}
body.woocommerce-page .shop-icon-actions-2026,
body.single-product .shop-hd-product-2026 .shop-icon-actions-2026 {
padding-right: 4px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-sf-wrapp,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-form {
position: relative !important;
border-radius: 999px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input,
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-input:focus {
padding-left: 54px !important;
padding-right: 62px !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-submit {
right: 8px !important;
top: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 8px 18px -14px rgba(10,40,120,.25) !important;
transform: translateY(-50%) !important;
}
body.woocommerce-page .shop-search-landing-2026 .dgwt-wcas-search-submit svg {
width: 16px !important;
height: 16px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
transform: none !important;
max-width: min(740px, calc(100vw - 32px)) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026.has-dropdown:nth-child(3) > .shop-mega-panel-2026 {
left: 0 !important;
right: auto !important;
}
body.woocommerce-page .shop-hd-utility-2026 .shop-hd-top--compact {
display: none !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 > .shop-entry-2026 {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 .woocommerce {
padding: 26px !important;
border-radius: 30px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 24px 58px -40px rgba(10,40,120,.28) !important;
}
.shop-utility-title-2026 {
box-sizing: border-box !important;
margin: 0 0 22px !important;
padding: 0 0 18px !important;
border-bottom: 1px solid rgba(16,26,74,.065) !important;
}
.shop-utility-title-2026 h1 {
margin: 0 !important;
color: #101a4a !important;
font-size: clamp(26px, 2vw, 34px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
}
.shop-utility-title-2026 p {
max-width: 720px !important;
margin: 8px 0 0 !important;
color: #66718a !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
body.woocommerce-account #content .woocommerce-form-login,
body.woocommerce-account #content form.login {
width: min(100%, 640px) !important;
max-width: 640px !important;
margin: 0 auto !important;
padding: 24px !important;
border-radius: 24px !important;
}
body.woocommerce-account #content .woocommerce-form-login .form-row,
body.woocommerce-account #content form.login .form-row,
body.woocommerce-account #content .woocommerce-form-login .password-input,
body.woocommerce-account #content form.login .password-input {
box-sizing: border-box !important;
width: 100% !important;
max-width: 560px !important;
}
body.woocommerce-account #content .woocommerce-form-login input.input-text,
body.woocommerce-account #content form.login input.input-text,
body.woocommerce-account #content .woocommerce-form-login input[type="password"],
body.woocommerce-account #content form.login input[type="password"] {
box-sizing: border-box !important;
width: 100% !important;
max-width: 560px !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 44px 0 16px !important;
border-radius: 14px !important;
background: #f8fbff !important;
border: 1px solid rgba(16,26,74,.09) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
color: #26344f !important;
}
.shop-category-tiles.front-shop-images {
gap: 10px !important;
margin-top: 14px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.shop-category-tiles.front-shop-images::before,
.shop-category-tiles.front-shop-images::after {
content: none !important;
display: none !important;
}
.shop-category-tiles .front-cat {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 76px !important;
padding: 14px 12px !important;
border-radius: 18px !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 10px 22px -22px rgba(10,40,120,.20) !important;
color: #2a3556 !important;
font-weight: 750 !important;
}
.shop-category-tiles .front-cat svg {
color: #0059f8 !important;
opacity: .72 !important;
}
.shop-category-tiles .front-cat:hover {
transform: translateY(-2px) !important;
background: #fff !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 16px 32px -26px rgba(0,89,248,.24) !important;
}
body.single-product .woocommerce-product-gallery__image img,
body.single-product div.images img.wp-post-image,
body.single-product .woocommerce-product-gallery .zoomImg {
filter: none !important;
box-shadow: none !important;
}
.shop-add-fly-2026 {
position: fixed;
z-index: 2147482000;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
padding: 6px;
border-radius: 18px;
background: rgba(255,255,255,.96);
border: 1px solid rgba(0,89,248,.12);
box-shadow: 0 24px 50px -24px rgba(0,89,248,.45);
pointer-events: none;
opacity: 1;
transition: transform .72s cubic-bezier(.2,.8,.2,1), opacity .72s ease, border-radius .72s ease;
}
.shop-add-fly-2026 img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
filter: none !important;
box-shadow: none !important;
}
.shop-icon-action-2026--cart.is-cart-pulse-2026 {
animation: shopCartPulse2026 .72s cubic-bezier(.2,.8,.2,1);
}
@keyframes shopCartPulse2026 {
0% { transform: scale(1); }
42% { transform: scale(1.12); box-shadow: 0 0 0 8px rgba(0,190,246,.14), 0 16px 28px -16px rgba(0,89,248,.48); }
100% { transform: scale(1); }
}
body.single-product .summary form.cart.is-adding-2026 {
pointer-events: none;
}
body.single-product .summary .single_add_to_cart_button.is-loading-2026 {
filter: saturate(1.05) brightness(1.02);
box-shadow: 0 0 0 4px rgba(0,190,246,.12), 0 16px 30px -18px rgba(0,89,248,.54) !important;
}
.shop-cart-feedback-2026 {
width: 100%;
max-height: 0;
margin: 0 !important;
overflow: hidden;
color: #0059f8;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
opacity: 0;
transition: max-height .24s ease, margin .24s ease, opacity .24s ease;
}
.shop-cart-feedback-2026.is-visible {
max-height: 40px;
margin-top: 10px !important;
opacity: 1;
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, max-content) minmax(320px, 1fr) auto !important;
gap: 14px !important;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
width: min(100%, calc(100vw - 24px)) !important;
}
body.woocommerce-page .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.page-template-page-woo-header .shop-commerce-bar-2026 {
border-radius: 24px !important;
padding: 10px !important;
}
body.page-template-page-woo-header #content .shop-utility-page-2026 .woocommerce {
padding: 16px !important;
border-radius: 22px !important;
}
body.woocommerce-account #content .woocommerce-form-login,
body.woocommerce-account #content form.login {
padding: 18px !important;
}
}
/* =====================================================================
2026.98 — Collections, dropdowns and category polish
===================================================================== */
.shop-products-toolbar-2026 {
align-items: center !important;
gap: 14px !important;
margin-bottom: 18px !important;
}
.shop-products-toolbar-copy-2026 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-width: 0 !important;
}
.shop-products-eyebrow-2026,
.shop-collections-2026 .shop-featured-head-2026 {
display: none !important;
}
.shop-product-tabs-2026 {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
}
.shop-product-tabs-2026 button {
min-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.shop-featured-grid-2026 {
margin-top: 0 !important;
}
.shop-featured-badges-2026 {
align-items: flex-start !important;
gap: 6px !important;
}
.shop-featured-badge-2026 {
min-height: 25px !important;
padding: 0 10px !important;
border-radius: 999px !important;
box-shadow: 0 10px 20px -14px rgba(10,40,120,.34) !important;
font-size: 10.5px !important;
font-weight: 900 !important;
letter-spacing: .02em !important;
text-transform: none !important;
white-space: nowrap !important;
}
.shop-featured-badge-2026--hit {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
}
.shop-featured-badge-2026--new {
background: linear-gradient(135deg, #16a970, #20d0a1) !important;
}
.shop-featured-badge-2026--sale {
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
}
body.single-product .woocommerce-product-gallery__trigger {
width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 0 !important;
box-shadow: 0 12px 24px -20px rgba(10,40,120,.28) !important;
outline: none !important;
}
body.single-product .woocommerce-product-gallery__trigger::before {
width: 20px !important;
height: 20px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230059f8' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.2'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") !important;
}
body.single-product .woocommerce-product-gallery__trigger::after,
body.single-product .woocommerce-product-gallery__trigger span,
body.single-product .woocommerce-product-gallery__trigger img {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact {
text-align: left !important;
transform: translate3d(0, 10px, 0) scale(.985) !important;
transform-origin: top left !important;
transition: opacity .18s ease, visibility .18s ease, transform .24s cubic-bezier(.2,.8,.2,1) !important;
will-change: opacity, transform !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026:hover > .shop-mega-panel-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-item-2026:focus-within > .shop-mega-panel-2026 {
transform: translate3d(0, 0, 0) scale(1) !important;
}
body.woocommerce-page .shop-mega-column-2026,
body.woocommerce-page .shop-mega-links-2026 {
text-align: left !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 a,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-quick-2026 {
justify-content: flex-start !important;
align-items: center !important;
text-align: left !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026 {
transition: background .18s ease, color .18s ease, transform .2s cubic-bezier(.2,.8,.2,1) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026:hover {
transform: translateX(3px) !important;
}
body.tax-product_cat #content > .hd.shop-hd-2026 {
margin-bottom: 22px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact {
position: relative !important;
display: block !important;
margin-top: 16px !important;
padding: 24px 28px !important;
border-radius: 30px !important;
background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,251,255,.88)) !important;
border: 1px solid rgba(16,26,74,.055) !important;
box-shadow: 0 22px 54px -44px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
overflow: hidden !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact::before {
content: "" !important;
position: absolute !important;
left: 24px !important;
right: 24px !important;
top: 0 !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8, #00bef6, #fa3076) !important;
opacity: .72 !important;
}
body.tax-product_cat .shop-hd-copy h1 {
font-size: clamp(30px, 2.8vw, 46px) !important;
line-height: 1.06 !important;
color: #101a4a !important;
}
body.tax-product_cat .shop-breadcrumbs {
margin-top: 12px !important;
}
@media (max-width: 1024px) {
.shop-products-toolbar-2026 {
align-items: flex-start !important;
flex-direction: column !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact {
padding: 20px !important;
border-radius: 24px !important;
}
}
/* =====================================================================
2026.102 — Category archives and shared dropdown cleanup
===================================================================== */
body.tax-product_cat #content > .hd.shop-hd-2026,
body.post-type-archive-product #content > .hd.shop-hd-2026 {
margin-bottom: 18px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-shell,
body.post-type-archive-product .shop-hd-2026 .shop-hd-shell {
padding: 0 !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact {
display: block !important;
margin: 16px 0 0 !important;
padding: 22px 28px 20px !important;
border-radius: 26px !important;
background: rgba(255,255,255,.94) !important;
background-image: none !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 18px 44px -38px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.88) !important;
overflow: visible !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact::before,
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact::after,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact::before,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact::after {
content: none !important;
display: none !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy {
width: 100% !important;
max-width: 920px !important;
padding: 0 !important;
margin: 0 !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1 {
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
font-size: clamp(28px, 2.2vw, 38px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-shadow: none !important;
opacity: 1 !important;
overflow: visible !important;
}
body.tax-product_cat .shop-hd-2026 .shop-breadcrumbs,
body.post-type-archive-product .shop-hd-2026 .shop-breadcrumbs {
margin-top: 10px !important;
color: #66718a !important;
font-size: 12.5px !important;
}
body.tax-product_cat .shop-category-tiles,
body.post-type-archive-product .shop-category-tiles {
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026,
body.single-product .shop-category-rail-2026 .shop-mega-panel-2026,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-panel-2026 {
text-align: left !important;
}
body.woocommerce-page .shop-mega-column-2026,
body.woocommerce-page .shop-mega-links-2026,
body.single-product .shop-mega-column-2026,
body.single-product .shop-mega-links-2026 {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
text-align: left !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026,
body.single-product .shop-category-rail-2026 .shop-mega-links-2026 a,
body.single-product .shop-category-rail-2026 .shop-mega-heading-2026,
body.single-product .shop-category-rail-2026 .shop-mega-quick-2026 {
justify-content: flex-start !important;
text-align: left !important;
padding-left: 12px !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026::before,
body.single-product .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.single-product .shop-category-rail-2026 .shop-mega-quick-2026::before {
content: none !important;
display: none !important;
}
@media (min-width: 1025px) {
body.tax-product_cat .shop-entry-2026,
body.post-type-archive-product .shop-entry-2026 {
padding-top: 4px !important;
}
body.tax-product_cat .shop-entry-2026 ul.products,
body.post-type-archive-product .shop-entry-2026 ul.products {
gap: 18px !important;
align-items: stretch !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product,
body.post-type-archive-product .shop-entry-2026 ul.products li.product {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-height: 100% !important;
padding: 14px 14px 16px !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.06) !important;
box-shadow: 0 14px 32px -28px rgba(10,30,90,.18) !important;
overflow: hidden !important;
transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product:hover {
transform: translateY(-4px) !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 24px 52px -36px rgba(0,89,248,.28), 0 8px 20px -18px rgba(10,30,90,.14) !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::before,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::before,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.woocommerce-LoopProduct-link::after,
body.tax-product_cat .shop-entry-2026 ul.products li.product::before,
body.post-type-archive-product .shop-entry-2026 ul.products li.product::before {
content: none !important;
display: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product a img,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
max-height: 330px !important;
object-fit: contain !important;
padding: 8px !important;
margin: 0 0 14px !important;
border-radius: 18px !important;
background: #fff !important;
filter: none !important;
box-shadow: none !important;
transition: transform .32s cubic-bezier(.2,.8,.2,1) !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product:hover a img,
body.post-type-archive-product .shop-entry-2026 ul.products li.product:hover a img {
transform: scale(1.025) !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product img.secondary-image,
body.post-type-archive-product .shop-entry-2026 ul.products li.product img.secondary-image {
display: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .shop-entry-2026 ul.products li.product h2,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product .shop-entry-2026 ul.products li.product h2 {
min-height: 2.72em !important;
margin: 0 0 10px !important;
padding: 0 !important;
color: #101a4a !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.36 !important;
text-align: left !important;
letter-spacing: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price {
display: flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: 6px 12px !important;
min-height: 36px !important;
margin: auto 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #0059f8 !important;
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
text-align: left !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price .screen-reader-text,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price del,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price del {
order: 1 !important;
color: #9aa7bd !important;
font-size: 13px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
text-decoration-thickness: 1px !important;
opacity: 1 !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price del .amount,
body.tax-product_cat .shop-entry-2026 ul.products li.product .price del bdi,
body.tax-product_cat .shop-entry-2026 ul.products li.product .price del .woocommerce-Price-currencySymbol,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price del .amount,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price del bdi,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price del .woocommerce-Price-currencySymbol {
color: #9aa7bd !important;
font-size: 13px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price ins,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price ins {
order: 2 !important;
background: transparent !important;
color: #0059f8 !important;
font-size: 18px !important;
font-weight: 950 !important;
line-height: 1.15 !important;
text-decoration: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price ins .amount,
body.tax-product_cat .shop-entry-2026 ul.products li.product .price ins bdi,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price ins .amount,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price ins bdi {
color: #0059f8 !important;
font-size: 18px !important;
font-weight: 950 !important;
line-height: 1.15 !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .price ins .woocommerce-Price-currencySymbol,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .price ins .woocommerce-Price-currencySymbol {
font-size: 12px !important;
font-weight: 850 !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .button,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.add_to_cart_button,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .button,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.add_to_cart_button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
box-sizing: border-box !important;
align-self: stretch !important;
width: 100% !important;
max-width: 100% !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
left: auto !important;
right: auto !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border: 0 !important;
box-shadow: 0 14px 26px -16px rgba(0,89,248,.48) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .button::after,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .button::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button::after {
content: none !important;
display: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .onsale,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .onsale {
position: absolute !important;
top: 18px !important;
right: 18px !important;
left: auto !important;
z-index: 8 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: 28px !important;
min-width: 58px !important;
min-height: 28px !important;
padding: 0 11px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #fa3076, #fa4f30) !important;
border: 0 !important;
box-shadow: 0 12px 22px -14px rgba(250,48,118,.58) !important;
color: #fff !important;
font-size: 10.5px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
transform: none !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .onsale::before,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .onsale::before {
content: "Скидка" !important;
display: inline !important;
width: auto !important;
height: auto !important;
background: none !important;
color: inherit !important;
font: inherit !important;
line-height: inherit !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product .onsale::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product .onsale::after {
content: none !important;
display: none !important;
}
}
@media (max-width: 1024px) {
body.tax-product_cat .shop-hd-2026 .shop-hd-shell,
body.post-type-archive-product .shop-hd-2026 .shop-hd-shell {
border-radius: 24px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact {
padding: 18px !important;
border-radius: 22px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1 {
font-size: 28px !important;
}
}
/* =====================================================================
2026.103 — Robust Woo archive title paint
===================================================================== */
body.tax-product_cat #content .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy > h1[data-title],
body.post-type-archive-product #content .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy > h1[data-title] {
display: block !important;
width: auto !important;
height: auto !important;
min-height: 1.08em !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
text-shadow: none !important;
overflow: visible !important;
filter: none !important;
mix-blend-mode: normal !important;
}
body.tax-product_cat #content .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy > h1[data-title]::before,
body.post-type-archive-product #content .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy > h1[data-title]::before {
content: attr(data-title) !important;
display: block !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
font-size: clamp(28px, 2.2vw, 38px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
}
/* =====================================================================
2026.106 — Shared Woo dropdown, logo and shop trust polish
===================================================================== */
#header,
body.woocommerce-page #header {
padding-top: 22px !important;
}
#header #id,
body.woocommerce-page #header #id {
min-height: 113px !important;
height: 113px !important;
align-items: flex-start !important;
}
#header #id h1 {
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
#header #id h1 a > img,
#header #id h1 a > img.brand-logo-img,
body.woocommerce-page #header #id img {
display: block !important;
width: auto !important;
height: 86px !important;
max-width: 100% !important;
border: 0 !important;
box-shadow: none !important;
}
#primary-nav,
body.woocommerce-page #primary-nav {
margin-top: 16px !important;
}
body.woocommerce-page #content > .hd.shop-hd-2026,
body.single-product #content > .hd.shop-hd-2026,
body.tax-product_cat #content > .hd.shop-hd-2026 {
margin-top: 4px !important;
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-hd-2026 .shop-commerce-bar-2026,
body.single-product .shop-hd-product-2026 .shop-commerce-bar-2026,
body.tax-product_cat .shop-hd-2026 .shop-commerce-bar-2026,
body.post-type-archive-product .shop-hd-2026 .shop-commerce-bar-2026 {
display: grid !important;
grid-template-columns: minmax(0, max-content) minmax(360px, 1fr) auto !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 75px !important;
padding: 10px 16px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(255,255,255,.88) !important;
box-shadow: 0 14px 30px -18px rgba(0,89,248,.18), 0 4px 10px -5px rgba(13,28,73,.08), inset 0 0 0 1px rgba(255,255,255,.86) !important;
backdrop-filter: blur(16px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
}
body.woocommerce-page .shop-hd-2026 .shop-category-rail-2026.shop-mega-nav-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026,
body.tax-product_cat .shop-hd-2026 .shop-category-rail-2026.shop-mega-nav-2026,
body.post-type-archive-product .shop-hd-2026 .shop-category-rail-2026.shop-mega-nav-2026 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 2px !important;
width: auto !important;
min-height: 54px !important;
padding: 6px !important;
margin: 0 !important;
border-radius: 999px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
list-style: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
padding: 0 18px !important;
margin: 0 !important;
border-radius: 999px !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #475073 !important;
font-size: 13.5px !important;
font-weight: 650 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: nowrap !important;
text-decoration: none !important;
transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown > .shop-mega-link-2026 {
padding-right: 34px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b748a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 10px 10px !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-label,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-label,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-label,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-label {
color: inherit !important;
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-text-fill-color: currentColor !important;
font: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background-image: linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
color: #fff !important;
box-shadow: 0 10px 22px -8px rgba(0,89,248,.48), inset 0 0 0 1px rgba(255,255,255,.24) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 16px center, center !important;
background-size: 10px 10px, 100% 100% !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-panel-2026,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-panel-2026,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-panel-2026 {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
width: min(740px, calc(100vw - 80px)) !important;
top: calc(100% + 14px) !important;
padding: 12px !important;
gap: 8px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(0,89,248,.06) !important;
box-shadow: 0 26px 64px -24px rgba(13,28,73,.30), 0 4px 12px -4px rgba(13,28,73,.10), inset 0 0 0 1px rgba(255,255,255,.78) !important;
text-align: left !important;
backdrop-filter: blur(16px) saturate(1.3) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-panel-2026--compact,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-panel-2026--compact,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-panel-2026--compact,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-panel-2026--compact {
grid-template-columns: 1fr !important;
width: 270px !important;
}
body.woocommerce-page .shop-mega-column-2026,
body.single-product .shop-hd-product-2026 .shop-mega-column-2026,
body.tax-product_cat .shop-mega-column-2026,
body.post-type-archive-product .shop-mega-column-2026 {
box-sizing: border-box !important;
padding: 8px 8px 8px 0 !important;
border-radius: 16px !important;
background: transparent !important;
border: 0 !important;
list-style: none !important;
text-align: left !important;
}
body.woocommerce-page .shop-mega-links-2026,
body.single-product .shop-hd-product-2026 .shop-mega-links-2026,
body.tax-product_cat .shop-mega-links-2026,
body.post-type-archive-product .shop-mega-links-2026 {
display: grid !important;
gap: 2px !important;
padding: 9px 0 0 !important;
margin: 0 !important;
list-style: none !important;
text-align: left !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-heading-2026,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-heading-2026,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-heading-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 33px !important;
margin: 0 0 4px !important;
padding: 8px 10px !important;
border-radius: 12px !important;
background: linear-gradient(#fff, #f7fbff) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.30) !important;
color: #101a4a !important;
font-size: 13.2px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-links-2026 a,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-quick-2026,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-links-2026 a,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-quick-2026,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-links-2026 a,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-quick-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 28px !important;
padding: 6px 8px !important;
margin: 0 !important;
border-radius: 10px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: rgba(74,85,104,.84) !important;
font-size: 12.2px !important;
font-weight: 620 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
transform: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-heading-2026::after,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a::after,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026::before,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026::after,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-heading-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-heading-2026::after,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-links-2026 a::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-links-2026 a::after,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-quick-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-quick-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.woocommerce-page .shop-category-rail-2026 .shop-mega-quick-2026:hover,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-quick-2026:hover,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-quick-2026:hover,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-links-2026 a:hover,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-quick-2026:hover {
background: linear-gradient(120deg, rgba(0,89,248,.07), rgba(0,190,246,.06)) !important;
color: #0059f8 !important;
transform: translateX(2px) !important;
}
}
body.woocommerce-shop .shop-trust-strip-2026 {
gap: 10px !important;
margin-top: 20px !important;
padding: 12px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.92) !important;
}
body.woocommerce-shop .shop-trust-strip-2026 div {
grid-template-columns: 42px minmax(0, 1fr) !important;
align-content: center !important;
align-items: center !important;
column-gap: 12px !important;
row-gap: 3px !important;
min-height: 66px !important;
padding: 10px 14px !important;
border-left: 0 !important;
border-radius: 18px !important;
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.86)) !important;
box-shadow: inset 0 0 0 1px rgba(0,89,248,.055) !important;
}
body.woocommerce-shop .shop-trust-strip-2026 svg {
width: 38px !important;
height: 38px !important;
padding: 9px !important;
border-radius: 14px !important;
background: rgba(0,89,248,.075) !important;
}
body.woocommerce-shop .shop-trust-strip-2026 strong,
body.woocommerce-shop .shop-trust-strip-2026 span {
line-height: 1.22 !important;
letter-spacing: 0 !important;
}
body.woocommerce-shop .shop-trust-strip-2026 strong {
color: #101a4a !important;
font-size: 13px !important;
font-weight: 850 !important;
}
body.woocommerce-shop .shop-trust-strip-2026 span {
color: #66718a !important;
font-size: 12.3px !important;
font-weight: 620 !important;
}
@media (max-width: 1024px) {
#header,
body.woocommerce-page #header {
padding-top: 16px !important;
}
#header #id,
body.woocommerce-page #header #id {
min-height: 96px !important;
height: 96px !important;
}
#primary-nav,
body.woocommerce-page #primary-nav {
margin-top: 10px !important;
}
#header #id h1 a > img,
#header #id h1 a > img.brand-logo-img,
body.woocommerce-page #header #id img {
height: 78px !important;
}
body.woocommerce-shop .shop-trust-strip-2026 {
grid-template-columns: 1fr !important;
}
}
/* =====================================================================
2026.107 — Woo header rhythm and cart preview
===================================================================== */
body.woocommerce-page #content {
padding-top: 24px !important;
}
body.woocommerce-page #content > .hd.shop-hd-2026,
body.single-product #content > .hd.shop-hd-2026,
body.tax-product_cat #content > .hd.shop-hd-2026,
body.post-type-archive-product #content > .hd.shop-hd-2026,
body.page-template-page-woo-header #content > .hd.shop-hd-2026 {
margin-top: 0 !important;
}
#feeds-nav ul.feeds li.feed.feed-tg > a { background: linear-gradient(135deg, #2aabee, #229ed9) !important; }
#feeds-nav ul.feeds li.feed.feed-fb > a { background: linear-gradient(135deg, #1877f2, #0a5dc7) !important; }
#feeds-nav ul.feeds li.feed.feed-ig > a { background: radial-gradient(circle at 30% 110%, #fdd66a 0%, #f76b1c 22%, #e63558 45%, #c5208e 68%, #5d40c9 100%) !important; }
#feeds-nav ul.feeds li.feed.feed-yt > a { background: linear-gradient(135deg, #ff3b3b, #cc0000) !important; }
#feeds-nav ul.feeds li.feed > a > svg {
display: block !important;
width: 18px !important;
height: 18px !important;
color: #fff !important;
}
.shop-cart-preview-wrap-2026 {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
z-index: 3400 !important;
}
.shop-cart-preview-wrap-2026::after {
content: "";
position: absolute;
left: -12px;
right: -12px;
top: 100%;
height: 18px;
background: transparent;
}
.shop-cart-preview-wrap-2026 > .shop-icon-action-2026--cart {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
}
.shop-cart-preview-2026 {
box-sizing: border-box !important;
position: absolute !important;
top: calc(100% + 16px) !important;
right: 0 !important;
z-index: 3600 !important;
width: min(386px, calc(100vw - 32px)) !important;
padding: 14px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 28px 70px -28px rgba(13,28,73,.32), 0 8px 18px -10px rgba(13,28,73,.12), inset 0 0 0 1px rgba(255,255,255,.78) !important;
color: #26344f !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate3d(0, 10px, 0) scale(.985) !important;
transform-origin: top right !important;
transition: opacity .18s ease, visibility .18s ease, transform .24s cubic-bezier(.2,.8,.2,1) !important;
backdrop-filter: blur(18px) saturate(1.24) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.24) !important;
}
.shop-cart-preview-wrap-2026:hover .shop-cart-preview-2026,
.shop-cart-preview-wrap-2026:focus-within .shop-cart-preview-2026 {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translate3d(0, 0, 0) scale(1) !important;
}
.shop-cart-preview-wrap-2026:hover > .shop-icon-action-2026--cart > span,
.shop-cart-preview-wrap-2026:focus-within > .shop-icon-action-2026--cart > span {
opacity: 0 !important;
visibility: hidden !important;
}
.shop-cart-preview-head-2026,
.shop-cart-preview-total-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
}
.shop-cart-preview-head-2026 {
padding: 2px 2px 12px !important;
}
.shop-cart-preview-head-2026 strong {
color: #101a4a !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
}
.shop-cart-preview-head-2026 span {
padding: 5px 9px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.075) !important;
color: #0059f8 !important;
font-size: 11.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
}
.shop-cart-preview-list-2026 {
display: grid !important;
gap: 8px !important;
margin: 0 0 12px !important;
}
.shop-cart-preview-item-2026 {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
min-height: 68px !important;
padding: 7px !important;
border-radius: 17px !important;
background: linear-gradient(180deg, rgba(247,251,255,.9), rgba(255,255,255,.96)) !important;
border: 1px solid rgba(16,26,74,.055) !important;
color: #26344f !important;
text-decoration: none !important;
transition: background .2s ease, border-color .2s ease, transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important;
}
.shop-cart-preview-item-2026:hover {
background: #fff !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 14px 26px -22px rgba(0,89,248,.34) !important;
transform: translateY(-1px) !important;
}
.shop-cart-preview-image-2026 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 14px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
overflow: hidden !important;
}
.shop-cart-preview-image-2026 img {
display: block !important;
width: 100% !important;
height: 100% !important;
padding: 5px !important;
object-fit: contain !important;
filter: none !important;
box-shadow: none !important;
}
.shop-cart-preview-meta-2026 {
display: grid !important;
gap: 5px !important;
min-width: 0 !important;
}
.shop-cart-preview-name-2026 {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
color: #101a4a !important;
font-size: 13px !important;
font-weight: 820 !important;
line-height: 1.25 !important;
}
.shop-cart-preview-qty-2026 {
color: #66718a !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.shop-cart-preview-qty-2026 .amount,
.shop-cart-preview-total-2026 .amount {
color: #0059f8 !important;
font-weight: 900 !important;
}
.shop-cart-preview-more-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.07) !important;
color: #0059f8 !important;
font-size: 12px !important;
font-weight: 850 !important;
text-decoration: none !important;
}
.shop-cart-preview-total-2026 {
margin: 0 0 12px !important;
padding: 12px 14px !important;
border-radius: 17px !important;
background: #f7fbff !important;
border: 1px solid rgba(16,26,74,.055) !important;
}
.shop-cart-preview-total-2026 span {
color: #66718a !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.shop-cart-preview-total-2026 strong {
color: #0059f8 !important;
font-size: 15px !important;
font-weight: 950 !important;
line-height: 1.1 !important;
}
.shop-cart-preview-actions-2026 {
display: grid !important;
grid-template-columns: 1fr 1.15fr !important;
gap: 8px !important;
}
.shop-cart-preview-button-2026 {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 0 14px !important;
border-radius: 999px !important;
font-size: 12.5px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease, color .22s ease !important;
}
.shop-cart-preview-button-2026:hover {
transform: translateY(-1px) !important;
}
.shop-cart-preview-button-2026--secondary {
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
color: #0059f8 !important;
}
.shop-cart-preview-button-2026--primary {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 16px 28px -18px rgba(0,89,248,.58) !important;
}
.shop-cart-preview-empty-2026 {
display: grid !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(16,26,74,.055) !important;
text-align: center !important;
}
.shop-cart-preview-empty-2026 span {
color: #66718a !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
@media (max-width: 1024px) {
body.woocommerce-page #content {
padding-top: 18px !important;
}
.shop-cart-preview-2026 {
right: -4px !important;
width: min(360px, calc(100vw - 24px)) !important;
}
}
@media (max-width: 420px) {
.shop-cart-preview-actions-2026 {
grid-template-columns: 1fr !important;
}
}
/* =====================================================================
2026.108 — Cart preview CTA contrast
===================================================================== */
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-more-2026,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026 {
border-color: rgba(16,26,74,.055) !important;
transform: none !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026 {
background: linear-gradient(180deg, rgba(247,251,255,.9), rgba(255,255,255,.96)) !important;
color: #26344f !important;
box-shadow: none !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026:hover {
background: #fff !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 14px 26px -22px rgba(0,89,248,.34) !important;
transform: translateY(-1px) !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-more-2026,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--secondary {
background: #f7fbff !important;
border-color: rgba(0,89,248,.10) !important;
color: #0059f8 !important;
box-shadow: none !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary:hover,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary:focus-visible {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border-color: transparent !important;
color: #fff !important;
box-shadow: 0 16px 28px -18px rgba(0,89,248,.58) !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026:hover,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026:focus-visible {
transform: translateY(-1px) !important;
}
/* =====================================================================
2026.109 — Shop AJAX, calmer surfaces and final dropdown parity
===================================================================== */
@media (min-width: 1025px) {
body.woocommerce-page .shop-hd-2026 .shop-category-rail-2026 .shop-mega-panel-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026 .shop-mega-panel-2026,
body.woocommerce-shop .shop-category-rail-2026 .shop-mega-panel-2026,
body.tax-product_cat .shop-category-rail-2026 .shop-mega-panel-2026,
body.post-type-archive-product .shop-category-rail-2026 .shop-mega-panel-2026 {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
width: min(740px, calc(100vw - 80px)) !important;
top: calc(100% + 14px) !important;
left: 0 !important;
right: auto !important;
padding: 12px !important;
gap: 8px !important;
border-radius: 22px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 26px 64px -24px rgba(13,28,73,.28), 0 4px 12px -4px rgba(13,28,73,.09) !important;
text-align: left !important;
}
body.woocommerce-page .shop-hd-2026 .shop-mega-column-2026,
body.single-product .shop-hd-product-2026 .shop-mega-column-2026,
body.woocommerce-shop .shop-mega-column-2026,
body.tax-product_cat .shop-mega-column-2026,
body.post-type-archive-product .shop-mega-column-2026 {
box-sizing: border-box !important;
padding: 8px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
}
body.woocommerce-page .shop-hd-2026 .shop-mega-heading-2026,
body.single-product .shop-hd-product-2026 .shop-mega-heading-2026,
body.woocommerce-shop .shop-mega-heading-2026,
body.tax-product_cat .shop-mega-heading-2026,
body.post-type-archive-product .shop-mega-heading-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 33px !important;
margin: 0 0 4px !important;
padding: 8px 10px !important;
border-radius: 12px !important;
background: linear-gradient(#fff, #f8fafc) !important;
border: 0 !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.24) !important;
color: #101a4a !important;
font-size: 13.2px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
}
body.woocommerce-page .shop-hd-2026 .shop-mega-links-2026 a,
body.woocommerce-page .shop-hd-2026 .shop-mega-quick-2026,
body.single-product .shop-hd-product-2026 .shop-mega-links-2026 a,
body.single-product .shop-hd-product-2026 .shop-mega-quick-2026,
body.woocommerce-shop .shop-mega-links-2026 a,
body.woocommerce-shop .shop-mega-quick-2026,
body.tax-product_cat .shop-mega-links-2026 a,
body.tax-product_cat .shop-mega-quick-2026,
body.post-type-archive-product .shop-mega-links-2026 a,
body.post-type-archive-product .shop-mega-quick-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 28px !important;
padding: 6px 8px !important;
margin: 0 !important;
border-radius: 10px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: rgba(74,85,104,.84) !important;
font-size: 12.2px !important;
font-weight: 650 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
transform: none !important;
}
body.woocommerce-page .shop-hd-2026 .shop-mega-heading-2026::before,
body.woocommerce-page .shop-hd-2026 .shop-mega-heading-2026::after,
body.woocommerce-page .shop-hd-2026 .shop-mega-links-2026 a::before,
body.woocommerce-page .shop-hd-2026 .shop-mega-links-2026 a::after,
body.single-product .shop-hd-product-2026 .shop-mega-heading-2026::before,
body.single-product .shop-hd-product-2026 .shop-mega-heading-2026::after,
body.single-product .shop-hd-product-2026 .shop-mega-links-2026 a::before,
body.single-product .shop-hd-product-2026 .shop-mega-links-2026 a::after {
content: none !important;
display: none !important;
}
}
body.woocommerce-shop .shop-products-stage-2026 {
position: relative !important;
margin-top: 26px !important;
}
body.woocommerce-shop .shop-products-toolbar-2026 {
align-items: center !important;
margin: 0 0 0 !important;
padding: 0 8px !important;
transform: translateY(1px) !important;
z-index: 4 !important;
}
body.woocommerce-shop .shop-products-toolbar-copy-2026 {
padding: 6px !important;
border-radius: 22px 22px 0 0 !important;
background: rgba(255,255,255,.94) !important;
border: 1px solid rgba(20,26,44,.07) !important;
border-bottom: 0 !important;
box-shadow: 0 -10px 28px -26px rgba(10,30,90,.18) !important;
}
body.woocommerce-shop .shop-product-tabs-2026 {
display: flex !important;
gap: 4px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 17px !important;
background: #f5f6f8 !important;
border: 1px solid rgba(20,26,44,.055) !important;
}
body.woocommerce-shop .shop-product-tabs-2026 button {
position: relative !important;
min-height: 42px !important;
padding: 0 18px !important;
border-radius: 14px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #566174 !important;
font-size: 13px !important;
font-weight: 850 !important;
line-height: 1 !important;
transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body.woocommerce-shop .shop-product-tabs-2026 button.is-active,
body.woocommerce-shop .shop-product-tabs-2026 button:hover {
background: #fff !important;
color: #101a4a !important;
box-shadow: 0 10px 24px -20px rgba(10,30,90,.26) !important;
transform: none !important;
}
body.woocommerce-shop .shop-product-tabs-2026 button.is-active::after {
content: "" !important;
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: -7px !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8, #00bef6) !important;
}
body.woocommerce-shop .shop-featured-printers-2026.shop-collections-2026 {
padding: 24px !important;
border-radius: 0 28px 28px 28px !important;
background: rgba(255,255,255,.94) !important;
border: 1px solid rgba(20,26,44,.07) !important;
box-shadow: 0 22px 58px -44px rgba(10,30,90,.24) !important;
}
.shop-featured-badge-2026--hit,
body.woocommerce-shop .shop-featured-badge-2026--hit {
background: linear-gradient(135deg, #f59e0b, #f97316) !important;
color: #fff !important;
box-shadow: 0 12px 22px -14px rgba(249,115,22,.52) !important;
}
.shop-featured-badge-2026--new,
body.woocommerce-shop .shop-featured-badge-2026--new {
background: linear-gradient(135deg, #15a36d, #1fc09a) !important;
}
.shop-featured-badge-2026--sale,
body.woocommerce-shop .shop-featured-badge-2026--sale {
background: linear-gradient(135deg, #e93673, #f04d4d) !important;
}
body.woocommerce-shop .shop-featured-button-2026,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button {
position: relative !important;
overflow: hidden !important;
}
body.woocommerce-shop a.added_to_cart,
body.woocommerce-shop a.added_to_cart.wc-forward,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.added_to_cart,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.added_to_cart,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.added_to_cart {
display: none !important;
}
body.woocommerce-shop .shop-featured-button-2026.is-adding-2026,
body.woocommerce-shop .shop-featured-button-2026.loading,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.is-adding-2026,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.loading {
pointer-events: none !important;
filter: saturate(1.04) brightness(1.02) !important;
}
body.woocommerce-shop .shop-featured-button-2026.is-adding-2026::before,
body.woocommerce-shop .shop-featured-button-2026.loading::before,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.is-adding-2026::before,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.loading::before,
body.single-product .summary .single_add_to_cart_button.is-adding-2026::after,
body.single-product .summary .single_add_to_cart_button.is-loading-2026::after {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
margin-right: 8px !important;
border-radius: 999px !important;
border: 2px solid rgba(255,255,255,.46) !important;
border-top-color: #fff !important;
animation: shopButtonSpin2026 .72s linear infinite !important;
}
body.woocommerce-shop .shop-featured-button-2026.is-added-2026,
body.woocommerce-shop .shop-featured-button-2026.added,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.is-added-2026,
body.woocommerce-shop .shop-entry-2026 ul.products li.product a.add_to_cart_button.added {
background: linear-gradient(135deg, #16a970, #20c997) !important;
box-shadow: 0 16px 30px -18px rgba(22,169,112,.48) !important;
}
@keyframes shopButtonSpin2026 {
to { transform: rotate(360deg); }
}
.shop-cart-preview-2026 {
background: rgba(255,255,255,.992) !important;
border-color: rgba(20,26,44,.09) !important;
box-shadow: 0 28px 70px -28px rgba(13,28,73,.30), 0 8px 18px -12px rgba(13,28,73,.10) !important;
}
.shop-cart-preview-head-2026 span {
background: #f3f4f6 !important;
color: #3b465c !important;
}
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026,
.shop-cart-preview-item-2026 {
background: linear-gradient(180deg, #fbfbfa, #ffffff) !important;
border-color: rgba(20,26,44,.075) !important;
}
.shop-cart-preview-image-2026,
.shop-cart-preview-total-2026,
.shop-cart-preview-empty-2026,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--secondary,
.shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-more-2026 {
background: #f7f7f5 !important;
border-color: rgba(20,26,44,.075) !important;
}
.shop-cart-preview-qty-2026 .amount,
.shop-cart-preview-total-2026 .amount,
.shop-cart-preview-total-2026 strong {
color: #101a4a !important;
}
body.single-product .summary form.cart {
background: #fff !important;
background-image: linear-gradient(180deg, #fff, #fbfbfa) !important;
border-color: rgba(20,26,44,.075) !important;
box-shadow: 0 16px 34px -28px rgba(10,30,90,.22) !important;
border-radius: 20px !important;
}
body.single-product .summary form.cart .qty {
background: #fff !important;
border-color: rgba(20,26,44,.12) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
color: #101a4a !important;
}
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .product_meta {
background: #fbfbfa !important;
border-color: rgba(20,26,44,.075) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
color: #343d52 !important;
}
body.single-product .summary .product_meta > span {
border-bottom-color: rgba(20,26,44,.075) !important;
}
body.single-product .summary .product_meta a {
color: #1456d9 !important;
font-weight: 800 !important;
}
/* =====================================================================
2026.111 — Exact Woo dropdown typography parity
===================================================================== */
@media (min-width: 1025px) {
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.single-product .shop-hd-2026.shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-heading-2026 {
background: linear-gradient(#fff, #f8fafc) !important;
font-size: 13.2px !important;
font-weight: 800 !important;
line-height: 16.5px !important;
padding: 8px 10px !important;
justify-content: flex-start !important;
text-align: left !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.single-product .shop-hd-2026.shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 .shop-mega-links-2026 a {
font-size: 12.2px !important;
font-weight: 620 !important;
line-height: 14.64px !important;
padding: 6px 8px !important;
justify-content: flex-start !important;
text-align: left !important;
}
}
/* =====================================================================
2026.112 - Woo nav motion, content tuck and cart feedback
===================================================================== */
@media (min-width: 1025px) {
body.woocommerce-page #content > .hd.shop-hd-2026 {
position: relative !important;
z-index: 3600 !important;
margin-bottom: 0 !important;
}
body.woocommerce-page #content .bd.shop-page-2026,
body.woocommerce-page:not(.woocommerce-shop) #content .bd.shop-page-2026 {
position: relative !important;
z-index: 1 !important;
margin-top: -46px !important;
}
body.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 {
padding-top: 60px !important;
}
body.single-product #content .shop-entry-2026 {
padding-top: 62px !important;
}
body.woocommerce-shop .shop-hero-landing-2026 {
margin-top: -40px !important;
}
}
@media (min-width: 761px) and (max-width: 1024px) {
body.woocommerce-page #content > .hd.shop-hd-2026 {
position: relative !important;
z-index: 3600 !important;
margin-bottom: 0 !important;
}
body.woocommerce-page #content .bd.shop-page-2026 {
position: relative !important;
z-index: 1 !important;
margin-top: -30px !important;
}
body.woocommerce-page:not(.woocommerce-shop) #content .shop-entry-2026 {
padding-top: 44px !important;
}
body.woocommerce-shop .shop-hero-landing-2026 {
margin-top: -26px !important;
}
}
@media (min-width: 1025px) {
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 {
position: relative !important;
isolation: isolate !important;
overflow: visible !important;
--shop-nav-glow-x: 0px;
--shop-nav-glow-y: 0px;
--shop-nav-glow-w: 120px;
--shop-nav-glow-h: 42px;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: var(--shop-nav-glow-w) !important;
height: var(--shop-nav-glow-h) !important;
border-radius: 999px !important;
background:
radial-gradient(circle at 22% 18%, rgba(255,255,255,.54), rgba(255,255,255,0) 34%),
linear-gradient(90deg, #0059f8 0%, #00bef6 78%, #35d9ff 100%) !important;
box-shadow: 0 14px 28px -14px rgba(0,89,248,.54), 0 0 0 1px rgba(255,255,255,.32) inset !important;
opacity: 0 !important;
pointer-events: none !important;
transform: translate3d(var(--shop-nav-glow-x), var(--shop-nav-glow-y), 0) scale(.92) !important;
transition: transform .38s cubic-bezier(.18,.88,.22,1), width .38s cubic-bezier(.18,.88,.22,1), height .38s cubic-bezier(.18,.88,.22,1), opacity .18s ease !important;
z-index: 0 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026.is-shop-nav-glow-visible-2026::before {
opacity: 1 !important;
transform: translate3d(var(--shop-nav-glow-x), var(--shop-nav-glow-y), 0) scale(1) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026 {
position: relative !important;
z-index: 1 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-panel-2026 {
z-index: 7000 !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
position: relative !important;
z-index: 2 !important;
transition: color .2s ease, transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-color: transparent !important;
color: #fff !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.24) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.single-product .shop-hd-product-2026 .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 16px center, center !important;
background-size: 10px 10px, 100% 100% !important;
}
}
body.single-product .woocommerce-product-gallery__trigger {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.single-product .summary form.cart {
overflow: visible !important;
isolation: isolate !important;
}
body.single-product .summary .single_add_to_cart_button,
body.single-product .summary button.single_add_to_cart_button.button.alt {
position: relative !important;
z-index: 1 !important;
box-shadow: 0 18px 36px -14px rgba(10,61,247,.52), 0 0 0 4px rgba(0,190,246,.06), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.single-product .summary .single_add_to_cart_button:hover,
body.single-product .summary button.single_add_to_cart_button.button.alt:hover {
box-shadow: 0 26px 48px -16px rgba(10,61,247,.62), 0 0 0 6px rgba(0,190,246,.08), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.shop-cart-preview-wrap-2026,
.shop-icon-action-2026--cart {
overflow: visible !important;
}
.shop-icon-action-2026--cart {
isolation: isolate !important;
}
.shop-icon-action-2026--cart::before {
content: "" !important;
position: absolute !important;
inset: -14px !important;
z-index: 0 !important;
border-radius: 26px !important;
background: radial-gradient(circle, rgba(0,190,246,.34), rgba(0,89,248,.12) 42%, rgba(0,89,248,0) 72%) !important;
opacity: 0 !important;
transform: scale(.7) !important;
pointer-events: none !important;
}
.shop-icon-action-2026--cart svg,
.shop-icon-action-2026--cart em,
.shop-icon-action-2026--cart > span {
position: relative !important;
z-index: 2 !important;
}
.shop-icon-action-2026--cart.is-cart-glow-2026::before {
animation: shopCartBloom2026 1.65s cubic-bezier(.2,.8,.2,1) forwards !important;
}
@keyframes shopCartBloom2026 {
0% { opacity: 0; transform: scale(.72); }
28% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(1.36); }
}
.shop-cart-particle-2026 {
position: fixed;
z-index: 2147482600;
display: block;
width: 7px;
height: 7px;
margin: -3px 0 0 -3px;
border-radius: 999px;
background: radial-gradient(circle, #fff 0 18%, #00bef6 19% 100%);
box-shadow: 0 0 16px rgba(0,190,246,.56);
pointer-events: none;
animation: shopCartParticle2026 .86s cubic-bezier(.18,.78,.2,1) forwards;
}
@keyframes shopCartParticle2026 {
0% { opacity: 0; transform: translate3d(0,0,0) scale(.45); }
20% { opacity: 1; }
100% { opacity: 0; transform: translate3d(var(--shop-cart-px), var(--shop-cart-py), 0) scale(.92); }
}
.shop-cart-add-notice-2026 {
position: fixed;
z-index: 2147482500;
box-sizing: border-box;
display: grid;
gap: 3px;
width: min(286px, calc(100vw - 32px));
min-height: 72px;
padding: 12px 14px 12px 16px;
border-radius: 18px;
background: rgba(255,255,255,.97);
border: 1px solid rgba(20,26,44,.075);
box-shadow: 0 22px 54px -24px rgba(13,28,73,.34), 0 0 0 1px rgba(255,255,255,.72) inset;
color: #101a4a;
pointer-events: none;
opacity: 0;
transform: translate3d(18px, -50%, 0) scale(.98);
transition: opacity .2s ease, transform .34s cubic-bezier(.2,.8,.2,1);
backdrop-filter: blur(18px) saturate(1.18);
-webkit-backdrop-filter: blur(18px) saturate(1.18);
}
.shop-cart-add-notice-2026.is-visible {
opacity: 1;
transform: translate3d(0, -50%, 0) scale(1);
}
.shop-cart-add-notice-kicker-2026 {
color: #0059f8;
font-size: 11px;
font-weight: 900;
line-height: 1.1;
letter-spacing: .02em;
text-transform: uppercase;
}
.shop-cart-add-notice-2026 strong {
display: block;
max-width: 100%;
overflow: hidden;
color: #101a4a;
font-size: 13px;
font-weight: 850;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.shop-cart-add-notice-2026 em {
display: block;
min-height: 15px;
color: #566174;
font-size: 12px;
font-style: normal;
font-weight: 750;
line-height: 1.2;
}
@media (max-width: 760px) {
.shop-cart-add-notice-2026 {
left: 16px !important;
right: 16px !important;
top: 88px !important;
width: auto;
transform: translate3d(0, -12px, 0) scale(.98);
}
.shop-cart-add-notice-2026.is-visible {
transform: translate3d(0, 0, 0) scale(1);
}
}
/* =================================================================
v50 / 2026.117 — UI/UX polish (2026-shop)
- Restore brand glow on secondary shop-nav (hover + current item)
- Hide duplicate page title on category/shop archives
- Breathing room above shop-products stage
- Fix featured "В корзину" button overflowing card on desktop
- Lighter, modern tabs row
- Product-promo hero slides styling
================================================================= */
/* --- A. Secondary shop-nav: brand glow on hover + current item -------- */
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-item > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-parent > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 78%, #35d9ff 100%) !important;
color: #fff !important;
box-shadow:
0 16px 32px -12px rgba(0, 89, 248, .55),
0 6px 14px -6px rgba(0, 190, 246, .42),
inset 0 0 0 1px rgba(255, 255, 255, .28) !important;
transform: translateY(-1px) !important;
transition: background .2s ease, color .2s ease, box-shadow .25s ease, transform .2s ease !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 .shop-mega-arrow-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 .shop-mega-arrow-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-item > .shop-mega-link-2026 .shop-mega-arrow-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover .shop-mega-arrow-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover svg,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-item > .shop-mega-link-2026 svg {
color: #fff !important;
fill: currentColor !important;
}
/* --- B. Hide duplicate WC page-title on shop/category archives -------- */
body.woocommerce-page .entry-content.shop-entry-2026 > .page-title,
body.woocommerce-page .entry-content.shop-entry-2026 > h1.page-title,
body.woocommerce-page .entry-content.shop-entry-2026 > header.woocommerce-products-header > .woocommerce-products-header__title,
body.woocommerce-shop .entry-content.shop-entry-2026 > .page-title,
body.tax-product_cat .entry-content.shop-entry-2026 > .page-title,
body.post-type-archive-product .entry-content.shop-entry-2026 > .page-title {
display: none !important;
}
/* --- C. Breathing room above shop-products stage --------------------- */
body.woocommerce-page #content .shop-products-stage-2026 {
margin-top: 64px !important;
padding-top: 8px !important;
}
@media (max-width: 1024px) {
body.woocommerce-page #content .shop-products-stage-2026 {
margin-top: 44px !important;
}
}
/* --- D. Featured-card "В корзину" button: stop overflowing ----------- */
@media (min-width: 1025px) {
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-bottom-2026 {
flex-wrap: nowrap !important;
gap: 12px !important;
min-width: 0 !important;
overflow: hidden !important;
align-items: center !important;
justify-content: space-between !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-price-2026 {
flex: 0 0 auto !important;
min-width: 0 !important;
white-space: nowrap !important;
font-size: 17px !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 {
flex: 0 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
width: auto !important;
padding: 0 16px !important;
height: 42px !important;
font-size: 13px !important;
letter-spacing: .02em !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 > span,
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 .shop-featured-button-label-2026 {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
@media (min-width: 1025px) and (max-width: 1180px) {
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 {
padding: 0 12px !important;
font-size: 12px !important;
}
}
/* --- E. Tabs row: lighter, underline-driven ------------------------- */
body.woocommerce-page #content .shop-product-tabs-2026 {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
border-bottom: 1px solid rgba(16, 26, 74, .08) !important;
gap: 4px !important;
box-shadow: none !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026 {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 14px 18px !important;
font-weight: 600 !important;
font-size: 14px !important;
letter-spacing: .01em !important;
color: rgba(16, 26, 74, .62) !important;
box-shadow: none !important;
position: relative !important;
cursor: pointer !important;
transition: color .2s ease !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026::after {
content: "" !important;
position: absolute !important;
left: 14px !important;
right: 14px !important;
bottom: -1px !important;
height: 2px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
border-radius: 2px 2px 0 0 !important;
transform: scaleX(0) !important;
transform-origin: center !important;
transition: transform .25s cubic-bezier(.22, .9, .24, 1), opacity .2s ease !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:hover,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026:hover {
color: #0059f8 !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:hover::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026:hover::after {
transform: scaleX(.6) !important;
opacity: .55 !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button.is-active,
body.woocommerce-page #content .shop-product-tabs-2026 button[aria-selected="true"],
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026.is-active {
color: #0059f8 !important;
background: transparent !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button.is-active::after,
body.woocommerce-page #content .shop-product-tabs-2026 button[aria-selected="true"]::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026.is-active::after {
transform: scaleX(1) !important;
opacity: 1 !important;
}
@media (max-width: 640px) {
body.woocommerce-page #content .shop-product-tabs-2026 {
gap: 0 !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026::-webkit-scrollbar { display: none !important; }
body.woocommerce-page #content .shop-product-tabs-2026 button {
padding: 12px 14px !important;
font-size: 13px !important;
flex: 0 0 auto !important;
}
}
/* --- F. Hero slider — product-promo slides --------------------------- */
.shop-hero-slide-2026.shop-hero-slide-2026--product {
background: linear-gradient(135deg, #f4f8ff 0%, #eaf3ff 50%, #f7faff 100%);
overflow: hidden;
}
.shop-hero-slide-2026.shop-hero-slide-2026--product .shop-hero-landing-image { display: none; }
.shop-hero-slide-2026.shop-hero-slide-2026--product .shop-hero-landing-content {
position: relative;
z-index: 3;
max-width: 54%;
}
.shop-hero-slide-2026.shop-hero-slide-2026--accent-anycubic {
background: linear-gradient(135deg, #fff6f0 0%, #ffeee0 45%, #fff8f1 100%);
}
.shop-hero-product-bg-2026 {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.shop-hero-product-blob-2026 {
position: absolute;
border-radius: 50%;
filter: blur(60px);
opacity: .55;
}
.shop-hero-product-blob-2026--a {
width: 520px; height: 520px;
right: -120px; top: -160px;
background: radial-gradient(circle, rgba(0, 89, 248, .35) 0%, rgba(0, 190, 246, .2) 50%, transparent 75%);
}
.shop-hero-product-blob-2026--b {
width: 380px; height: 380px;
left: 18%; bottom: -140px;
background: radial-gradient(circle, rgba(53, 217, 255, .28) 0%, rgba(0, 89, 248, .12) 60%, transparent 80%);
}
.shop-hero-slide-2026--accent-anycubic .shop-hero-product-blob-2026--a {
background: radial-gradient(circle, rgba(255, 138, 64, .35) 0%, rgba(255, 92, 47, .2) 50%, transparent 75%);
}
.shop-hero-slide-2026--accent-anycubic .shop-hero-product-blob-2026--b {
background: radial-gradient(circle, rgba(255, 180, 120, .28) 0%, rgba(255, 92, 47, .12) 60%, transparent 80%);
}
.shop-hero-product-grid-2026 {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(16, 26, 74, .04) 1px, transparent 1px),
linear-gradient(90deg, rgba(16, 26, 74, .04) 1px, transparent 1px);
background-size: 44px 44px;
-webkit-mask-image: radial-gradient(ellipse at 70% 50%, #000 30%, transparent 75%);
mask-image: radial-gradient(ellipse at 70% 50%, #000 30%, transparent 75%);
}
.shop-hero-product-card-2026 {
position: absolute;
z-index: 4;
right: 4%;
top: 50%;
transform: translateY(-50%);
width: min(40%, 380px);
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 26px 24px 22px;
border-radius: 26px;
background: rgba(255, 255, 255, .82);
-webkit-backdrop-filter: blur(14px) saturate(140%);
backdrop-filter: blur(14px) saturate(140%);
box-shadow:
0 30px 60px -24px rgba(16, 26, 74, .25),
0 12px 24px -16px rgba(0, 89, 248, .25),
inset 0 0 0 1px rgba(255, 255, 255, .8);
text-decoration: none !important;
color: inherit !important;
transition: transform .35s cubic-bezier(.18, .88, .22, 1), box-shadow .35s ease;
}
.shop-hero-product-card-2026:hover {
transform: translateY(calc(-50% - 4px));
box-shadow:
0 38px 70px -22px rgba(16, 26, 74, .3),
0 16px 28px -14px rgba(0, 89, 248, .32),
inset 0 0 0 1px rgba(255, 255, 255, .85);
}
.shop-hero-product-badge-2026 {
position: absolute;
top: 14px;
left: 14px;
padding: 5px 11px;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #fff;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%);
border-radius: 999px;
box-shadow: 0 8px 18px -8px rgba(0, 89, 248, .5);
}
.shop-hero-slide-2026--accent-anycubic .shop-hero-product-badge-2026 {
background: linear-gradient(90deg, #ff6a2a 0%, #ffa05a 100%);
box-shadow: 0 8px 18px -8px rgba(255, 106, 42, .5);
}
.shop-hero-product-image-2026 {
display: flex;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 18px;
background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
overflow: hidden;
align-items: center;
justify-content: center;
}
.shop-hero-product-image-2026 img {
max-width: 86%;
max-height: 86%;
width: auto;
height: auto;
object-fit: contain;
filter: drop-shadow(0 18px 28px rgba(16, 26, 74, .18));
transition: transform .5s cubic-bezier(.18, .88, .22, 1);
}
.shop-hero-product-card-2026:hover .shop-hero-product-image-2026 img {
transform: scale(1.04);
}
.shop-hero-product-meta-2026 {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-align: center;
width: 100%;
}
.shop-hero-product-name-2026 {
font-size: 15px;
font-weight: 600;
color: #101a4a;
line-height: 1.3;
}
.shop-hero-product-price-2026 {
font-size: 18px;
font-weight: 700;
color: #0059f8;
}
.shop-hero-product-price-2026 .woocommerce-Price-amount { color: inherit; }
@media (max-width: 1024px) {
.shop-hero-slide-2026.shop-hero-slide-2026--product .shop-hero-landing-content {
max-width: 100%;
}
.shop-hero-product-card-2026 {
position: relative;
right: auto;
top: auto;
transform: none;
margin: 24px auto 0;
width: min(100%, 340px);
}
.shop-hero-product-card-2026:hover {
transform: translateY(-4px);
}
}
/* ============================================================================
v2026.118 — fixes for v117
1. Secondary mega-nav: gradient background was overridden by .has-dropdown
background-image rule. Re-apply gradient + keep arrow svg on hover.
2. Product-slide h1 overflow + minor card vertical bleed.
============================================================================ */
/* 1. Mega-nav hover gradient — match .has-dropdown specificity and keep arrow */
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown.current-menu-item > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown.current-menu-parent > .shop-mega-link-2026 {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),
linear-gradient(90deg, #0059f8 0%, #00bef6 78%, #35d9ff 100%) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: right 13px center, 0 0 !important;
background-size: 10px 10px, 100% 100% !important;
background-color: transparent !important;
color: #fff !important;
box-shadow:
0 16px 32px -12px rgba(0,89,248,.55),
0 6px 14px -6px rgba(0,190,246,.42),
inset 0 0 0 1px rgba(255,255,255,.28) !important;
transform: translateY(-1px) !important;
}
/* Same for non has-dropdown items (no arrow) */
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:not(.has-dropdown):hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:not(.has-dropdown):focus-within > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:not(.has-dropdown).current-menu-item > .shop-mega-link-2026 {
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 78%, #35d9ff 100%) !important;
background-color: transparent !important;
color: #fff !important;
box-shadow:
0 16px 32px -12px rgba(0,89,248,.55),
0 6px 14px -6px rgba(0,190,246,.42),
inset 0 0 0 1px rgba(255,255,255,.28) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 svg,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 svg {
color: #fff !important;
stroke: #fff !important;
}
/* 2. Product slide: prevent h1 overflow, tighten card bleed */
.shop-hero-slide-2026.shop-hero-slide-2026--product .shop-hero-landing-content {
max-width: 540px !important;
padding-right: 24px;
}
.shop-hero-slide-2026.shop-hero-slide-2026--product .shop-hero-landing-content h1 {
font-size: clamp(28px, 3vw, 40px) !important;
line-height: 1.12 !important;
letter-spacing: -0.01em;
word-break: normal;
overflow-wrap: break-word;
max-width: 100%;
}
/* Make card sit comfortably within slide */
.shop-hero-product-card-2026 {
top: 50% !important;
max-height: calc(100% - 24px);
}
@media (min-width: 1025px) {
.shop-hero-product-card-2026 {
width: clamp(340px, 28vw, 400px) !important;
}
}
/* v2026.119 — slim product card to fit slide height */
.shop-hero-product-card-2026 {
padding: 18px !important;
border-radius: 22px !important;
}
.shop-hero-product-image-2026,
.shop-hero-product-card-2026 .shop-hero-product-image-2026 {
aspect-ratio: 4 / 3 !important;
max-height: 260px !important;
}
.shop-hero-product-image-2026 img {
max-height: 240px !important;
object-fit: contain !important;
}
.shop-hero-product-badge-2026 {
font-size: 11px !important;
padding: 5px 11px !important;
top: 14px !important;
left: 14px !important;
}
.shop-hero-product-name-2026 {
font-size: 15px !important;
line-height: 1.3 !important;
margin: 10px 0 4px !important;
}
.shop-hero-product-price-2026 {
font-size: 20px !important;
}
@media (min-width: 1025px) {
.shop-hero-product-card-2026 {
max-height: calc(100% - 32px) !important;
width: clamp(320px, 26vw, 380px) !important;
}
}
/* v2026.120 — hide redundant in-card badge (eyebrow already conveys it) */
.shop-hero-product-card-2026 .shop-hero-product-badge-2026 { display: none !important; }
/* =====================================================================
2026.121 — Polish: featured cards glow escape, mega-nav anti-flicker,
cart button glow, mini-cart popup polish, category title centered,
tabs cleanup, hero 4-slides with accents and clean image frame.
===================================================================== */
/* ---------- A. Featured card: let "В корзину" glow escape clipping ---------- */
body.woocommerce-page #content .shop-featured-card-2026 {
overflow: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-featured-card-2026:hover {
transform: translateY(-4px) !important;
box-shadow: none !important;
border-color: transparent !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-image-2026 {
overflow: hidden !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 14px 30px -22px rgba(10,40,120,.22), inset 0 0 0 1px rgba(0,89,248,.05) !important;
transition: box-shadow .25s ease !important;
}
body.woocommerce-page #content .shop-featured-card-2026:hover .shop-featured-image-2026 {
box-shadow: 0 22px 44px -22px rgba(0,89,248,.28), inset 0 0 0 1px rgba(0,89,248,.1) !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-body-2026 {
padding: 12px 4px 6px !important;
background: transparent !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-bottom-2026 {
padding-top: 12px !important;
margin-top: 8px !important;
padding-right: 4px !important;
overflow: visible !important;
}
/* Bigger, glowier CTA that always shows partial label, with shadow escaping */
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 {
box-shadow:
0 18px 36px -10px rgba(250,48,118,.55),
0 8px 20px -8px rgba(250,79,48,.4),
inset 0 1px 0 rgba(255,255,255,.3) !important;
}
body.woocommerce-page #content .shop-featured-card-2026:hover .shop-featured-button-2026 {
box-shadow:
0 22px 44px -10px rgba(250,48,118,.7),
0 12px 24px -8px rgba(250,79,48,.5),
inset 0 1px 0 rgba(255,255,255,.35) !important;
}
/* Container above the cards: transparent so cards float clean */
body.woocommerce-page #content .shop-featured-printers-2026,
body.woocommerce-page #content .shop-featured-printers-2026 > .shop-products-panel-2026,
body.woocommerce-page #content .shop-featured-printers-2026 .shop-featured-grid-2026 {
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
overflow: visible !important;
}
body.woocommerce-page #content .shop-products-stage-2026 { overflow: visible !important; }
body.woocommerce-page #content .shop-featured-printers-2026 .shop-featured-grid-2026 {
gap: 28px !important;
padding: 8px !important;
}
/* ---------- B. Same glow on regular WC loop add-to-cart button ---------- */
body.woocommerce-page #content .products li.product .add_to_cart_button,
body.woocommerce-page #content .products li.product a.added_to_cart,
body.woocommerce-page #content .products li.product .button.product_type_simple,
body.woocommerce-page #content .products li.product .button.product_type_variable,
body.woocommerce-page #content ul.products li.product .button {
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
background-color: #fa3076 !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
padding: 10px 18px !important;
font-weight: 800 !important;
letter-spacing: .01em !important;
box-shadow:
0 16px 30px -12px rgba(250,48,118,.55),
0 6px 14px -6px rgba(250,79,48,.42),
inset 0 1px 0 rgba(255,255,255,.28) !important;
transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
text-shadow: none !important;
}
body.woocommerce-page #content .products li.product .add_to_cart_button:hover,
body.woocommerce-page #content .products li.product .button:hover {
transform: translateY(-2px) !important;
box-shadow:
0 22px 40px -12px rgba(250,48,118,.7),
0 10px 18px -6px rgba(250,79,48,.55),
inset 0 1px 0 rgba(255,255,255,.35) !important;
filter: saturate(1.05) !important;
}
/* ---------- C. Mega-nav: kill the double-background flicker ---------- */
/* Hide the ::before pill — its scale-in causes the "second background" arrival.
The solid gradient hover (defined at lines ~17691) is enough and arrives instantly. */
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::before,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026::after {
content: none !important;
display: none !important;
}
/* Smooth gradient appearance on hover (transition between gradients works in modern Chromium) */
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026 {
background-color: transparent !important;
background-image: linear-gradient(135deg, rgba(0,89,248,0) 0%, rgba(0,190,246,0) 74%, rgba(250,48,118,0) 145%) !important;
transition:
background-image .28s ease,
background-color .28s ease,
color .22s ease,
box-shadow .28s ease,
transform .28s ease !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 {
background-image: linear-gradient(135deg, #0059f8 0%, #00bef6 74%, #fa3076 145%) !important;
}
/* ---------- D. Cart button — soft pulsing glow + hover scale ---------- */
@keyframes shopCartGlow2026 {
0%, 100% { box-shadow: 0 14px 28px -10px rgba(0,89,248,.45), 0 6px 14px -6px rgba(0,190,246,.35), inset 0 1px 0 rgba(255,255,255,.28); }
50% { box-shadow: 0 18px 34px -10px rgba(0,89,248,.6), 0 10px 20px -6px rgba(0,190,246,.5), inset 0 1px 0 rgba(255,255,255,.35); }
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 14px 28px -10px rgba(0,89,248,.45), 0 6px 14px -6px rgba(0,190,246,.35), inset 0 1px 0 rgba(255,255,255,.28) !important;
transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease, filter .25s ease !important;
animation: shopCartGlow2026 3.4s ease-in-out infinite !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart svg,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart > span {
color: #fff !important;
stroke: #fff !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart > em {
background: #fff !important;
color: #fa3076 !important;
border: 0 !important;
box-shadow: 0 6px 14px -4px rgba(250,48,118,.45) !important;
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026:hover > .shop-icon-action-2026.shop-icon-action-2026--cart,
body.woocommerce-page #content .shop-cart-preview-wrap-2026:focus-within > .shop-icon-action-2026.shop-icon-action-2026--cart {
animation: none !important;
transform: translateY(-2px) scale(1.03) !important;
box-shadow:
0 22px 40px -10px rgba(0,89,248,.6),
0 10px 20px -6px rgba(250,48,118,.4),
inset 0 1px 0 rgba(255,255,255,.35) !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 60%, #fa3076 140%) !important;
}
/* ---------- E. Mini-cart popup polish ---------- */
body.woocommerce-page #content .shop-cart-preview-2026 {
border-radius: 22px !important;
background: linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow:
0 30px 60px -22px rgba(10,40,120,.32),
0 10px 24px -10px rgba(0,89,248,.18),
inset 0 1px 0 rgba(255,255,255,.9) !important;
padding: 18px 18px 16px !important;
min-width: 340px !important;
max-width: 380px !important;
}
body.woocommerce-page #content .shop-cart-preview-head-2026 {
padding-bottom: 12px !important;
border-bottom: 1px dashed rgba(16,26,74,.1) !important;
margin-bottom: 10px !important;
}
body.woocommerce-page #content .shop-cart-preview-head-2026 strong {
font-size: 15px !important;
font-weight: 850 !important;
color: #101a4a !important;
letter-spacing: -.01em !important;
}
body.woocommerce-page #content .shop-cart-preview-head-2026 span {
font-size: 12px !important;
font-weight: 700 !important;
color: #0059f8 !important;
background: rgba(0,89,248,.08) !important;
padding: 3px 10px !important;
border-radius: 999px !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026 {
border-radius: 14px !important;
padding: 8px !important;
transition: background .2s ease, transform .2s ease !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-item-2026:hover {
background: rgba(0,89,248,.06) !important;
transform: translateX(2px) !important;
}
body.woocommerce-page #content .shop-cart-preview-image-2026 {
width: 52px !important;
height: 52px !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: inset 0 0 0 1px rgba(0,89,248,.08), 0 4px 10px -4px rgba(10,40,120,.18) !important;
}
body.woocommerce-page #content .shop-cart-preview-name-2026 {
font-size: 13px !important;
font-weight: 700 !important;
color: #101a4a !important;
line-height: 1.3 !important;
}
body.woocommerce-page #content .shop-cart-preview-qty-2026 {
font-size: 12px !important;
color: #6a7494 !important;
margin-top: 2px !important;
}
body.woocommerce-page #content .shop-cart-preview-total-2026 {
margin-top: 10px !important;
padding-top: 12px !important;
border-top: 1px dashed rgba(16,26,74,.1) !important;
}
body.woocommerce-page #content .shop-cart-preview-total-2026 span {
font-size: 12px !important;
color: #6a7494 !important;
font-weight: 700 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
body.woocommerce-page #content .shop-cart-preview-total-2026 strong,
body.woocommerce-page #content .shop-cart-preview-total-2026 .amount {
font-size: 18px !important;
font-weight: 850 !important;
color: #fa3076 !important;
background: none !important;
-webkit-background-clip: initial !important;
-webkit-text-fill-color: #fa3076 !important;
}
body.woocommerce-page #content .shop-cart-preview-actions-2026 {
margin-top: 12px !important;
gap: 8px !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026 {
border-radius: 999px !important;
padding: 11px 16px !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--secondary {
background: rgba(0,89,248,.08) !important;
color: #0059f8 !important;
box-shadow: inset 0 0 0 1px rgba(0,89,248,.12) !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--secondary:hover {
background: rgba(0,89,248,.14) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary {
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
color: #fff !important;
box-shadow: 0 14px 26px -10px rgba(250,48,118,.55), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 20px 36px -10px rgba(250,48,118,.7), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
/* ---------- F. Category page title — gallery-style centered hero ---------- */
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact,
body.tax-product_cat .shop-hd-2026 .shop-hd-top--center,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact {
display: block !important;
text-align: center !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
padding: 18px 16px 12px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact::before,
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact::after,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact::before,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact::after {
content: none !important;
display: none !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy {
max-width: 780px !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
body.tax-product_cat .shop-hd-eyebrow-2026,
body.post-type-archive-product .shop-hd-eyebrow-2026 {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 14px !important;
margin: 0 0 14px !important;
border-radius: 999px !important;
background: rgba(0,190,246,.14) !important;
color: #0089b8 !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
body.tax-product_cat .shop-hd-eyebrow-2026 svg,
body.post-type-archive-product .shop-hd-eyebrow-2026 svg {
width: 14px !important;
height: 14px !important;
stroke: #0089b8 !important;
color: #0089b8 !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1 {
font-size: clamp(36px, 4.2vw, 58px) !important;
line-height: 1.04 !important;
font-weight: 850 !important;
margin: 0 0 12px !important;
color: #101a4a !important;
text-align: center !important;
letter-spacing: -.01em !important;
}
body.tax-product_cat .shop-hd-subtitle-2026,
body.post-type-archive-product .shop-hd-subtitle-2026 {
max-width: 680px !important;
margin: 0 auto !important;
font-size: 16px !important;
line-height: 1.55 !important;
color: #4a5568 !important;
text-align: center !important;
}
body.tax-product_cat .shop-hd-2026 .shop-breadcrumbs,
body.post-type-archive-product .shop-hd-2026 .shop-breadcrumbs {
display: flex !important;
justify-content: center !important;
margin-top: 14px !important;
opacity: .8 !important;
}
/* ---------- G. Shop tabs — remove leftover outline + spacing + transparent cards bg ---------- */
body.woocommerce-page #content .shop-product-tabs-2026 button,
body.woocommerce-page #content .shop-product-tabs-2026 [role="tab"] {
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:focus-visible,
body.woocommerce-page #content .shop-product-tabs-2026 [role="tab"]:focus-visible {
outline: 2px solid rgba(0,89,248,.35) !important;
outline-offset: 3px !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 {
margin-bottom: 26px !important;
}
body.woocommerce-page #content .shop-products-panel-2026 {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-top: 4px !important;
}
/* ---------- H. Hero — 4 product slides with distinct accents + clean image frame ---------- */
/* Accent gradients per slide */
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-creality .shop-hero-product-bg-2026 {
background: linear-gradient(135deg, #eaf2ff 0%, #d6e7ff 45%, #cfe5ff 100%) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-anycubic .shop-hero-product-bg-2026 {
background: linear-gradient(135deg, #fff3e8 0%, #ffe1c8 50%, #ffd2a8 100%) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-bambu .shop-hero-product-bg-2026 {
background: linear-gradient(135deg, #e8fbf2 0%, #c8f3df 50%, #b0ecd0 100%) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-elegoo .shop-hero-product-bg-2026 {
background: linear-gradient(135deg, #f0e8ff 0%, #ddc8ff 50%, #ccb0ff 100%) !important;
}
.shop-hero-slide-2026--product .shop-hero-product-blob-2026 {
filter: blur(70px) !important;
opacity: .55 !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-creality .shop-hero-product-blob-2026--a { background: radial-gradient(circle, #0059f8 0%, rgba(0,89,248,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-creality .shop-hero-product-blob-2026--b { background: radial-gradient(circle, #00bef6 0%, rgba(0,190,246,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-anycubic .shop-hero-product-blob-2026--a { background: radial-gradient(circle, #fa6a30 0%, rgba(250,106,48,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-anycubic .shop-hero-product-blob-2026--b { background: radial-gradient(circle, #fa3076 0%, rgba(250,48,118,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-bambu .shop-hero-product-blob-2026--a { background: radial-gradient(circle, #18b46a 0%, rgba(24,180,106,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-bambu .shop-hero-product-blob-2026--b { background: radial-gradient(circle, #00bef6 0%, rgba(0,190,246,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-elegoo .shop-hero-product-blob-2026--a { background: radial-gradient(circle, #7c3aed 0%, rgba(124,58,237,0) 70%) !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-elegoo .shop-hero-product-blob-2026--b { background: radial-gradient(circle, #fa3076 0%, rgba(250,48,118,0) 70%) !important; }
/* Product card: pure white frame, large image, no caption, no border */
@keyframes shopHeroFloat2026 {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 {
background: #fff !important;
border: 0 !important;
border-radius: 26px !important;
box-shadow:
0 40px 80px -32px rgba(10,40,120,.32),
0 16px 36px -16px rgba(10,40,120,.18),
inset 0 1px 0 rgba(255,255,255,.9) !important;
padding: 22px 20px !important;
max-height: 92% !important;
width: clamp(340px, 28vw, 440px) !important;
display: flex !important;
flex-direction: column !important;
overflow: visible !important;
animation: shopHeroFloat2026 6s ease-in-out infinite !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-meta-2026 { display: none !important; }
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-badge-2026 {
display: inline-flex !important;
position: absolute !important;
top: 14px !important;
left: 14px !important;
z-index: 2 !important;
padding: 6px 12px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.96) !important;
color: #101a4a !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
box-shadow: 0 8px 18px -8px rgba(10,40,120,.32) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-creality .shop-hero-product-badge-2026 { color: #0059f8 !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-anycubic .shop-hero-product-badge-2026 { color: #fa6a30 !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-bambu .shop-hero-product-badge-2026 { color: #18b46a !important; }
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-elegoo .shop-hero-product-badge-2026 { color: #7c3aed !important; }
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 {
flex: 1 1 auto !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
aspect-ratio: auto !important;
max-height: none !important;
background: transparent !important;
overflow: visible !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 img {
width: 100% !important;
height: 100% !important;
max-height: 460px !important;
object-fit: contain !important;
filter: drop-shadow(0 24px 30px rgba(10,40,120,.25)) !important;
}
/* Price-in-actions block */
.shop-hero-actions-2026 .shop-hero-price-2026 {
display: inline-flex !important;
flex-direction: column !important;
gap: 2px !important;
padding: 6px 14px 8px !important;
border-radius: 14px !important;
background: rgba(255,255,255,.7) !important;
border: 1px solid rgba(16,26,74,.08) !important;
box-shadow: 0 8px 18px -10px rgba(10,40,120,.2) !important;
margin-right: 4px !important;
}
.shop-hero-actions-2026 .shop-hero-price-label-2026 {
font-size: 10.5px !important;
font-weight: 700 !important;
color: #6a7494 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 {
font-size: 20px !important;
font-weight: 900 !important;
color: #101a4a !important;
line-height: 1.1 !important;
letter-spacing: -.01em !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 del {
font-size: 12px !important;
color: #9aa3bd !important;
margin-right: 6px !important;
font-weight: 600 !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 ins {
background: none !important;
text-decoration: none !important;
color: #fa3076 !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 .woocommerce-Price-amount { color: inherit !important; }
/* Primary CTA polish — add cart icon nicely */
.shop-hero-actions-2026 .shop-hero-primary svg {
width: 16px !important;
height: 16px !important;
margin-right: 6px !important;
stroke: currentColor !important;
}
/* Responsive */
@media (max-width: 1024px) {
.shop-hero-slide-2026--product .shop-hero-product-card-2026 {
width: clamp(260px, 40vw, 340px) !important;
padding: 16px 14px !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 img {
max-height: 320px !important;
}
body.tax-product_cat .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1,
body.post-type-archive-product .shop-hd-2026 .shop-hd-top--compact .shop-hd-copy h1 {
font-size: clamp(28px, 6vw, 40px) !important;
}
}
@media (max-width: 760px) {
body.woocommerce-page #content .shop-cart-preview-2026 {
min-width: 280px !important;
max-width: 92vw !important;
}
.shop-hero-actions-2026 .shop-hero-price-2026 { width: 100%; margin-bottom: 6px; }
}
/* =====================================================================
2026.122 — Corrections: blue catalog buttons, dark cart total,
blue cart hover, featured card glow + position fix, unified
featured shadow, hero redesign (2 slides, floating dots, clean image,
inline price, no grid).
===================================================================== */
/* ---------- A. Catalog loop "В корзину" — back to BLUE horizontal gradient
with glow that ESCAPES the card. ---------- */
body.woocommerce-page #content ul.products li.product,
body.woocommerce-page #content .products li.product {
overflow: visible !important;
}
body.woocommerce-page #content ul.products li.product .button,
body.woocommerce-page #content ul.products li.product a.button,
body.woocommerce-page #content ul.products li.product a.button.add_to_cart_button,
body.woocommerce-page #content ul.products li.product .added_to_cart {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
border: 0 !important;
box-shadow: 0 14px 30px -10px rgba(0,89,248,.55),
0 8px 22px -14px rgba(0,190,246,.5),
inset 0 1px 0 rgba(255,255,255,.18) !important;
text-shadow: none !important;
}
body.woocommerce-page #content ul.products li.product .button:hover,
body.woocommerce-page #content ul.products li.product a.button:hover,
body.woocommerce-page #content ul.products li.product a.button.add_to_cart_button:hover {
background: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
background-image: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
box-shadow: 0 20px 38px -10px rgba(0,89,248,.7),
0 10px 26px -10px rgba(0,190,246,.55),
inset 0 1px 0 rgba(255,255,255,.2) !important;
transform: translateY(-2px) !important;
}
/* belt-and-braces in case parent still clips */
body.woocommerce-page #content ul.products,
body.woocommerce-page #content .woocommerce-loop { overflow: visible !important; }
/* ---------- B. Cart-icon button hover: horizontal BLUE gradient, blue glow ---------- */
body.woocommerce-page #content .shop-cart-button-2026:hover,
body.woocommerce-page #content .shop-cart-button-2026.is-hover,
body.woocommerce-page #content .shop-cart-button-2026:focus,
body.woocommerce-page #content .shop-cart-button-2026.is-open,
.shop-cart-button-2026:hover,
.shop-cart-button-2026.is-hover,
.shop-cart-button-2026:focus,
.shop-cart-button-2026.is-open {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
box-shadow: 0 16px 34px -14px rgba(0,89,248,.55),
0 10px 22px -14px rgba(0,190,246,.45) !important;
}
.shop-cart-button-2026:hover svg,
.shop-cart-button-2026.is-hover svg,
.shop-cart-button-2026.is-open svg { color: #fff !important; stroke: #fff !important; }
/* ---------- C. Cart popup TOTAL: dark navy text, transparent background ---------- */
body.woocommerce-page #content .shop-cart-preview-total-2026,
.shop-cart-preview-total-2026,
body.woocommerce-page #content .shop-cart-preview-total-2026 .cart_totals,
.shop-cart-preview-total-2026 .cart_totals,
.shop-cart-preview-total-2026 .order-total,
.shop-cart-preview-total-2026 .order-total th,
.shop-cart-preview-total-2026 .order-total td {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
body.woocommerce-page #content .shop-cart-preview-total-2026,
.shop-cart-preview-total-2026 {
border-top: 1px solid rgba(10,40,120,.08) !important;
padding: 12px 16px !important;
color: #101a4a !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-weight: 600 !important;
}
body.woocommerce-page #content .shop-cart-preview-total-2026 strong,
body.woocommerce-page #content .shop-cart-preview-total-2026 .amount,
body.woocommerce-page #content .shop-cart-preview-total-2026 .amount bdi,
body.woocommerce-page #content .shop-cart-preview-total-2026 .woocommerce-Price-amount,
.shop-cart-preview-total-2026 strong,
.shop-cart-preview-total-2026 .amount,
.shop-cart-preview-total-2026 .amount bdi,
.shop-cart-preview-total-2026 .woocommerce-Price-amount {
color: #0059f8 !important;
-webkit-text-fill-color: #0059f8 !important;
background: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
}
/* ---------- D. Featured card "В корзину" — BLUE glow + position fix ---------- */
body.woocommerce-page #content .shop-featured-bottom-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 14px 0 0 !important;
overflow: visible !important;
}
body.woocommerce-page #content .shop-featured-button-2026 {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
border: 0 !important;
transform: none !important;
margin: 0 !important;
box-shadow: 0 14px 30px -10px rgba(0,89,248,.5),
0 8px 20px -12px rgba(0,190,246,.45),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.woocommerce-page #content .shop-featured-button-2026:hover {
background: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
background-image: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 20px 38px -10px rgba(0,89,248,.65),
0 12px 24px -10px rgba(0,190,246,.5),
inset 0 1px 0 rgba(255,255,255,.2) !important;
}
/* ---------- E. Featured card: unified soft shadow envelope (image + body) ---------- */
body.woocommerce-page #content .shop-featured-card-2026 {
position: relative !important;
background: transparent !important;
border: 0 !important;
border-radius: 22px !important;
padding: 8px !important;
box-shadow: 0 28px 54px -36px rgba(10,40,120,.28),
0 12px 26px -18px rgba(10,40,120,.16) !important;
transition: transform .3s ease, box-shadow .3s ease !important;
}
body.woocommerce-page #content .shop-featured-card-2026:hover {
transform: translateY(-5px) !important;
box-shadow: 0 36px 64px -32px rgba(10,40,120,.32),
0 18px 30px -16px rgba(0,89,248,.18) !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-image-2026 {
border-radius: 16px !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-body-2026 {
padding: 14px 10px 10px !important;
background: transparent !important;
}
/* ---------- F. Hero: kill weird float, center image, soften shadow ---------- */
.shop-hero-slide-2026--product .shop-hero-product-card-2026 {
animation: none !important;
transform: none !important;
align-self: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
padding: 10px !important;
overflow: visible !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
background: transparent !important;
box-shadow: none !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 img {
max-height: 420px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
filter: drop-shadow(0 18px 28px rgba(10,40,120,.22))
drop-shadow(0 4px 8px rgba(0,89,248,.14)) !important;
animation: shopHeroProductBob2026 6s ease-in-out infinite !important;
position: relative;
z-index: 3;
}
@keyframes shopHeroProductBob2026 {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
/* Kill engineering grid completely */
.shop-hero-product-grid-2026 { display: none !important; }
/* ---------- G. Hero price — inline plain text, no glass card ---------- */
.shop-hero-actions-2026 .shop-hero-price-2026 {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 16px 0 0 !important;
display: inline-flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 2px !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.shop-hero-actions-2026 .shop-hero-price-label-2026 {
background: transparent !important;
color: #5a6890 !important;
-webkit-text-fill-color: #5a6890 !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
padding: 0 !important;
margin: 0 !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026,
.shop-hero-actions-2026 .shop-hero-price-html-2026 .woocommerce-Price-amount,
.shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
background: transparent !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: #0059f8 !important;
font-size: 26px !important;
font-weight: 800 !important;
line-height: 1.05 !important;
padding: 0 !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 ins {
background: none !important;
-webkit-text-fill-color: transparent !important;
text-decoration: none !important;
}
.shop-hero-actions-2026 .shop-hero-price-html-2026 del {
color: #98a2c5 !important;
-webkit-text-fill-color: #98a2c5 !important;
background: none !important;
font-size: 14px !important;
font-weight: 500 !important;
margin-right: 8px !important;
opacity: .8 !important;
}
/* ---------- H. Hero accents — TWO variants, light blue dominant ---------- */
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-creality .shop-hero-product-bg-2026 {
background:
radial-gradient(60% 70% at 30% 30%, rgba(0,89,248,.18) 0%, rgba(0,89,248,0) 70%),
radial-gradient(50% 60% at 75% 70%, rgba(0,190,246,.22) 0%, rgba(0,190,246,0) 75%),
linear-gradient(135deg, #f3f8ff 0%, #e6f1ff 50%, #d8ebff 100%) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-k1c .shop-hero-product-bg-2026 {
background:
radial-gradient(55% 65% at 25% 35%, rgba(0,190,246,.22) 0%, rgba(0,190,246,0) 72%),
radial-gradient(50% 60% at 78% 72%, rgba(120,210,255,.28) 0%, rgba(120,210,255,0) 75%),
linear-gradient(135deg, #f0fbff 0%, #ddf3fa 50%, #c7eaf6 100%) !important;
}
/* fallback: any unknown accent gets the blue creality variant */
.shop-hero-slide-2026--product .shop-hero-product-bg-2026 {
box-shadow: inset 0 0 0 1px rgba(0,89,248,.05),
0 32px 60px -42px rgba(10,40,120,.25) !important;
}
/* ---------- I. Floating dots & orbit rings — WOW effect ---------- */
.shop-hero-orbit-2026 {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
overflow: visible;
}
.shop-hero-orbit-ring-2026 {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
border: 1px dashed rgba(0,89,248,.18);
transform: translate(-50%, -50%);
pointer-events: none;
}
.shop-hero-orbit-ring-2026--a {
width: 78%; height: 78%;
border-color: rgba(0,89,248,.16);
animation: shopHeroOrbitSpin2026 28s linear infinite;
}
.shop-hero-orbit-ring-2026--b {
width: 92%; height: 92%;
border-style: dotted;
border-color: rgba(0,190,246,.18);
animation: shopHeroOrbitSpin2026 42s linear infinite reverse;
}
.shop-hero-orbit-ring-2026--c {
width: 60%; height: 60%;
border-color: rgba(0,190,246,.12);
animation: shopHeroOrbitSpin2026 22s linear infinite;
}
@keyframes shopHeroOrbitSpin2026 {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
.shop-hero-orbit-glow-2026 {
position: absolute;
top: 50%;
left: 50%;
width: 70%;
height: 70%;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(0,190,246,.25) 0%, rgba(0,89,248,.08) 45%, transparent 70%);
filter: blur(20px);
border-radius: 50%;
animation: shopHeroOrbitPulse2026 5s ease-in-out infinite;
}
@keyframes shopHeroOrbitPulse2026 {
0%,100% { opacity: .55; transform: translate(-50%, -50%) scale(1); }
50% { opacity: .8; transform: translate(-50%, -50%) scale(1.08); }
}
.shop-hero-orbit-dot-2026 {
position: absolute;
border-radius: 50%;
background: radial-gradient(circle, #0059f8 0%, rgba(0,89,246,0) 70%);
filter: blur(.4px);
opacity: .6;
pointer-events: none;
}
.shop-hero-orbit-dot-2026--1 { width: 8px; height: 8px; top: 18%; left: 22%;
background: radial-gradient(circle, #0059f8 0%, rgba(0,89,248,0) 70%);
animation: shopHeroDotDrift1 9s ease-in-out infinite; }
.shop-hero-orbit-dot-2026--2 { width: 10px; height: 10px; top: 28%; right: 14%;
background: radial-gradient(circle, #00bef6 0%, rgba(0,190,246,0) 70%);
animation: shopHeroDotDrift2 11s ease-in-out infinite; }
.shop-hero-orbit-dot-2026--3 { width: 6px; height: 6px; bottom: 24%; left: 16%;
background: radial-gradient(circle, #00bef6 0%, rgba(0,190,246,0) 70%);
animation: shopHeroDotDrift3 8s ease-in-out infinite; }
.shop-hero-orbit-dot-2026--4 { width: 12px; height: 12px; bottom: 18%; right: 22%;
background: radial-gradient(circle, #0059f8 0%, rgba(0,89,248,0) 70%);
animation: shopHeroDotDrift4 13s ease-in-out infinite; }
.shop-hero-orbit-dot-2026--5 { width: 5px; height: 5px; top: 50%; left: 8%;
background: radial-gradient(circle, #78d2ff 0%, rgba(120,210,255,0) 70%);
animation: shopHeroDotDrift5 7s ease-in-out infinite; opacity: .8; }
.shop-hero-orbit-dot-2026--6 { width: 7px; height: 7px; top: 60%; right: 10%;
background: radial-gradient(circle, #78d2ff 0%, rgba(120,210,255,0) 70%);
animation: shopHeroDotDrift6 10s ease-in-out infinite; opacity: .75; }
@keyframes shopHeroDotDrift1 { 0%,100% { transform: translate(0,0) scale(1); opacity:.55; }
50% { transform: translate(22px,-26px) scale(1.4); opacity:.9; } }
@keyframes shopHeroDotDrift2 { 0%,100% { transform: translate(0,0) scale(1); opacity:.5; }
50% { transform: translate(-28px,20px) scale(1.3); opacity:.85; } }
@keyframes shopHeroDotDrift3 { 0%,100% { transform: translate(0,0) scale(.9); opacity:.6; }
50% { transform: translate(18px,-22px) scale(1.5); opacity:.95; } }
@keyframes shopHeroDotDrift4 { 0%,100% { transform: translate(0,0) scale(1); opacity:.45; }
50% { transform: translate(-22px,-28px) scale(1.25); opacity:.8; } }
@keyframes shopHeroDotDrift5 { 0%,100% { transform: translate(0,0) scale(1); opacity:.7; }
50% { transform: translate(26px,14px) scale(1.6); opacity:1; } }
@keyframes shopHeroDotDrift6 { 0%,100% { transform: translate(0,0) scale(1); opacity:.65; }
50% { transform: translate(-20px,22px) scale(1.5); opacity:1; } }
/* keep dots/rings tasteful on small screens */
@media (max-width: 760px) {
.shop-hero-orbit-ring-2026--b { display: none; }
.shop-hero-orbit-dot-2026--4,
.shop-hero-orbit-dot-2026--6 { display: none; }
}
/* respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
.shop-hero-orbit-ring-2026,
.shop-hero-orbit-glow-2026,
.shop-hero-orbit-dot-2026,
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 img {
animation: none !important;
}
}
/* =====================================================================
2026.123 — Fixes for v122 feedback:
- Cart icon hover: correct selector, blue horizontal gradient, blue glow
- Cart popup amount badge color & em color
- Featured card "В корзину": kill expanding/magenta behaviour,
fixed-size blue pill anchored cleanly inside card
- Hero: restore card visibility (was off-screen), keep orbit & dots
- Mega-nav: kill instant background flash, only animated gradient
- Featured tabs: ghost-style buttons visually connecting to grid
===================================================================== */
/* ---------- A. CART ICON BUTTON — correct selector, blue gradient ---------- */
/* Override v121 diagonal+magenta hover and base pulse */
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart,
.shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
border: 0 !important;
box-shadow:
0 14px 28px -12px rgba(0,89,248,.45),
0 8px 18px -8px rgba(0,190,246,.4),
inset 0 1px 0 rgba(255,255,255,.25) !important;
animation: shopCartGlowBlue2026 3.6s ease-in-out infinite !important;
}
@keyframes shopCartGlowBlue2026 {
0%,100% { box-shadow: 0 14px 28px -12px rgba(0,89,248,.45),
0 8px 18px -8px rgba(0,190,246,.4),
inset 0 1px 0 rgba(255,255,255,.25); }
50% { box-shadow: 0 20px 36px -12px rgba(0,89,248,.65),
0 12px 22px -8px rgba(0,190,246,.55),
inset 0 1px 0 rgba(255,255,255,.3); }
}
body.woocommerce-page #content .shop-cart-preview-wrap-2026:hover > .shop-icon-action-2026.shop-icon-action-2026--cart,
body.woocommerce-page #content .shop-cart-preview-wrap-2026:focus-within > .shop-icon-action-2026.shop-icon-action-2026--cart,
.shop-cart-preview-wrap-2026:hover > .shop-icon-action-2026.shop-icon-action-2026--cart {
background: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
background-image: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
animation: none !important;
transform: translateY(-2px) scale(1.03) !important;
box-shadow:
0 24px 42px -10px rgba(0,89,248,.65),
0 12px 24px -10px rgba(0,190,246,.55),
inset 0 1px 0 rgba(255,255,255,.32) !important;
}
/* Cart count badge — blue pill (was magenta in v121) */
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026.shop-icon-action-2026--cart > em {
background: #fff !important;
color: #0059f8 !important;
box-shadow: 0 6px 14px -4px rgba(0,89,248,.45) !important;
}
/* ---------- B. Cart popup primary CTA — blue (was magenta) ---------- */
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
box-shadow: 0 14px 26px -10px rgba(0,89,248,.55),
inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.woocommerce-page #content .shop-icon-actions-2026 .shop-cart-preview-2026 a.shop-cart-preview-button-2026--primary:hover {
background: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
box-shadow: 0 20px 36px -10px rgba(0,89,248,.7),
inset 0 1px 0 rgba(255,255,255,.35) !important;
}
/* ---------- C. FEATURED CARD BUTTON — kill expanding + magenta, fixed pill ---------- */
@media (min-width: 1025px) {
/* Override v51 expanding hidden-icon behaviour */
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026,
body.woocommerce-page #content .shop-featured-card-2026:hover .shop-featured-button-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: 42px !important;
min-width: 0 !important;
max-width: none !important;
width: auto !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: .02em !important;
text-decoration: none !important;
overflow: visible !important;
white-space: nowrap !important;
transform: none !important;
margin: 0 !important;
position: relative !important;
right: auto !important;
left: auto !important;
box-shadow:
0 14px 28px -10px rgba(0,89,248,.5),
0 8px 18px -10px rgba(0,190,246,.42),
inset 0 1px 0 rgba(255,255,255,.22) !important;
transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026:hover,
body.woocommerce-page #content .shop-featured-card-2026:hover .shop-featured-button-2026:hover {
background: linear-gradient(90deg, #0048d6 0%, #00aee0 100%) !important;
transform: translateY(-2px) !important;
box-shadow:
0 20px 36px -10px rgba(0,89,248,.65),
0 12px 22px -10px rgba(0,190,246,.55),
inset 0 1px 0 rgba(255,255,255,.28) !important;
}
/* Label visible always — override max-width:0 + opacity:0 */
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 .shop-featured-button-label-2026,
body.woocommerce-page #content .shop-featured-card-2026:hover .shop-featured-button-2026 .shop-featured-button-label-2026 {
display: inline-block !important;
max-width: none !important;
opacity: 1 !important;
margin: 0 !important;
white-space: nowrap !important;
font-size: 13px !important;
font-weight: 800 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 .shop-featured-button-icon-2026 {
width: auto !important;
height: auto !important;
flex: 0 0 auto !important;
}
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-button-2026 svg {
width: 15px !important;
height: 15px !important;
stroke: #fff !important;
color: #fff !important;
}
}
/* Bottom row anchored cleanly, no padding-right wobble */
body.woocommerce-page #content .shop-featured-card-2026 .shop-featured-bottom-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 14px 0 0 !important;
margin: 0 !important;
border-top: 1px dashed rgba(16,26,74,.08) !important;
overflow: visible !important;
}
/* ---------- D. MEGA-NAV — kill instant background-color flash ---------- */
/* The hover hits two layers: solid background-color appears instantly,
then the animated gradient slides in. Force background-color always
transparent so only the gradient (background-image) animates. */
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 button.shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
background-color: transparent !important;
}
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:focus-visible,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover {
background-color: transparent !important;
}
/* current-item active state — kill the instant solid fill, use subtle indicator */
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-item > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.current-menu-parent > .shop-mega-link-2026 {
background-color: transparent !important;
background-image: linear-gradient(90deg, rgba(0,89,248,.08) 0%, rgba(0,190,246,.06) 100%) !important;
color: #0059f8 !important;
box-shadow: inset 0 -2px 0 #00bef6 !important;
}
/* ---------- E. FEATURED TABS — ghost buttons that visually connect ---------- */
body.woocommerce-page #content .shop-products-toolbar-2026 {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 20px !important;
display: flex !important;
justify-content: center !important;
}
body.woocommerce-page #content .shop-products-toolbar-copy-2026 {
width: 100% !important;
background: transparent !important;
padding: 0 !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 0 14px !important;
margin: 0 auto 4px !important;
gap: 6px !important;
display: inline-flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
position: relative !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button {
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 999px !important;
padding: 10px 18px !important;
font-weight: 700 !important;
font-size: 14px !important;
letter-spacing: .01em !important;
color: rgba(16,26,74,.55) !important;
box-shadow: none !important;
cursor: pointer !important;
position: relative !important;
transition: color .22s ease, background .22s ease, transform .22s ease !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:hover {
color: #0059f8 !important;
background: rgba(0,89,248,.06) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button.is-active,
body.woocommerce-page #content .shop-product-tabs-2026 button[aria-selected="true"] {
color: #fff !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
background-image: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 14px 26px -12px rgba(0,89,248,.55),
0 6px 14px -8px rgba(0,190,246,.4) !important;
}
/* The "connector" line that visually merges tabs with the cards below */
body.woocommerce-page #content .shop-product-tabs-2026::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
bottom: 0 !important;
transform: translateX(-50%) !important;
width: 56px !important;
height: 2px !important;
background: linear-gradient(90deg, rgba(0,89,248,0), rgba(0,89,248,.4), rgba(0,89,248,0)) !important;
border-radius: 2px !important;
}
/* Remove any leftover ::before from earlier versions inside tabs */
body.woocommerce-page #content .shop-product-tabs-2026 button::before { content: none !important; display: none !important; }
/* Featured grid: a little more breathing space so it reads as one block with tabs */
body.woocommerce-page #content .shop-featured-printers-2026 .shop-products-panel-2026 {
padding-top: 6px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* ---------- F. HERO SLIDER — restore card visibility ---------- */
/* v122 set display:flex without resetting the v117 absolute positioning,
pushing the card off-screen. Restore proper centered absolute layout. */
.shop-hero-slide-2026--product { position: relative !important; overflow: hidden !important; }
.shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: absolute !important;
right: 4% !important;
top: 50% !important;
left: auto !important;
bottom: auto !important;
transform: translateY(-50%) !important;
width: clamp(320px, 32vw, 460px) !important;
height: auto !important;
max-height: 86% !important;
aspect-ratio: 1 / 1 !important;
padding: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255,255,255,.55) !important;
border-radius: 28px !important;
border: 1px solid rgba(255,255,255,.7) !important;
box-shadow:
0 40px 80px -32px rgba(10,40,120,.3),
0 18px 36px -22px rgba(0,89,248,.18),
inset 0 1px 0 rgba(255,255,255,.9) !important;
-webkit-backdrop-filter: blur(12px) saturate(140%) !important;
backdrop-filter: blur(12px) saturate(140%) !important;
overflow: visible !important;
animation: shopHeroFloat2026 6.5s ease-in-out infinite !important;
text-decoration: none !important;
color: inherit !important;
z-index: 4 !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateY(calc(-50% - 4px)) !important;
box-shadow:
0 50px 100px -32px rgba(10,40,120,.36),
0 22px 40px -18px rgba(0,89,248,.25),
inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 {
position: relative !important;
z-index: 3 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
overflow: visible !important;
flex: 1 1 auto !important;
aspect-ratio: auto !important;
max-height: none !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-image-2026 img {
max-width: 88% !important;
max-height: 88% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
filter: drop-shadow(0 24px 30px rgba(10,40,120,.22))
drop-shadow(0 6px 12px rgba(0,89,248,.14)) !important;
animation: shopHeroProductBob2026 6s ease-in-out infinite !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-product-badge-2026 {
display: inline-flex !important;
position: absolute !important;
top: 14px !important;
left: 14px !important;
z-index: 5 !important;
padding: 6px 12px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.96) !important;
color: #0059f8 !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
box-shadow: 0 8px 18px -8px rgba(10,40,120,.32) !important;
}
.shop-hero-slide-2026--product.shop-hero-slide-2026--accent-k1c .shop-hero-product-card-2026 .shop-hero-product-badge-2026 { color: #0089b8 !important; }
/* Content (left column) — constrain width so card on right has room */
.shop-hero-slide-2026--product .shop-hero-landing-content {
position: relative !important;
z-index: 3 !important;
max-width: 56% !important;
}
@media (max-width: 1024px) {
.shop-hero-slide-2026--product .shop-hero-landing-content { max-width: 100% !important; }
.shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: relative !important;
right: auto !important;
top: auto !important;
transform: none !important;
margin: 22px auto 0 !important;
width: min(100%, 340px) !important;
max-height: none !important;
aspect-ratio: 1 / 1 !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateY(-4px) !important;
}
}
/* Make the orbit fill the card, dots visible above image */
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-orbit-2026 {
z-index: 2 !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-orbit-dot-2026 {
z-index: 4 !important;
}
.shop-hero-slide-2026--product .shop-hero-product-card-2026 .shop-hero-orbit-ring-2026 {
z-index: 1 !important;
}
/* =====================================================================
2026.124 — Hero cutouts + three visual directions
The product image is no longer inside a glass/card frame. It uses
transparent PNG cutouts, a natural contact shadow, and three calmer
art directions so the user can choose the language to scale.
===================================================================== */
body.woocommerce-page #content .shop-hero-slide-2026--product {
--hero-text: #101a4a;
--hero-muted: rgba(16,26,74,.68);
--hero-soft: rgba(255,255,255,.72);
--hero-line: rgba(0,89,248,.13);
--hero-accent-a: #0059f8;
--hero-accent-b: #00bef6;
--hero-accent-c: #7ddcff;
min-height: clamp(560px, 48vw, 720px) !important;
background: linear-gradient(135deg, #f7faff 0%, #eef6ff 48%, #ffffff 100%) !important;
overflow: hidden !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026 {
position: absolute !important;
inset: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::after {
content: "" !important;
position: absolute !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before {
width: 56vw !important;
height: 56vw !important;
right: -16vw !important;
top: -20vw !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(0,190,246,.22) 0%, rgba(0,89,248,.1) 42%, transparent 72%) !important;
filter: blur(2px) !important;
opacity: .85 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::after {
width: 42vw !important;
height: 18vw !important;
right: 5vw !important;
bottom: 8vw !important;
border-radius: 999px !important;
background: radial-gradient(ellipse, rgba(0,89,248,.16) 0%, rgba(0,190,246,.08) 48%, transparent 76%) !important;
transform: rotate(-8deg) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-blob-2026 {
filter: blur(52px) !important;
opacity: .34 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-blob-2026--a {
right: 5% !important;
top: 6% !important;
width: 380px !important;
height: 380px !important;
background: radial-gradient(circle, var(--hero-accent-b) 0%, rgba(0,190,246,0) 70%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-blob-2026--b {
left: 28% !important;
bottom: -18% !important;
width: 420px !important;
height: 420px !important;
background: radial-gradient(circle, var(--hero-accent-a) 0%, rgba(0,89,248,0) 70%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-grid-2026 {
opacity: .28 !important;
background-image:
linear-gradient(var(--hero-line) 1px, transparent 1px),
linear-gradient(90deg, var(--hero-line) 1px, transparent 1px) !important;
background-size: 56px 56px !important;
-webkit-mask-image: radial-gradient(ellipse at 72% 52%, #000 0%, transparent 68%) !important;
mask-image: radial-gradient(ellipse at 72% 52%, #000 0%, transparent 68%) !important;
}
/* Left copy: calmer, less engineering-heavy */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
max-width: min(46%, 560px) !important;
color: var(--hero-text) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
background: rgba(255,255,255,.66) !important;
border: 1px solid rgba(255,255,255,.78) !important;
box-shadow: 0 12px 28px -20px rgba(10,40,120,.28) !important;
color: var(--hero-accent-a) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
color: var(--hero-text) !important;
letter-spacing: 0 !important;
max-width: 11ch !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
max-width: 500px !important;
gap: 10px !important;
margin-top: 24px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 li {
color: var(--hero-muted) !important;
background: rgba(255,255,255,.52) !important;
border: 1px solid rgba(255,255,255,.74) !important;
box-shadow: 0 10px 26px -24px rgba(10,40,120,.24) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026:empty {
display: none !important;
}
/* Product scene: no plate, no border, no image container shadow */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: absolute !important;
right: clamp(24px, 5vw, 76px) !important;
top: 51% !important;
width: clamp(390px, 35vw, 560px) !important;
max-height: none !important;
aspect-ratio: 1 / 1 !important;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
z-index: 5 !important;
animation: shopHeroSceneFloat2026 7s ease-in-out infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateY(calc(-50% - 5px)) !important;
box-shadow: none !important;
}
@keyframes shopHeroSceneFloat2026 {
0%,100% { transform: translateY(-50%); }
50% { transform: translateY(calc(-50% - 8px)); }
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026::before {
content: "" !important;
position: absolute !important;
left: 16% !important;
right: 16% !important;
bottom: 13% !important;
height: 10% !important;
border-radius: 50% !important;
background: radial-gradient(ellipse, rgba(10,30,80,.28) 0%, rgba(10,30,80,.12) 42%, transparent 72%) !important;
filter: blur(14px) !important;
transform: perspective(520px) rotateX(62deg) !important;
z-index: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 {
position: relative !important;
z-index: 3 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
width: 96% !important;
height: 96% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
animation: shopHeroProductBreath2026 6.5s ease-in-out infinite !important;
filter:
drop-shadow(0 30px 34px rgba(10,25,72,.2))
drop-shadow(0 6px 12px rgba(10,25,72,.12)) !important;
}
@keyframes shopHeroProductBreath2026 {
0%,100% { transform: translate3d(0,0,0) scale(1); }
50% { transform: translate3d(0,-6px,0) scale(1.015); }
}
/* Tiny concept label, not a framed product badge */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-badge-2026 {
top: 8% !important;
right: 10% !important;
left: auto !important;
z-index: 7 !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.72) !important;
border: 1px solid rgba(255,255,255,.74) !important;
color: var(--hero-accent-a) !important;
box-shadow: 0 12px 24px -18px rgba(10,40,120,.28) !important;
-webkit-backdrop-filter: blur(8px) !important;
backdrop-filter: blur(8px) !important;
}
/* Price and CTAs live with the product now */
body.woocommerce-page #content .shop-hero-product-actions-2026 {
position: absolute !important;
right: 2% !important;
bottom: 6% !important;
z-index: 8 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
max-width: min(94%, 520px) !important;
padding: 10px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.84) !important;
border: 1px solid rgba(255,255,255,.78) !important;
box-shadow: 0 24px 54px -32px rgba(10,40,120,.42),
inset 0 1px 0 rgba(255,255,255,.86) !important;
-webkit-backdrop-filter: blur(14px) saturate(130%) !important;
backdrop-filter: blur(14px) saturate(130%) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-2026 {
flex: 0 0 auto !important;
min-width: 132px !important;
margin: 0 !important;
padding: 0 6px 0 4px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-label-2026 {
color: rgba(16,26,74,.48) !important;
font-size: 10px !important;
letter-spacing: .09em !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 .amount {
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 ins {
color: #0059f8 !important;
-webkit-text-fill-color: #0059f8 !important;
}
body.woocommerce-page #content .shop-hero-product-buttons-2026 {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
height: 42px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary {
padding: 0 18px !important;
color: #fff !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 16px 30px -14px rgba(0,89,248,.62), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
padding: 0 14px !important;
color: #0059f8 !important;
background: rgba(0,89,248,.08) !important;
box-shadow: inset 0 0 0 1px rgba(0,89,248,.08) !important;
}
/* Shared orbit treatment: behind product, subtle */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-orbit-2026 {
z-index: 1 !important;
opacity: .72 !important;
mix-blend-mode: normal !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-orbit-ring-2026 {
border-color: rgba(0,89,248,.13) !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-orbit-glow-2026 {
opacity: .46 !important;
filter: blur(28px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-orbit-dot-2026 {
opacity: .62 !important;
}
/* Variant A: Studio — calm flagship showroom */
body.woocommerce-page #content .shop-hero-slide-2026--design-studio {
--hero-accent-a: #0059f8;
--hero-accent-b: #00bef6;
--hero-accent-c: #aeefff;
background:
radial-gradient(circle at 78% 40%, rgba(0,190,246,.22) 0%, transparent 34%),
radial-gradient(circle at 18% 18%, rgba(255,255,255,.9) 0%, transparent 36%),
linear-gradient(135deg, #f8fbff 0%, #eef6ff 46%, #ffffff 100%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--design-studio .shop-hero-product-card-2026::after {
content: "" !important;
position: absolute !important;
inset: 5% 1% 16% 8% !important;
border-radius: 50% !important;
background: conic-gradient(from 220deg, transparent 0 22%, rgba(0,190,246,.22) 25%, transparent 34%, rgba(0,89,248,.16) 54%, transparent 66% 100%) !important;
filter: blur(1px) !important;
z-index: 1 !important;
opacity: .72 !important;
animation: shopHeroHaloSlow2026 16s linear infinite !important;
}
/* Variant B: Motion — darker, energetic, for K1C speed/materials */
body.woocommerce-page #content .shop-hero-slide-2026--design-motion {
--hero-text: #f8fbff;
--hero-muted: rgba(248,251,255,.76);
--hero-line: rgba(120,210,255,.13);
--hero-accent-a: #31c7ff;
--hero-accent-b: #00bef6;
--hero-accent-c: #9df0ff;
background:
radial-gradient(circle at 82% 22%, rgba(0,190,246,.32) 0%, transparent 32%),
radial-gradient(circle at 58% 76%, rgba(72,112,255,.2) 0%, transparent 38%),
linear-gradient(135deg, #111827 0%, #162542 48%, #eef6ff 170%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--design-motion .shop-eyebrow,
body.woocommerce-page #content .shop-hero-slide-2026--design-motion .shop-hero-bullets-2026 li,
body.woocommerce-page #content .shop-hero-slide-2026--design-motion .shop-hero-product-badge-2026 {
background: rgba(255,255,255,.08) !important;
border-color: rgba(255,255,255,.14) !important;
color: #dff7ff !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--design-motion .shop-hero-product-bg-2026::after {
background: repeating-linear-gradient(100deg, rgba(120,210,255,.18) 0 2px, transparent 2px 22px) !important;
width: 64vw !important;
height: 30vw !important;
right: -10vw !important;
bottom: 6vw !important;
filter: blur(.2px) !important;
opacity: .55 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--design-motion .shop-hero-product-actions-2026 {
background: rgba(255,255,255,.9) !important;
}
/* Variant C: Spectrum — light, colorful, CFS-focused */
body.woocommerce-page #content .shop-hero-slide-2026--design-spectrum {
--hero-accent-a: #0059f8;
--hero-accent-b: #00bef6;
--hero-accent-c: #27c982;
background:
radial-gradient(circle at 82% 28%, rgba(0,190,246,.22) 0%, transparent 28%),
radial-gradient(circle at 70% 72%, rgba(39,201,130,.2) 0%, transparent 26%),
radial-gradient(circle at 91% 62%, rgba(170,116,255,.16) 0%, transparent 24%),
linear-gradient(135deg, #fbfdff 0%, #f0f8ff 52%, #ffffff 100%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--design-spectrum .shop-hero-product-bg-2026::after {
width: 44vw !important;
height: 44vw !important;
right: -4vw !important;
bottom: -12vw !important;
border-radius: 50% !important;
background: conic-gradient(from 120deg, rgba(0,89,248,.16), rgba(0,190,246,.2), rgba(39,201,130,.18), rgba(170,116,255,.14), rgba(0,89,248,.16)) !important;
filter: blur(18px) !important;
animation: shopHeroHaloSlow2026 22s linear infinite !important;
opacity: .82 !important;
}
@keyframes shopHeroHaloSlow2026 {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@media (max-width: 1180px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
max-width: 50% !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
width: clamp(330px, 38vw, 470px) !important;
right: 24px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
right: 0 !important;
transform: scale(.94) !important;
transform-origin: right bottom !important;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content .shop-hero-slide-2026--product {
min-height: auto !important;
padding-bottom: 34px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
max-width: 100% !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 100% !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: relative !important;
right: auto !important;
top: auto !important;
width: min(92vw, 430px) !important;
margin: 24px auto 0 !important;
transform: none !important;
animation: shopHeroProductBreath2026 7s ease-in-out infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateY(-4px) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
position: relative !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
margin: -18px auto 0 !important;
width: min(100%, 420px) !important;
justify-content: space-between !important;
}
}
@media (max-width: 640px) {
body.woocommerce-page #content .shop-hero-product-actions-2026 {
flex-direction: column !important;
align-items: stretch !important;
border-radius: 20px !important;
}
body.woocommerce-page #content .shop-hero-product-buttons-2026,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
width: 100% !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-2026 {
width: 100% !important;
min-width: 0 !important;
text-align: center !important;
}
body.woocommerce-page #content .shop-hero-product-buttons-2026 {
flex-direction: column !important;
gap: 8px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img,
body.woocommerce-page #content .shop-hero-slide-2026--design-studio .shop-hero-product-card-2026::after,
body.woocommerce-page #content .shop-hero-slide-2026--design-spectrum .shop-hero-product-bg-2026::after {
animation: none !important;
}
}
/* =====================================================================
2026.125 — Hero carousel stacking fix
v123 made product slides relative, so inactive/active article blocks were
laid out vertically. Keep slides absolutely overlaid inside the hero.
===================================================================== */
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: clamp(560px, 48vw, 720px) !important;
position: relative !important;
}
body.woocommerce-page #content .shop-hero-slides-2026,
body.woocommerce-page #content .shop-hero-slide-2026 {
position: absolute !important;
inset: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026 {
opacity: 0 !important;
pointer-events: none !important;
transform: translate3d(10px, 0, 0) !important;
transition: opacity .58s ease, transform .58s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active {
opacity: 1 !important;
pointer-events: auto !important;
transform: translate3d(0, 0, 0) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product {
position: absolute !important;
inset: 0 !important;
min-height: 100% !important;
}
/* =====================================================================
2026.126 — Hero CTA compactness
Keep the new action cluster close to the product, but prevent the row
from touching or escaping the right edge on common laptop widths.
===================================================================== */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: clamp(40px, 6.5vw, 96px) !important;
width: clamp(370px, 31vw, 520px) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
right: 0 !important;
bottom: 4% !important;
max-width: min(90%, 444px) !important;
padding: 8px !important;
gap: 8px !important;
border-radius: 22px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-2026 {
min-width: 102px !important;
max-width: 118px !important;
padding: 0 2px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 {
font-size: 18px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 del,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 .screen-reader-text {
display: none !important;
}
body.woocommerce-page #content .shop-hero-product-buttons-2026 {
gap: 6px !important;
min-width: 0 !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
height: 40px !important;
font-size: 13px !important;
min-width: 0 !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary {
padding: 0 15px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
padding: 0 12px !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: 34px !important;
width: clamp(340px, 32vw, 430px) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
max-width: 400px !important;
transform: scale(.96) !important;
transform-origin: right bottom !important;
}
}
/* =====================================================================
2026.127 — Navigation/background cleanup + account preview + sale polish
===================================================================== */
/* A. Mega-nav: let only the moving rail glow paint the active hover state. */
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026,
body.woocommerce-shop #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
transition: color .22s ease .08s, transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-shop #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.post-type-archive-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-shop #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026 {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
background-size: auto !important;
}
body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026.has-shop-nav-glow-2026::before {
transition: transform .42s cubic-bezier(.18,.88,.22,1), width .42s cubic-bezier(.18,.88,.22,1), height .42s cubic-bezier(.18,.88,.22,1), opacity .16s ease !important;
}
/* B. Product tabs: underline-only active state, no gradient pill. */
body.woocommerce-page #content .shop-product-tabs-2026 {
padding: 0 0 10px !important;
border-bottom: 1px solid rgba(16,26,74,.08) !important;
}
body.woocommerce-page #content .shop-product-tabs-2026::after {
content: none !important;
display: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026 {
border-radius: 0 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
padding: 12px 18px 14px !important;
transform: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:hover,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026:hover,
body.woocommerce-page #content .shop-product-tabs-2026 button.is-active,
body.woocommerce-page #content .shop-product-tabs-2026 button[aria-selected="true"],
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026.is-active {
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
color: #0059f8 !important;
transform: none !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026::after {
content: "" !important;
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: -1px !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 6px 14px -8px rgba(0,89,248,.55) !important;
transform: scaleX(0) !important;
transform-origin: center !important;
opacity: 0 !important;
transition: transform .28s cubic-bezier(.22,.9,.24,1), opacity .2s ease !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button:hover::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026:hover::after {
transform: scaleX(.52) !important;
opacity: .45 !important;
}
body.woocommerce-page #content .shop-product-tabs-2026 button.is-active::after,
body.woocommerce-page #content .shop-product-tabs-2026 button[aria-selected="true"]::after,
body.woocommerce-page #content .shop-product-tabs-2026 .shop-product-tab-2026.is-active::after {
transform: scaleX(1) !important;
opacity: 1 !important;
}
/* C. Single product: keep sale badge below the second nav and refine sale price. */
body.single-product .shop-entry-2026 span.onsale {
top: 72px !important;
left: 28px !important;
z-index: 5 !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 14px 28px -16px rgba(0,89,248,.5) !important;
}
body.single-product .summary .price {
display: flex !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 8px 12px !important;
margin: 0 0 22px !important;
color: #0059f8 !important;
}
body.single-product .summary .price del {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
padding: 5px 9px !important;
border-radius: 999px !important;
background: #f1f4f9 !important;
border: 1px solid rgba(16,26,74,.06) !important;
color: #8a94ad !important;
font-size: 16px !important;
font-weight: 750 !important;
line-height: 1 !important;
text-decoration: none !important;
opacity: 1 !important;
}
body.single-product .summary .price del::after {
content: "" !important;
position: absolute !important;
left: 8px !important;
right: 8px !important;
top: 50% !important;
height: 2px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(138,148,173,.35), rgba(0,89,248,.5)) !important;
transform: translateY(-50%) rotate(-6deg) !important;
}
body.single-product .summary .price del .amount,
body.single-product .summary .price del .woocommerce-Price-amount {
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
}
body.single-product .summary .price ins {
display: inline-flex !important;
align-items: baseline !important;
background: none !important;
color: #0059f8 !important;
font-size: clamp(31px, 2.4vw, 40px) !important;
font-weight: 950 !important;
line-height: 1 !important;
text-decoration: none !important;
-webkit-text-fill-color: #0059f8 !important;
}
body.single-product .summary .price ins .amount,
body.single-product .summary .price > .amount {
color: #0059f8 !important;
-webkit-text-fill-color: #0059f8 !important;
}
/* D. Account hover/focus preview — native WordPress login form, no JS credentials. */
.shop-account-preview-wrap-2026 {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
z-index: 3450 !important;
}
.shop-account-preview-wrap-2026::after {
content: "" !important;
position: absolute !important;
left: -12px !important;
right: -12px !important;
top: 100% !important;
height: 18px !important;
background: transparent !important;
}
.shop-account-preview-wrap-2026 > .shop-icon-action-2026--account {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
}
.shop-account-preview-2026 {
box-sizing: border-box !important;
position: absolute !important;
top: calc(100% + 16px) !important;
right: -54px !important;
z-index: 3650 !important;
width: min(342px, calc(100vw - 32px)) !important;
padding: 16px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 28px 70px -28px rgba(13,28,73,.34), 0 8px 18px -10px rgba(13,28,73,.12), inset 0 0 0 1px rgba(255,255,255,.78) !important;
color: #26344f !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate3d(0, 10px, 0) scale(.985) !important;
transform-origin: top right !important;
transition: opacity .18s ease, visibility .18s ease, transform .24s cubic-bezier(.2,.8,.2,1) !important;
backdrop-filter: blur(18px) saturate(1.24) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.24) !important;
}
.shop-account-preview-wrap-2026:hover .shop-account-preview-2026,
.shop-account-preview-wrap-2026:focus-within .shop-account-preview-2026 {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translate3d(0, 0, 0) scale(1) !important;
}
.shop-account-preview-wrap-2026:hover > .shop-icon-action-2026--account > span,
.shop-account-preview-wrap-2026:focus-within > .shop-icon-action-2026--account > span {
opacity: 0 !important;
visibility: hidden !important;
}
.shop-account-preview-head-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 2px 2px 12px !important;
border-bottom: 1px dashed rgba(16,26,74,.10) !important;
margin-bottom: 12px !important;
}
.shop-account-preview-head-2026 strong {
font-size: 15px !important;
font-weight: 850 !important;
color: #101a4a !important;
}
.shop-account-preview-head-2026 span {
font-size: 11px !important;
font-weight: 800 !important;
color: #0059f8 !important;
background: rgba(0,89,248,.08) !important;
padding: 4px 9px !important;
border-radius: 999px !important;
white-space: nowrap !important;
}
.shop-account-preview-2026 form,
.shop-account-preview-2026 p {
margin: 0 !important;
}
.shop-account-preview-2026 .login-username,
.shop-account-preview-2026 .login-password {
display: grid !important;
gap: 6px !important;
margin-bottom: 10px !important;
}
.shop-account-preview-2026 label {
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: #6a7494 !important;
}
.shop-account-preview-2026 input[type="text"],
.shop-account-preview-2026 input[type="password"] {
box-sizing: border-box !important;
width: 100% !important;
height: 42px !important;
border-radius: 14px !important;
border: 1px solid rgba(0,89,248,.10) !important;
background: #f8fbff !important;
color: #101a4a !important;
font-size: 14px !important;
font-weight: 650 !important;
padding: 0 13px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
outline: none !important;
}
.shop-account-preview-2026 input[type="text"]:focus,
.shop-account-preview-2026 input[type="password"]:focus {
background: #fff !important;
border-color: rgba(0,89,248,.28) !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.shop-account-preview-2026 .login-remember {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 2px 0 12px !important;
color: #6a7494 !important;
}
.shop-account-preview-2026 .login-remember label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.shop-account-preview-2026 input[type="checkbox"] {
accent-color: #0059f8 !important;
}
.shop-account-preview-2026 .login-submit {
margin-top: 0 !important;
}
.shop-account-preview-2026 input[type="submit"],
.shop-account-preview-button-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
height: 42px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: .02em !important;
text-decoration: none !important;
box-shadow: 0 16px 30px -14px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.28) !important;
cursor: pointer !important;
}
.shop-account-preview-button-2026--secondary {
background: rgba(0,89,248,.08) !important;
color: #0059f8 !important;
box-shadow: inset 0 0 0 1px rgba(0,89,248,.10) !important;
}
.shop-account-preview-actions-2026 {
display: grid !important;
gap: 8px !important;
}
.shop-account-preview-links-2026 {
display: flex !important;
justify-content: space-between !important;
gap: 10px !important;
margin-top: 12px !important;
}
.shop-icon-actions-2026 .shop-account-preview-2026 .shop-account-preview-links-2026 a {
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #0059f8 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-decoration: none !important;
transform: none !important;
}
@media (max-width: 760px) {
.shop-account-preview-2026 {
right: -54px !important;
width: min(320px, calc(100vw - 24px)) !important;
}
body.single-product .shop-entry-2026 span.onsale {
top: 54px !important;
left: 20px !important;
}
}
/* 2026.128 — Mega-nav hover cleanup for nav bars rendered outside #content. */
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
body.woocommerce-page .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
body.single-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.single-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.single-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.tax-product_cat .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.post-type-archive-product .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
body.woocommerce-shop .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026 {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
color: #fff !important;
}
/* =====================================================================
2026.129 — 3Dreams Printer Panel: spec grid + score + trust strip
Plus a final fix for the lingering mega-nav hover shadow (v128 follow-up)
===================================================================== */
/* 129a: kill leftover hover shadow even when the older v117 rule with #content wins */
html body.woocommerce #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
html body.woocommerce #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
html body.woocommerce #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
html body.woocommerce #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
html body.woocommerce #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
html body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
html body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
html body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:focus-within > .shop-mega-link-2026,
html body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:hover > .shop-mega-link-2026,
html body.woocommerce-page #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026.has-dropdown:focus-within > .shop-mega-link-2026,
html body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
html body.single-product #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026,
html body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026:hover,
html body.tax-product_cat #content .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-item-2026:hover > .shop-mega-link-2026 {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
transform: none !important;
color: #fff !important;
}
/* 129b: Spec grid (2x2) under product title */
body.single-product div.product .summary .shop-product-panel-2026 {
margin: 18px 0 10px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.shop-product-panel-2026 .shop-product-specs-2026 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.shop-product-spec-2026 {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 14px !important;
background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%) !important;
border: 1px solid #e6ecf5 !important;
border-radius: 14px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}
.shop-product-spec-2026:hover {
border-color: #cfe0fb !important;
box-shadow: 0 10px 24px -16px rgba(0, 89, 248, .35) !important;
transform: translateY(-1px) !important;
}
.shop-product-spec-icon-2026 {
flex: none !important;
width: 38px !important; height: 38px !important;
border-radius: 10px !important;
background: linear-gradient(135deg, #eaf2ff 0%, #f4ecff 100%) !important;
color: #0059f8 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.shop-product-spec-icon-2026 svg { width: 20px !important; height: 20px !important; }
.shop-product-spec-body-2026 {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
.shop-product-spec-label-2026 {
font-size: 11px !important;
line-height: 1.2 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
color: #6b7280 !important;
font-weight: 700 !important;
}
.shop-product-spec-value-2026 {
font-size: 14px !important;
line-height: 1.35 !important;
color: #0f172a !important;
font-weight: 700 !important;
margin-top: 2px !important;
word-wrap: break-word !important;
}
/* 129c: 3Dreams Score */
.shop-product-score-2026 {
background: linear-gradient(135deg, rgba(0, 89, 248, .06) 0%, rgba(0, 190, 246, .06) 60%, rgba(250, 48, 118, .05) 100%) !important;
border: 1px solid #dbe7fb !important;
border-radius: 16px !important;
padding: 14px 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
.shop-product-score-head-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
.shop-product-score-pill-2026 {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 6px 12px 6px 10px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
border-radius: 999px !important;
box-shadow: 0 8px 18px -10px rgba(0, 89, 248, .55) !important;
}
.shop-product-score-pill-2026 svg { color: #fff !important; }
.shop-product-score-pill-2026 em {
font-style: normal !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
opacity: .9 !important;
}
.shop-product-score-pill-2026 strong {
font-size: 16px !important;
font-weight: 900 !important;
padding-left: 6px !important;
border-left: 1px solid rgba(255, 255, 255, .35) !important;
margin-left: 2px !important;
}
.shop-product-score-bars-2026 {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.shop-product-score-row-2026 {
display: grid !important;
grid-template-columns: 130px 1fr 70px !important;
align-items: center !important;
gap: 12px !important;
}
.shop-product-score-row-label-2026 {
font-size: 13px !important;
color: #0f172a !important;
font-weight: 700 !important;
}
.shop-product-score-row-bar-2026 {
display: block !important;
height: 8px !important;
border-radius: 999px !important;
background: rgba(15, 23, 42, .08) !important;
overflow: hidden !important;
position: relative !important;
}
.shop-product-score-row-bar-2026 i {
display: block !important;
height: 100% !important;
width: var(--shop-pp-fill, 0%) !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 70%, #35d9ff 100%) !important;
border-radius: inherit !important;
box-shadow: 0 0 0 1px rgba(0, 89, 248, .15) inset !important;
transition: width .8s cubic-bezier(.2, .8, .2, 1) !important;
}
.shop-product-score-row-value-2026 {
font-size: 13px !important;
color: #0f172a !important;
font-weight: 800 !important;
text-align: right !important;
}
.shop-product-score-row-value-2026 small {
color: #6b7280 !important;
font-weight: 600 !important;
margin-left: 2px !important;
}
/* 129d: Trust strip under add-to-cart */
body.single-product div.product form.cart .shop-product-trust-2026,
body.single-product div.product .shop-product-trust-2026 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 14px 0 8px !important;
}
.shop-product-trust-item-2026 {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 12px !important;
background: #fff !important;
border: 1px solid #e6ecf5 !important;
border-radius: 12px !important;
}
.shop-product-trust-icon-2026 {
flex: none !important;
width: 34px !important; height: 34px !important;
border-radius: 10px !important;
background: rgba(0, 89, 248, .08) !important;
color: #0059f8 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.shop-product-trust-icon-2026 svg { width: 18px !important; height: 18px !important; }
.shop-product-trust-body-2026 {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
.shop-product-trust-body-2026 strong {
font-size: 12px !important;
color: #0f172a !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
.shop-product-trust-body-2026 em {
font-style: normal !important;
font-size: 11px !important;
color: #6b7280 !important;
margin-top: 2px !important;
line-height: 1.25 !important;
}
/* 129e: Mobile */
@media (max-width: 720px) {
.shop-product-panel-2026 .shop-product-specs-2026 { grid-template-columns: 1fr !important; }
.shop-product-score-row-2026 { grid-template-columns: 100px 1fr 56px !important; gap: 8px !important; }
body.single-product div.product .shop-product-trust-2026 { grid-template-columns: 1fr !important; }
}
/* =====================================================================
2026.130 — Printer panel visual alignment with product-card mockup
===================================================================== */
body.single-product .summary .product_title,
body.single-product .summary h1.product_title { order: 1 !important; }
body.single-product .summary .price { order: 2 !important; }
body.single-product div.product .summary .shop-product-panel-2026 {
order: 3 !important;
margin: 0 0 14px !important;
gap: 14px !important;
}
body.single-product .summary form.cart {
order: 4 !important;
margin: 0 0 12px !important;
}
body.single-product div.product .summary .shop-product-trust-2026 {
order: 5 !important;
}
body.single-product .summary .woocommerce-product-details__short-description { order: 6 !important; }
body.single-product .summary .product_meta { order: 7 !important; }
body.single-product div.product .summary .shop-product-panel-2026 + form.cart,
body.single-product .summary .price + .shop-product-panel-2026 {
margin-top: 0 !important;
}
.shop-product-panel-2026 .shop-product-specs-2026 {
gap: 10px !important;
}
.shop-product-spec-2026 {
min-height: 72px !important;
padding: 12px 14px !important;
gap: 12px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
border: 1px solid rgba(16, 26, 74, .085) !important;
border-radius: 14px !important;
box-shadow: 0 10px 24px -22px rgba(10, 40, 120, .28), inset 0 1px 0 rgba(255,255,255,.92) !important;
transform: none !important;
}
.shop-product-spec-2026:hover {
border-color: rgba(0, 89, 248, .18) !important;
box-shadow: 0 14px 28px -24px rgba(0, 89, 248, .32), inset 0 1px 0 rgba(255,255,255,.95) !important;
transform: none !important;
}
.shop-product-spec-icon-2026,
.shop-product-trust-icon-2026 {
background: linear-gradient(180deg, #f3f7ff 0%, #eef4ff 100%) !important;
border: 1px solid rgba(0, 89, 248, .07) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
color: #116cff !important;
}
.shop-product-spec-icon-2026 {
width: 44px !important;
height: 44px !important;
border-radius: 13px !important;
}
.shop-product-spec-icon-2026 svg {
width: 24px !important;
height: 24px !important;
stroke-width: 1.75 !important;
}
.shop-product-spec-label-2026 {
font-size: 12px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #7b86a3 !important;
font-weight: 650 !important;
}
.shop-product-spec-value-2026 {
font-size: 14.5px !important;
line-height: 1.3 !important;
color: #101a4a !important;
font-weight: 850 !important;
margin-top: 3px !important;
}
.shop-product-score-2026 {
padding: 14px 16px 16px !important;
gap: 13px !important;
background:
linear-gradient(120deg, rgba(0, 89, 248, .055) 0%, rgba(0, 190, 246, .045) 62%, rgba(250, 48, 118, .035) 100%),
#fbfdff !important;
border: 1px solid rgba(0, 89, 248, .105) !important;
border-radius: 16px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 12px 28px -26px rgba(10,40,120,.28) !important;
}
.shop-product-score-head-2026 { min-height: 28px !important; }
.shop-product-score-pill-2026 {
min-height: 34px !important;
padding: 6px 12px 6px 10px !important;
gap: 8px !important;
background: linear-gradient(135deg, #0a63ff 0%, #15bef2 100%) !important;
border-radius: 999px !important;
box-shadow: 0 14px 24px -16px rgba(0, 89, 248, .58), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.shop-product-score-pill-2026 em {
font-size: 11px !important;
letter-spacing: .03em !important;
font-weight: 850 !important;
}
.shop-product-score-pill-2026 strong {
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.shop-product-score-bars-2026 { gap: 10px !important; }
.shop-product-score-row-2026 {
grid-template-columns: minmax(104px, 132px) minmax(120px, 1fr) 62px !important;
gap: 11px !important;
}
.shop-product-score-row-label-2026 {
font-size: 12.5px !important;
color: #101a4a !important;
font-weight: 780 !important;
}
.shop-product-score-row-bar-2026 {
height: 7px !important;
background: rgba(16, 26, 74, .09) !important;
box-shadow: inset 0 1px 1px rgba(16,26,74,.06) !important;
}
.shop-product-score-row-bar-2026 i {
background: linear-gradient(90deg, #0a63ff 0%, #11a8f7 55%, #18cce4 100%) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.22) inset !important;
}
.shop-product-score-row-value-2026 {
font-size: 13px !important;
color: #101a4a !important;
font-weight: 900 !important;
}
.shop-product-score-row-value-2026 small {
font-size: 12px !important;
color: #6f7a99 !important;
font-weight: 650 !important;
}
body.single-product div.product .summary .shop-product-trust-2026,
body.single-product div.product form.cart + .shop-product-trust-2026 {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 !important;
margin: 0 0 16px !important;
padding: 0 !important;
background: #fff !important;
border: 1px solid rgba(16, 26, 74, .075) !important;
border-radius: 16px !important;
box-shadow: 0 12px 28px -25px rgba(10, 40, 120, .28), inset 0 1px 0 rgba(255,255,255,.95) !important;
overflow: hidden !important;
}
.shop-product-trust-item-2026 {
min-height: 64px !important;
padding: 12px 14px !important;
gap: 10px !important;
background: transparent !important;
border: 0 !important;
border-right: 1px solid rgba(16, 26, 74, .065) !important;
border-radius: 0 !important;
}
.shop-product-trust-item-2026:last-child { border-right: 0 !important; }
.shop-product-trust-icon-2026 {
width: 34px !important;
height: 34px !important;
border-radius: 11px !important;
}
.shop-product-trust-icon-2026 svg {
width: 19px !important;
height: 19px !important;
stroke-width: 1.75 !important;
}
.shop-product-trust-body-2026 strong {
font-size: 11.5px !important;
line-height: 1.18 !important;
color: #101a4a !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
}
.shop-product-trust-body-2026 em {
font-size: 10.8px !important;
line-height: 1.25 !important;
color: #7b86a3 !important;
font-weight: 550 !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
.shop-product-score-row-2026 {
grid-template-columns: minmax(92px, 114px) minmax(90px, 1fr) 58px !important;
gap: 9px !important;
}
.shop-product-trust-item-2026 { padding: 11px 10px !important; }
.shop-product-trust-icon-2026 { width: 32px !important; height: 32px !important; }
}
@media (max-width: 720px) {
body.single-product div.product .summary .shop-product-panel-2026 { margin-bottom: 12px !important; }
.shop-product-spec-2026 { min-height: 66px !important; }
.shop-product-score-row-2026 {
grid-template-columns: 1fr 58px !important;
gap: 6px 10px !important;
}
.shop-product-score-row-label-2026 { grid-column: 1 / 2 !important; }
.shop-product-score-row-value-2026 { grid-column: 2 / 3 !important; }
.shop-product-score-row-bar-2026 { grid-column: 1 / -1 !important; }
body.single-product div.product .summary .shop-product-trust-2026 {
grid-template-columns: 1fr !important;
}
.shop-product-trust-item-2026 {
border-right: 0 !important;
border-bottom: 1px solid rgba(16, 26, 74, .065) !important;
}
.shop-product-trust-item-2026:last-child { border-bottom: 0 !important; }
}
/* 2026.131 — Keep supporting product copy calmer after the printer panel. */
body.single-product .summary .woocommerce-product-details__short-description {
margin: 10px 0 0 !important;
padding: 18px 20px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px solid rgba(16, 26, 74, .06) !important;
box-shadow: none !important;
font-size: 14.5px !important;
line-height: 1.58 !important;
color: #3f4a66 !important;
}
body.single-product .summary .woocommerce-product-details__short-description h1,
body.single-product .summary .woocommerce-product-details__short-description h2,
body.single-product .summary .woocommerce-product-details__short-description h3,
body.single-product .summary .woocommerce-product-details__short-description h4 {
margin: 0 0 12px !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 850 !important;
color: #2678bd !important;
letter-spacing: 0 !important;
}
body.single-product .summary .woocommerce-product-details__short-description p {
margin: 0 0 10px !important;
}
body.single-product .summary .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0 !important;
}
body.single-product .summary .woocommerce-product-details__short-description strong,
body.single-product .summary .woocommerce-product-details__short-description b {
color: #101a4a !important;
font-weight: 850 !important;
}
/* =====================================================================
2026.132 — Printer panel: lighter icons, hex rating, hover hints
===================================================================== */
body.single-product .summary .price del {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #8791aa !important;
}
body.single-product .summary .price del::after {
left: 0 !important;
right: 0 !important;
height: 2px !important;
background: linear-gradient(90deg, rgba(135,145,170,.36), rgba(0,89,248,.46)) !important;
}
.shop-product-panel-2026 .shop-product-specs-2026 {
padding: 10px !important;
gap: 10px !important;
border-radius: 18px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(16, 26, 74, .055) !important;
box-shadow: 0 18px 42px -34px rgba(10, 40, 120, .24), inset 0 1px 0 rgba(255,255,255,.96) !important;
overflow: visible !important;
}
.shop-product-spec-2026 {
min-height: 68px !important;
padding: 12px 13px !important;
background: #fff !important;
border: 1px solid rgba(16, 26, 74, .075) !important;
border-radius: 14px !important;
box-shadow: none !important;
overflow: visible !important;
}
.shop-product-spec-2026:hover,
.shop-product-spec-2026:focus-visible {
background: #fcfdff !important;
border-color: rgba(0, 89, 248, .17) !important;
box-shadow: none !important;
outline: none !important;
}
.shop-product-spec-icon-2026,
.shop-product-trust-icon-2026 {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #116cff !important;
overflow: visible !important;
}
.shop-product-spec-icon-2026 {
width: 38px !important;
height: 38px !important;
}
.shop-product-spec-icon-2026 svg {
width: 28px !important;
height: 28px !important;
overflow: visible !important;
stroke-width: 1.65 !important;
}
.shop-product-spec-label-2026 {
color: #7f89a3 !important;
font-weight: 640 !important;
}
.shop-product-spec-value-2026 {
color: #101a4a !important;
font-weight: 820 !important;
}
.shop-product-score-2026 {
display: grid !important;
grid-template-columns: minmax(178px, .72fr) minmax(210px, 1fr) !important;
align-items: center !important;
column-gap: 20px !important;
padding: 14px 16px !important;
background: linear-gradient(115deg, rgba(0,89,248,.052) 0%, rgba(0,190,246,.035) 58%, rgba(250,48,118,.026) 100%), #fbfdff !important;
border: 1px solid rgba(16,26,74,.075) !important;
border-radius: 16px !important;
box-shadow: 0 14px 34px -32px rgba(10,40,120,.26), inset 0 1px 0 rgba(255,255,255,.95) !important;
overflow: visible !important;
}
.shop-product-rating-2026 {
display: grid !important;
grid-template-columns: 78px minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
min-width: 0 !important;
}
.shop-product-rating-mark-2026 {
width: 76px !important;
height: 84px !important;
display: grid !important;
place-items: center !important;
clip-path: polygon(50% 0, 91% 24%, 91% 76%, 50% 100%, 9% 76%, 9% 24%) !important;
background: linear-gradient(145deg, #0a63ff 0%, #09bff0 100%) !important;
box-shadow: 0 18px 30px -20px rgba(0,89,248,.68), inset 0 1px 0 rgba(255,255,255,.28) !important;
color: #fff !important;
}
.shop-product-rating-mark-2026 span {
font-size: 23px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
}
.shop-product-rating-copy-2026 {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
min-width: 0 !important;
}
.shop-product-rating-title-2026 {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
width: max-content !important;
max-width: 100% !important;
padding: 5px 9px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0a63ff 0%, #15bef2 100%) !important;
color: #fff !important;
box-shadow: 0 10px 20px -14px rgba(0,89,248,.56) !important;
}
.shop-product-rating-title-2026 svg {
width: 13px !important;
height: 13px !important;
color: #fff !important;
fill: currentColor !important;
stroke: none !important;
}
.shop-product-rating-title-2026 em {
font-style: normal !important;
font-size: 10.8px !important;
font-weight: 820 !important;
letter-spacing: .02em !important;
color: #fff !important;
text-transform: none !important;
}
.shop-product-rating-copy-2026 p {
margin: 0 !important;
max-width: 145px !important;
font-size: 11.2px !important;
line-height: 1.36 !important;
font-weight: 560 !important;
color: #74809a !important;
}
.shop-product-score-bars-2026 {
gap: 9px !important;
min-width: 0 !important;
}
.shop-product-score-row-2026 {
grid-template-columns: minmax(78px, 96px) minmax(112px, 1fr) 54px !important;
gap: 13px !important;
align-items: center !important;
overflow: visible !important;
}
.shop-product-score-row-2026:focus-visible { outline: none !important; }
.shop-product-score-row-label-2026 {
font-size: 12px !important;
line-height: 1.2 !important;
color: #697792 !important;
font-weight: 640 !important;
}
.shop-product-score-row-bar-2026 {
height: 6px !important;
background: rgba(16,26,74,.09) !important;
box-shadow: inset 0 1px 1px rgba(16,26,74,.055) !important;
}
.shop-product-score-row-bar-2026 i {
background: linear-gradient(90deg, #1067ff 0%, #0abce7 100%) !important;
}
.shop-product-score-row-value-2026 {
font-size: 12.5px !important;
font-weight: 820 !important;
color: #101a4a !important;
}
.shop-product-score-row-value-2026 small {
font-size: 11.5px !important;
font-weight: 560 !important;
color: #7a859d !important;
}
body.single-product div.product .summary .shop-product-trust-2026,
body.single-product div.product form.cart + .shop-product-trust-2026 {
border-color: rgba(16,26,74,.065) !important;
box-shadow: 0 14px 32px -31px rgba(10,40,120,.23), inset 0 1px 0 rgba(255,255,255,.96) !important;
overflow: visible !important;
}
.shop-product-trust-item-2026 {
min-height: 60px !important;
padding: 12px 14px !important;
overflow: visible !important;
}
.shop-product-trust-icon-2026 {
width: 30px !important;
height: 30px !important;
}
.shop-product-trust-icon-2026 svg {
width: 22px !important;
height: 22px !important;
overflow: visible !important;
stroke-width: 1.65 !important;
}
.shop-product-trust-body-2026 strong {
font-size: 11.5px !important;
line-height: 1.22 !important;
color: #26324f !important;
font-weight: 740 !important;
}
.shop-product-trust-body-2026 em {
font-size: 10.8px !important;
line-height: 1.25 !important;
color: #7a859d !important;
font-weight: 500 !important;
}
.shop-product-spec-2026[data-shop-tip],
.shop-product-score-row-2026[data-shop-tip],
.shop-product-trust-item-2026[data-shop-tip] {
position: relative !important;
cursor: help !important;
}
.shop-product-spec-2026[data-shop-tip]::before,
.shop-product-score-row-2026[data-shop-tip]::before,
.shop-product-trust-item-2026[data-shop-tip]::before {
content: "" !important;
position: absolute !important;
left: 28px !important;
bottom: calc(100% + 5px) !important;
width: 10px !important;
height: 10px !important;
background: #101a4a !important;
transform: rotate(45deg) translateY(8px) !important;
border-radius: 2px !important;
opacity: 0 !important;
pointer-events: none !important;
z-index: 32 !important;
transition: opacity .18s ease, transform .18s ease !important;
}
.shop-product-spec-2026[data-shop-tip]::after,
.shop-product-score-row-2026[data-shop-tip]::after,
.shop-product-trust-item-2026[data-shop-tip]::after {
content: attr(data-shop-tip) !important;
position: absolute !important;
left: 0 !important;
bottom: calc(100% + 10px) !important;
width: min(260px, 78vw) !important;
padding: 10px 12px !important;
border-radius: 12px !important;
background: #101a4a !important;
color: #fff !important;
font-size: 11.5px !important;
line-height: 1.38 !important;
font-weight: 560 !important;
letter-spacing: 0 !important;
box-shadow: 0 18px 34px -18px rgba(10, 20, 56, .38) !important;
opacity: 0 !important;
transform: translateY(6px) !important;
pointer-events: none !important;
z-index: 33 !important;
transition: opacity .18s ease, transform .18s ease !important;
}
.shop-product-score-row-2026[data-shop-tip]::after,
.shop-product-score-row-2026[data-shop-tip]::before {
left: 0 !important;
}
.shop-product-spec-2026[data-shop-tip]:hover::before,
.shop-product-spec-2026[data-shop-tip]:hover::after,
.shop-product-spec-2026[data-shop-tip]:focus-visible::before,
.shop-product-spec-2026[data-shop-tip]:focus-visible::after,
.shop-product-score-row-2026[data-shop-tip]:hover::before,
.shop-product-score-row-2026[data-shop-tip]:hover::after,
.shop-product-score-row-2026[data-shop-tip]:focus-visible::before,
.shop-product-score-row-2026[data-shop-tip]:focus-visible::after,
.shop-product-trust-item-2026[data-shop-tip]:hover::before,
.shop-product-trust-item-2026[data-shop-tip]:hover::after,
.shop-product-trust-item-2026[data-shop-tip]:focus-visible::before,
.shop-product-trust-item-2026[data-shop-tip]:focus-visible::after {
opacity: 1 !important;
transform: translateY(0) !important;
}
.shop-product-spec-2026[data-shop-tip]:hover::before,
.shop-product-spec-2026[data-shop-tip]:focus-visible::before,
.shop-product-score-row-2026[data-shop-tip]:hover::before,
.shop-product-score-row-2026[data-shop-tip]:focus-visible::before,
.shop-product-trust-item-2026[data-shop-tip]:hover::before,
.shop-product-trust-item-2026[data-shop-tip]:focus-visible::before {
transform: rotate(45deg) translateY(0) !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
.shop-product-score-2026 {
grid-template-columns: minmax(150px, .68fr) minmax(188px, 1fr) !important;
column-gap: 14px !important;
}
.shop-product-rating-2026 { grid-template-columns: 66px minmax(0, 1fr) !important; gap: 9px !important; }
.shop-product-rating-mark-2026 { width: 64px !important; height: 72px !important; }
.shop-product-rating-mark-2026 span { font-size: 20px !important; }
.shop-product-rating-copy-2026 p { max-width: 118px !important; font-size: 10.7px !important; }
.shop-product-score-row-2026 { grid-template-columns: minmax(68px, 84px) minmax(86px, 1fr) 50px !important; gap: 9px !important; }
}
@media (max-width: 720px) {
.shop-product-score-2026 {
grid-template-columns: 1fr !important;
row-gap: 14px !important;
}
.shop-product-rating-2026 { grid-template-columns: 70px minmax(0, 1fr) !important; }
.shop-product-rating-mark-2026 { width: 68px !important; height: 76px !important; }
.shop-product-score-row-2026 {
grid-template-columns: 1fr 52px !important;
gap: 6px 10px !important;
}
.shop-product-spec-2026[data-shop-tip]::after,
.shop-product-score-row-2026[data-shop-tip]::after,
.shop-product-trust-item-2026[data-shop-tip]::after { width: min(260px, calc(100vw - 42px)) !important; }
}
/* 2026.133 — Score/trust micro-polish after visual review. */
.shop-product-score-2026 {
grid-template-columns: minmax(238px, .78fr) minmax(250px, 1fr) !important;
column-gap: 22px !important;
}
.shop-product-rating-2026 {
grid-template-columns: 76px minmax(146px, 1fr) !important;
gap: 14px !important;
}
.shop-product-rating-title-2026 {
padding: 5px 10px !important;
white-space: nowrap !important;
}
.shop-product-rating-title-2026 em {
font-size: 10.7px !important;
font-weight: 820 !important;
letter-spacing: .015em !important;
color: #fff !important;
}
.shop-product-rating-copy-2026 p {
max-width: 170px !important;
font-size: 11px !important;
line-height: 1.42 !important;
color: #7b86a0 !important;
}
.shop-product-score-row-2026 {
grid-template-columns: minmax(78px, 94px) minmax(118px, 1fr) 54px !important;
gap: 15px !important;
}
.shop-product-score-row-label-2026 {
font-size: 11.8px !important;
color: #6f7b94 !important;
font-weight: 570 !important;
}
.shop-product-score-row-value-2026 {
font-weight: 780 !important;
color: #1a2545 !important;
}
.shop-product-trust-body-2026 strong {
color: #3d4864 !important;
font-weight: 660 !important;
font-size: 11.4px !important;
}
.shop-product-trust-body-2026 em {
color: #8791a9 !important;
font-weight: 470 !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
.shop-product-score-2026 {
grid-template-columns: minmax(210px, .78fr) minmax(210px, 1fr) !important;
column-gap: 16px !important;
}
.shop-product-rating-2026 { grid-template-columns: 66px minmax(128px, 1fr) !important; gap: 11px !important; }
.shop-product-rating-title-2026 { padding: 5px 8px !important; }
.shop-product-rating-title-2026 em { font-size: 10.2px !important; }
.shop-product-rating-copy-2026 p { max-width: 138px !important; }
.shop-product-score-row-2026 { grid-template-columns: minmax(68px, 82px) minmax(94px, 1fr) 50px !important; gap: 10px !important; }
}
@media (max-width: 720px) {
.shop-product-score-2026 { grid-template-columns: 1fr !important; }
.shop-product-rating-2026 { grid-template-columns: 70px minmax(0, 1fr) !important; }
.shop-product-rating-copy-2026 p { max-width: 210px !important; }
}
/* 2026.134 — Tooltip fit and polish. */
.shop-product-spec-2026[data-shop-tip]::after,
.shop-product-score-row-2026[data-shop-tip]::after,
.shop-product-trust-item-2026[data-shop-tip]::after {
width: min(230px, 72vw) !important;
padding: 8px 10px !important;
border-radius: 10px !important;
background: #121d48 !important;
font-size: 10.8px !important;
line-height: 1.34 !important;
font-weight: 520 !important;
box-shadow: 0 16px 30px -18px rgba(10, 20, 56, .34) !important;
}
.shop-product-spec-2026[data-shop-tip]::before,
.shop-product-score-row-2026[data-shop-tip]::before,
.shop-product-trust-item-2026[data-shop-tip]::before {
background: #121d48 !important;
}
.shop-product-spec-2026:nth-child(even)[data-shop-tip]::after,
.shop-product-trust-item-2026:nth-child(3)[data-shop-tip]::after {
left: auto !important;
right: 0 !important;
}
.shop-product-spec-2026:nth-child(even)[data-shop-tip]::before,
.shop-product-trust-item-2026:nth-child(3)[data-shop-tip]::before {
left: auto !important;
right: 30px !important;
}
.shop-product-score-row-2026[data-shop-tip]::after {
left: auto !important;
right: 0 !important;
}
.shop-product-score-row-2026[data-shop-tip]::before {
left: auto !important;
right: 26px !important;
}
.shop-product-spec-2026[data-shop-tip]:hover,
.shop-product-spec-2026[data-shop-tip]:focus-visible {
border-color: rgba(0, 89, 248, .14) !important;
}
/* =====================================================================
2026.135 — Rating seal, cleaner metrics, richer first-printer hints
===================================================================== */
body.single-product .summary .price {
border-bottom: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 16px !important;
}
body.single-product .summary .price::after {
content: none !important;
display: none !important;
}
.shop-product-panel-2026 .shop-product-specs-2026 {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
gap: 10px !important;
}
.shop-product-spec-2026 {
min-height: 68px !important;
padding: 12px 14px !important;
background: #fff !important;
border: 1px solid rgba(16, 26, 74, .058) !important;
box-shadow: none !important;
}
.shop-product-spec-2026:hover,
.shop-product-spec-2026:focus-visible {
border-color: rgba(0, 89, 248, .13) !important;
box-shadow: none !important;
}
.shop-product-spec-icon-2026 {
width: 40px !important;
height: 40px !important;
line-height: 0 !important;
overflow: visible !important;
}
.shop-product-spec-icon-2026 svg {
width: 30px !important;
height: 30px !important;
overflow: visible !important;
stroke-width: 1.62 !important;
}
.shop-product-score-2026 {
grid-template-columns: 116px minmax(0, 1fr) !important;
column-gap: 18px !important;
align-items: center !important;
padding: 15px 16px !important;
overflow: visible !important;
}
.shop-product-rating-2026 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 0 !important;
}
.shop-product-rating-mark-2026 {
position: relative !important;
isolation: isolate !important;
clip-path: none !important;
width: 76px !important;
height: 76px !important;
border-radius: 999px !important;
display: grid !important;
place-items: center !important;
background: linear-gradient(145deg, #0a63ff 0%, #08bff0 100%) !important;
box-shadow: 0 18px 32px -22px rgba(0, 89, 248, .74), inset 0 1px 0 rgba(255,255,255,.28) !important;
color: #fff !important;
overflow: visible !important;
}
.shop-product-rating-mark-2026::before,
.shop-product-rating-mark-2026::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
border-radius: 34% !important;
background: inherit !important;
z-index: -1 !important;
box-shadow: inherit !important;
}
.shop-product-rating-mark-2026::before { transform: rotate(24deg) !important; }
.shop-product-rating-mark-2026::after { transform: rotate(58deg) !important; opacity: .96 !important; }
.shop-product-rating-mark-2026 span {
position: relative !important;
z-index: 2 !important;
font-size: 23px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #fff !important;
}
.shop-product-rating-caption-2026 {
font-size: 10.8px !important;
line-height: 1.15 !important;
font-weight: 820 !important;
color: #2678bd !important;
white-space: nowrap !important;
letter-spacing: .01em !important;
}
.shop-product-rating-copy-2026,
.shop-product-rating-copy-2026 p,
.shop-product-rating-title-2026 {
display: none !important;
}
.shop-product-score-bars-2026 {
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
}
.shop-product-score-row-2026 {
grid-template-columns: minmax(70px, 86px) minmax(130px, 1fr) minmax(46px, 52px) !important;
gap: 12px !important;
}
.shop-product-score-row-label-2026 {
font-size: 11.7px !important;
font-weight: 560 !important;
color: #6e7891 !important;
}
.shop-product-score-row-value-2026 {
justify-self: end !important;
font-size: 12px !important;
font-weight: 780 !important;
white-space: nowrap !important;
}
.shop-product-score-row-value-2026 small {
font-size: 10.6px !important;
font-weight: 520 !important;
}
.shop-product-spec-2026[data-shop-tip]::after,
.shop-product-score-row-2026[data-shop-tip]::after,
.shop-product-trust-item-2026[data-shop-tip]::after {
width: min(268px, 74vw) !important;
font-size: 10.8px !important;
line-height: 1.36 !important;
}
@media (max-width: 1320px) and (min-width: 1025px) {
.shop-product-score-2026 {
grid-template-columns: 102px minmax(0, 1fr) !important;
column-gap: 13px !important;
}
.shop-product-rating-mark-2026 {
width: 66px !important;
height: 66px !important;
}
.shop-product-rating-mark-2026 span { font-size: 20px !important; }
.shop-product-rating-caption-2026 { font-size: 10.2px !important; }
.shop-product-score-row-2026 {
grid-template-columns: minmax(62px, 76px) minmax(96px, 1fr) minmax(42px, 48px) !important;
gap: 9px !important;
}
}
@media (max-width: 720px) {
.shop-product-score-2026 {
grid-template-columns: 1fr !important;
row-gap: 14px !important;
}
.shop-product-rating-mark-2026 {
width: 70px !important;
height: 70px !important;
}
.shop-product-score-row-2026 {
grid-template-columns: 1fr 52px !important;
}
}
/* 2026.136 — Remove excess spec lines and make speed icon read as a full gauge. */
.shop-product-spec-2026 {
background: rgba(248, 251, 255, .72) !important;
border: 0 !important;
box-shadow: none !important;
min-height: 68px !important;
}
.shop-product-spec-2026:hover,
.shop-product-spec-2026:focus-visible {
background: rgba(244, 248, 255, .9) !important;
border: 0 !important;
box-shadow: none !important;
}
.shop-product-spec-icon-2026,
.shop-product-spec-icon-2026 svg {
overflow: visible !important;
}
.shop-product-spec-icon-2026 svg {
width: 31px !important;
height: 31px !important;
stroke-width: 1.72 !important;
}
.shop-product-spec-2026:nth-child(2) .shop-product-spec-icon-2026 svg {
width: 33px !important;
height: 33px !important;
transform: translateY(1px) !important;
}
.shop-product-panel-2026 .shop-product-specs-2026 {
gap: 12px !important;
}
/* 2026.137 - Account profile, account dropdown and utility navigation polish. */
body.woocommerce-account #content > .hd.shop-hd-2026 {
margin-bottom: 14px !important;
}
body.woocommerce-account .shop-commerce-bar-2026 {
align-items: center !important;
border-color: rgba(20,26,44,.075) !important;
box-shadow: 0 18px 44px -38px rgba(10,30,90,.24), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body.woocommerce-account .shop-category-rail-2026.shop-mega-nav-2026 {
min-width: 0 !important;
}
body.woocommerce-account .shop-category-rail-2026.shop-mega-nav-2026 .shop-mega-link-2026 {
min-height: 38px !important;
border-radius: 14px !important;
font-size: 12.8px !important;
font-weight: 820 !important;
letter-spacing: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 > .shop-entry-2026,
body.woocommerce-account #content .shop-utility-page-2026.shop-account-page-2026 > .shop-entry-2026 {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 {
box-sizing: border-box !important;
max-width: 920px !important;
margin: 0 auto 24px !important;
padding: 24px 16px 8px !important;
border: 0 !important;
text-align: center !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 h1 {
margin: 0 !important;
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
background: none !important;
font-size: 38px !important;
font-weight: 950 !important;
line-height: 1.06 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-shadow: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 p {
max-width: 620px !important;
margin: 10px auto 0 !important;
color: #66718a !important;
font-size: 14.2px !important;
font-weight: 620 !important;
line-height: 1.55 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 18px !important;
width: 100% !important;
max-width: 1120px !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #26344f !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce::before,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce::after {
content: none !important;
display: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce > .woocommerce-message,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce > .woocommerce-info,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce > .woocommerce-error {
width: 100% !important;
margin: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation {
box-sizing: border-box !important;
display: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 10px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.96) !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 18px 44px -36px rgba(10,30,90,.22), inset 0 1px 0 rgba(255,255,255,.86) !important;
overflow: visible !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation ul {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li {
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a {
box-sizing: border-box !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
max-width: 100% !important;
padding: 0 16px !important;
border-radius: 16px !important;
background: #f7f9fc !important;
border: 1px solid rgba(20,26,44,.055) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
color: #526079 !important;
font-size: 13px !important;
font-weight: 820 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a:focus-visible {
background: #fff !important;
border-color: rgba(0,89,248,.14) !important;
box-shadow: 0 14px 28px -24px rgba(0,89,248,.34), inset 0 1px 0 rgba(255,255,255,.92) !important;
color: #0059f8 !important;
transform: translateY(-1px) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.is-active a {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border-color: transparent !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.28) !important;
color: #fff !important;
transform: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
background: rgba(250,48,118,.075) !important;
border-color: rgba(250,48,118,.12) !important;
color: #d91f60 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:focus-visible {
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
border-color: transparent !important;
box-shadow: 0 16px 30px -18px rgba(250,48,118,.5) !important;
color: #fff !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content {
box-sizing: border-box !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-height: 320px !important;
margin: 0 !important;
padding: 26px !important;
border-radius: 24px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 22px 58px -44px rgba(10,30,90,.28), inset 0 1px 0 rgba(255,255,255,.88) !important;
color: #26344f !important;
overflow: hidden !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content p,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content address,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content li {
color: #4d5871 !important;
font-size: 14.2px !important;
font-weight: 520 !important;
line-height: 1.68 !important;
letter-spacing: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content > p:first-child {
margin-top: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content strong,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content b {
color: #101a4a !important;
font-weight: 850 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
color: #0059f8 !important;
font-weight: 760 !important;
text-decoration: none !important;
text-underline-offset: 3px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):focus-visible {
color: #003fbd !important;
text-decoration: underline !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h2,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h3,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content legend {
margin: 0 0 16px !important;
color: #101a4a !important;
font-size: 22px !important;
font-weight: 920 !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h3,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content legend {
font-size: 18px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-message,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-info,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-error {
box-sizing: border-box !important;
padding: 14px 16px !important;
border-radius: 18px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: none !important;
color: #44506b !important;
font-size: 13.4px !important;
font-weight: 650 !important;
line-height: 1.5 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-error {
background: rgba(250,48,118,.06) !important;
border-color: rgba(250,48,118,.16) !important;
color: #8f234d !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-form-login,
body.woocommerce-account #content .shop-account-page-2026 form.login,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-form-register,
body.woocommerce-account #content .shop-account-page-2026 form.register {
box-sizing: border-box !important;
width: min(100%, 640px) !important;
max-width: 640px !important;
margin: 0 auto !important;
padding: 26px !important;
border-radius: 24px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 22px 58px -44px rgba(10,30,90,.28) !important;
}
body.woocommerce-account #content .shop-account-page-2026 form .form-row,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-form-row,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-address-fields__field-wrapper p {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 14px !important;
padding: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 form label {
display: block !important;
margin: 0 0 7px !important;
color: #5f6b83 !important;
font-size: 12.5px !important;
font-weight: 820 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 form .required {
color: #fa3076 !important;
font-weight: 900 !important;
}
body.woocommerce-account #content .shop-account-page-2026 input.input-text,
body.woocommerce-account #content .shop-account-page-2026 input[type="text"],
body.woocommerce-account #content .shop-account-page-2026 input[type="email"],
body.woocommerce-account #content .shop-account-page-2026 input[type="tel"],
body.woocommerce-account #content .shop-account-page-2026 input[type="password"],
body.woocommerce-account #content .shop-account-page-2026 select,
body.woocommerce-account #content .shop-account-page-2026 textarea {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
padding: 0 14px !important;
border-radius: 14px !important;
background: #f8fbff !important;
border: 1px solid rgba(20,26,44,.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
color: #101a4a !important;
font-size: 14px !important;
font-weight: 620 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
outline: none !important;
transition: background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
body.woocommerce-account #content .shop-account-page-2026 textarea {
min-height: 118px !important;
padding: 13px 14px !important;
resize: vertical !important;
}
body.woocommerce-account #content .shop-account-page-2026 input.input-text:focus,
body.woocommerce-account #content .shop-account-page-2026 input[type="text"]:focus,
body.woocommerce-account #content .shop-account-page-2026 input[type="email"]:focus,
body.woocommerce-account #content .shop-account-page-2026 input[type="tel"]:focus,
body.woocommerce-account #content .shop-account-page-2026 input[type="password"]:focus,
body.woocommerce-account #content .shop-account-page-2026 select:focus,
body.woocommerce-account #content .shop-account-page-2026 textarea:focus {
background: #fff !important;
border-color: rgba(0,89,248,.32) !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .password-input {
display: block !important;
width: 100% !important;
}
body.woocommerce-account #content .shop-account-page-2026 .show-password-input {
top: 50% !important;
right: 12px !important;
transform: translateY(-50%) !important;
color: #66718a !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.woocommerce-button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .woocommerce-Button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button[type="submit"],
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input[type="submit"] {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
max-width: 100% !important;
padding: 0 18px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.26) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 880 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
white-space: nowrap !important;
cursor: pointer !important;
transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, filter .2s ease !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button[type="submit"],
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input[type="submit"],
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .edit-account button.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .woocommerce-address-fields button.button {
background: linear-gradient(135deg, #fa3076 0%, #fa4f30 100%) !important;
box-shadow: 0 16px 30px -18px rgba(250,48,118,.52), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.button:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.woocommerce-button:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button.button:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input.button:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .woocommerce-Button:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button[type="submit"]:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input[type="submit"]:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.button:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.woocommerce-button:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button.button:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input.button:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .woocommerce-Button:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button[type="submit"]:focus-visible,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input[type="submit"]:focus-visible {
color: #fff !important;
filter: saturate(1.04) brightness(1.02) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table {
width: 100% !important;
margin: 0 0 18px !important;
border-radius: 20px !important;
overflow: hidden !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table th,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table td {
vertical-align: middle !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table .button {
min-width: 88px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Addresses,
body.woocommerce-account #content .shop-account-page-2026 .u-columns.woocommerce-Addresses {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
margin: 18px 0 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address address {
box-sizing: border-box !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address {
padding: 20px !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #f8fbff 0%, #fff 100%) !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title h3 {
display: flex !important;
align-items: center !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title {
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title h3 {
margin: 0 !important;
font-size: 17px !important;
line-height: 1.2 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title a.edit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
border: 1px solid rgba(0,89,248,.10) !important;
color: #0059f8 !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1 !important;
text-decoration: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title a.edit:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Address-title a.edit:focus-visible {
background: #fff !important;
box-shadow: 0 12px 24px -20px rgba(0,89,248,.28) !important;
}
body.woocommerce-account #content .shop-account-page-2026 fieldset {
margin: 18px 0 0 !important;
padding: 18px !important;
border-radius: 20px !important;
background: #f8fbff !important;
border: 1px solid rgba(20,26,44,.075) !important;
}
body.woocommerce-account #content .shop-account-page-2026 mark,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content mark {
display: inline-flex !important;
align-items: center !important;
min-height: 24px !important;
padding: 0 8px !important;
border-radius: 999px !important;
background: rgba(0,190,246,.12) !important;
color: #0059f8 !important;
font-weight: 850 !important;
}
.shop-account-preview-2026 .shop-account-preview-form-2026 .login-submit {
margin-top: 0 !important;
}
.shop-account-preview-2026 button.shop-account-preview-button-2026 {
font-family: inherit !important;
line-height: 1 !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.shop-account-preview-2026 button.shop-account-preview-button-2026:hover,
.shop-account-preview-2026 button.shop-account-preview-button-2026:focus-visible {
filter: saturate(1.04) brightness(1.02) !important;
transform: translateY(-1px) !important;
}
@media (min-width: 1025px) {
body.woocommerce-account .shop-commerce-bar-2026 {
grid-template-columns: minmax(330px, max-content) minmax(280px, 1fr) auto !important;
gap: 12px !important;
padding: 10px !important;
}
}
@media (max-width: 900px) {
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation {
padding: 8px !important;
border-radius: 20px !important;
overflow: hidden !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation ul {
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding-bottom: 2px !important;
-webkit-overflow-scrolling: touch !important;
scroll-snap-type: x proximity !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li {
scroll-snap-align: start !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content {
min-height: 0 !important;
padding: 20px !important;
border-radius: 22px !important;
}
}
@media (max-width: 720px) {
body.woocommerce-account #content > .hd.shop-hd-2026 {
margin-bottom: 10px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 {
margin-bottom: 18px !important;
padding: 18px 8px 6px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 h1 {
font-size: 30px !important;
line-height: 1.08 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .shop-utility-title-2026 p {
font-size: 13.4px !important;
line-height: 1.48 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce {
gap: 14px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-form-login,
body.woocommerce-account #content .shop-account-page-2026 form.login,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-form-register,
body.woocommerce-account #content .shop-account-page-2026 form.register {
padding: 20px !important;
border-radius: 22px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-Addresses,
body.woocommerce-account #content .shop-account-page-2026 .u-columns.woocommerce-Addresses {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 520px) {
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content {
padding: 16px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h2 {
font-size: 19px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce a.woocommerce-button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input.button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce .woocommerce-Button,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce button[type="submit"],
body.woocommerce-account #content .shop-account-page-2026 .woocommerce input[type="submit"] {
width: 100% !important;
min-height: 44px !important;
white-space: normal !important;
line-height: 1.15 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce table.shop_table .button {
min-width: 0 !important;
}
}
/* 2026.138 - Force blue gradient + "Подробнее" label styling for out-of-stock / read-more buttons in category and shop loops. */
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button,
body.tax-product_cat .shop-entry-2026 ul.products li.product.outofstock a.button,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button.product_type_simple,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button,
body.post-type-archive-product .shop-entry-2026 ul.products li.product.outofstock a.button,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button.product_type_simple {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
box-sizing: border-box !important;
align-self: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-height: 42px !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
background-color: #0059f8 !important;
border: 0 !important;
box-shadow: 0 14px 26px -16px rgba(0,89,248,.48) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
transition: transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, background .25s ease !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button:hover,
body.tax-product_cat .shop-entry-2026 ul.products li.product.outofstock a.button:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product.outofstock a.button:hover {
background: linear-gradient(135deg, #003fbd, #0096d4) !important;
box-shadow: 0 20px 34px -18px rgba(0,89,248,.58) !important;
transform: translateY(-1px) !important;
color: #fff !important;
}
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button::after,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button::after {
content: none !important;
display: none !important;
}
/* Subtle hint that the product is out of stock - dim the price area but keep CTA bright. */
body.tax-product_cat .shop-entry-2026 ul.products li.product.outofstock .price,
body.post-type-archive-product .shop-entry-2026 ul.products li.product.outofstock .price {
opacity: .55 !important;
}
/* 2026.139 — server-side "Подробнее" replacement for OOS / no-price products.
Targets the dedicated .dreams-readmore-btn class plus any residual
add-to-cart anchors that the loop emits for non-purchasable items. */
.bd ul.products li.product a.button.dreams-readmore-btn,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button.dreams-readmore-btn,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button.dreams-readmore-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
min-height: 42px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
background-color: #0059f8 !important;
color: #fff !important;
font-weight: 800 !important;
font-size: 13px !important;
text-transform: none !important;
letter-spacing: 0 !important;
border: 0 !important;
text-decoration: none !important;
box-shadow: 0 14px 26px -16px rgba(0, 89, 248, .48) !important;
transition: transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease, background .25s ease !important;
}
.bd ul.products li.product a.button.dreams-readmore-btn:hover,
body.tax-product_cat .shop-entry-2026 ul.products li.product a.button.dreams-readmore-btn:hover,
body.post-type-archive-product .shop-entry-2026 ul.products li.product a.button.dreams-readmore-btn:hover {
background: linear-gradient(135deg, #003fbd, #0096d4) !important;
box-shadow: 0 20px 34px -18px rgba(0, 89, 248, .58) !important;
transform: translateY(-1px) !important;
color: #fff !important;
}
.bd ul.products li.product a.button.dreams-readmore-btn::after { content: none !important; }
/* Catch any legacy "В корзину" anchor that lacks .ajax_add_to_cart (i.e. the
product is not purchasable) and ensure it is blue, not the WC default red. */
.bd ul.products li.product a.button.product_type_simple:not(.ajax_add_to_cart),
.bd ul.products li.product a.button.product_type_variable:not(.add_to_cart_button) {
background: linear-gradient(135deg, #0059f8, #00bef6) !important;
background-color: #0059f8 !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 14px 26px -16px rgba(0, 89, 248, .48) !important;
}
/* 2026.139b — Account flyout button visibility hardening.
Some 3rd-party styles (Saphali, browser UA) were overriding the gradient
on the submit button and on logged-in "Открыть кабинет" / "Выйти" buttons,
leaving them with white-on-white text. Forcefully reapply brand styling. */
.shop-account-preview-2026 .shop-account-preview-button-2026,
.shop-account-preview-2026 a.shop-account-preview-button-2026,
.shop-account-preview-2026 button.shop-account-preview-button-2026,
.shop-account-preview-2026 input[type="submit"].shop-account-preview-button-2026 {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
background-color: #0059f8 !important;
color: #ffffff !important;
border: 0 !important;
text-shadow: none !important;
box-shadow: 0 16px 30px -14px rgba(0, 89, 248, .55), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
-webkit-text-fill-color: #ffffff !important;
}
.shop-account-preview-2026 .shop-account-preview-button-2026:hover,
.shop-account-preview-2026 .shop-account-preview-button-2026:focus-visible {
background: linear-gradient(135deg, #003fbd 0%, #0096d4 100%) !important;
background-color: #003fbd !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 22px 36px -16px rgba(0, 89, 248, .62), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}
/* Secondary variant (e.g. "Выйти") - soft blue chip on light-blue tint. */
.shop-account-preview-2026 .shop-account-preview-button-2026--secondary,
.shop-account-preview-2026 a.shop-account-preview-button-2026--secondary {
background: rgba(0, 89, 248, .08) !important;
background-color: rgba(0, 89, 248, .08) !important;
color: #0059f8 !important;
-webkit-text-fill-color: #0059f8 !important;
box-shadow: inset 0 0 0 1px rgba(0, 89, 248, .18) !important;
}
.shop-account-preview-2026 .shop-account-preview-button-2026--secondary:hover,
.shop-account-preview-2026 .shop-account-preview-button-2026--secondary:focus-visible {
background: rgba(0, 89, 248, .14) !important;
background-color: rgba(0, 89, 248, .14) !important;
color: #003fbd !important;
-webkit-text-fill-color: #003fbd !important;
box-shadow: inset 0 0 0 1px rgba(0, 89, 248, .28) !important;
}
/* Tighter, friendlier heading inside the flyout. */
.shop-account-preview-2026 .shop-account-preview-head-2026 strong {
font-size: 15px !important;
font-weight: 850 !important;
color: #0b1431 !important;
letter-spacing: -.01em !important;
}
/* 2026.139c — Profile page polish.
1. Hide the secondary product-categories mega nav on account / cart /
checkout pages — those pages don't need duplicate catalog navigation.
2. Kill legacy text-shadow that leaked onto the MyAccount nav links from
base style.css and made them look noisy.
3. Soften and align the icon-actions strip so the search + account/cart
stay full-width even after the category rail is hidden. */
body.woocommerce-account .shop-commerce-bar-2026 .shop-category-rail-2026,
body.woocommerce-cart .shop-commerce-bar-2026 .shop-category-rail-2026,
body.woocommerce-checkout .shop-commerce-bar-2026 .shop-category-rail-2026 {
display: none !important;
}
body.woocommerce-account .shop-commerce-bar-2026,
body.woocommerce-cart .shop-commerce-bar-2026,
body.woocommerce-checkout .shop-commerce-bar-2026 {
grid-template-columns: minmax(280px, 1fr) auto !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .woocommerce-MyAccount-navigation li a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a span {
text-shadow: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a::before,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a::after {
content: none !important;
display: none !important;
}
/* Profile content typography: tone down the hero/list headers a touch. */
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h2,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content h3 {
text-shadow: none !important;
color: #101a4a !important;
font-weight: 880 !important;
letter-spacing: -.01em !important;
}
/* 2026.139d — Awesome Support ticket page (client-facing) styling.
The "service" page (page id 27961) shows either the login/register pair or
the submission form. The plugin's default markup is bare and looked out of
place against the 2026 design. Bring it in line with the brand. */
body.page-id-27961 .wpas,
body.page-id-27961 .wpas-submit-ticket,
body.page-id-27961 .wpas-form,
body.page-id-27961 #wpas-new-ticket {
font-family: inherit !important;
}
body.page-id-27961 #content .entry-content .wpas {
display: grid !important;
gap: 18px !important;
max-width: 760px !important;
margin: 0 auto 40px !important;
}
body.page-id-27961 .wpas-form {
display: grid !important;
gap: 16px !important;
padding: 26px !important;
border-radius: 22px !important;
background: #fff !important;
border: 1px solid rgba(20, 26, 44, .075) !important;
box-shadow: 0 22px 58px -44px rgba(10, 30, 90, .28), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
body.page-id-27961 .wpas-form > h3,
body.page-id-27961 .wpas-form > h4 {
margin: 0 0 4px !important;
font-weight: 880 !important;
font-size: 18px !important;
color: #101a4a !important;
letter-spacing: -.01em !important;
text-shadow: none !important;
}
body.page-id-27961 .wpas-form-group {
display: grid !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-27961 .wpas-form-group label,
body.page-id-27961 .wpas-checkbox label {
display: block !important;
margin: 0 !important;
font-weight: 760 !important;
font-size: 13px !important;
color: #3c4763 !important;
letter-spacing: 0 !important;
text-shadow: none !important;
}
body.page-id-27961 .wpas-form-control,
body.page-id-27961 .wpas input[type="text"],
body.page-id-27961 .wpas input[type="email"],
body.page-id-27961 .wpas input[type="password"],
body.page-id-27961 .wpas input[type="number"],
body.page-id-27961 .wpas input[type="url"],
body.page-id-27961 .wpas textarea,
body.page-id-27961 .wpas select {
box-sizing: border-box !important;
width: 100% !important;
min-height: 44px !important;
padding: 10px 14px !important;
border-radius: 14px !important;
background: #f7f9fc !important;
border: 1px solid rgba(20, 26, 44, .085) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
color: #101a4a !important;
font-size: 14px !important;
font-weight: 540 !important;
font-family: inherit !important;
line-height: 1.4 !important;
transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
body.page-id-27961 .wpas textarea {
min-height: 140px !important;
resize: vertical !important;
}
body.page-id-27961 .wpas-form-control:focus,
body.page-id-27961 .wpas input:focus,
body.page-id-27961 .wpas textarea:focus,
body.page-id-27961 .wpas select:focus {
outline: 0 !important;
background: #fff !important;
border-color: rgba(0, 89, 248, .42) !important;
box-shadow: 0 0 0 4px rgba(0, 89, 248, .12), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}
body.page-id-27961 .wpas-checkbox {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
}
body.page-id-27961 .wpas-checkbox label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
color: #4d5871 !important;
font-weight: 600 !important;
}
body.page-id-27961 .wpas-checkbox input[type="checkbox"] {
accent-color: #0059f8 !important;
width: 18px !important;
height: 18px !important;
}
body.page-id-27961 .wpas button,
body.page-id-27961 .wpas input[type="submit"],
body.page-id-27961 .wpas .wpas-btn,
body.page-id-27961 .wpas button.button,
body.page-id-27961 .wpas button.primary,
body.page-id-27961 #wpas-new-ticket button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 46px !important;
padding: 0 22px !important;
border-radius: 999px !important;
border: 0 !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
background-color: #0059f8 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: inherit !important;
font-size: 13.5px !important;
font-weight: 850 !important;
letter-spacing: .02em !important;
text-transform: none !important;
text-shadow: none !important;
box-shadow: 0 18px 32px -16px rgba(0, 89, 248, .55), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
cursor: pointer !important;
transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s ease, background .2s ease !important;
}
body.page-id-27961 .wpas button:hover,
body.page-id-27961 .wpas input[type="submit"]:hover,
body.page-id-27961 .wpas .wpas-btn:hover {
background: linear-gradient(135deg, #003fbd 0%, #0096d4 100%) !important;
transform: translateY(-1px) !important;
box-shadow: 0 22px 38px -16px rgba(0, 89, 248, .62), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
}
body.page-id-27961 .wpas-forgot-password-link {
display: inline-block !important;
margin-left: 12px !important;
color: #0059f8 !important;
font-size: 12.5px !important;
font-weight: 720 !important;
text-decoration: none !important;
}
body.page-id-27961 .wpas-forgot-password-link:hover {
color: #003fbd !important;
text-decoration: underline !important;
}
/* When both login and registration forms render side-by-side on the page,
place them in a two-column grid on wide viewports. */
@media (min-width: 760px) {
body.page-id-27961 #content .entry-content .wpas:has(#wpas_form_login):has(#wpas_form_registration) {
grid-template-columns: 1fr 1fr !important;
}
}
/* The WP TinyMCE wysiwyg container the plugin renders for the description. */
body.page-id-27961 .wpas .wp-editor-wrap {
border-radius: 14px !important;
overflow: hidden !important;
border: 1px solid rgba(20, 26, 44, .085) !important;
background: #f7f9fc !important;
}
body.page-id-27961 .wpas .wp-editor-wrap .wp-editor-tools,
body.page-id-27961 .wpas .wp-editor-wrap .quicktags-toolbar {
background: #f7f9fc !important;
border-color: rgba(20, 26, 44, .085) !important;
}
body.page-id-27961 .wpas .wp-editor-wrap .mce-toolbar-grp {
background: #f7f9fc !important;
border-color: rgba(20, 26, 44, .085) !important;
}
body.page-id-27961 .wpas .wp-editor-wrap iframe,
body.page-id-27961 .wpas .wp-editor-wrap textarea {
background: #fff !important;
}
/* ============================================================
* 2026.140 — Online STL Calculator (page-calculator-v2.php)
* Pages: 3645, 8964
* Brand-aligned with prices/gallery 2026 design language.
* ============================================================ */
.calc2026-head {
max-width: 1280px;
margin: 32px auto 18px;
padding: 0 24px;
}
.calc2026-head .service-compact-copy h1 {
font-size: clamp(28px, 3.4vw, 44px);
line-height: 1.08;
margin: 14px 0 14px;
background: linear-gradient(135deg, #0a1633 0%, #0059f8 55%, #00bef6 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: -0.02em;
}
.calc2026-head .service-compact-copy p {
max-width: 720px;
color: #4a5677;
font-size: 16px;
line-height: 1.6;
}
.calc2026-section {
max-width: 1280px;
margin: 18px auto 60px;
padding: 0 24px;
}
.calc2026-layout {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
gap: 28px;
align-items: start;
}
@media (max-width: 1080px) {
.calc2026-layout { grid-template-columns: 1fr; }
}
.calc2026-col { min-width: 0; }
.calc2026-file-input { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }
/* ===== Viewer card ===== */
.calc2026-viewer-card {
background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
border: 1px solid rgba(0, 89, 248, 0.10);
border-radius: 22px;
box-shadow: 0 18px 44px -28px rgba(0, 60, 180, 0.35), 0 2px 6px rgba(15, 25, 50, 0.04);
padding: 14px;
overflow: hidden;
animation: calc2026-fade 0.5s ease both;
}
@keyframes calc2026-fade {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: none; }
}
.calc2026-viewer {
position: relative;
border-radius: 16px;
background:
radial-gradient(circle at 20% 10%, rgba(0, 190, 246, 0.10), transparent 55%),
radial-gradient(circle at 90% 90%, rgba(0, 89, 248, 0.12), transparent 60%),
#0c1530;
min-height: 480px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.calc2026-canvas {
position: relative;
width: 100%;
height: 100%;
min-height: 480px;
cursor: grab;
}
.calc2026-canvas:active { cursor: grabbing; }
.calc2026-canvas canvas { display: block; margin: 0 auto; }
/* ===== Dropzone ===== */
.calc2026-dropzone {
position: absolute !important;
inset: 16px !important;
width: auto !important;
height: auto !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
text-align: center;
border: 2px dashed rgba(0, 190, 246, 0.4);
border-radius: 14px;
background: rgba(8, 14, 32, 0.55);
backdrop-filter: blur(4px);
color: #e7eefc;
z-index: 2;
transition: background 0.25s ease, border-color 0.25s ease;
}
.calc2026-dropzone:hover {
background: rgba(8, 14, 32, 0.7);
border-color: rgba(0, 190, 246, 0.7);
}
.calc2026-drop-icon {
display: inline-flex;
width: 72px; height: 72px;
align-items: center;
justify-content: center;
border-radius: 50%;
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff;
box-shadow: 0 12px 30px -10px rgba(0, 89, 248, 0.7);
animation: calc2026-pulse 2.6s ease-in-out infinite;
}
@keyframes calc2026-pulse {
0%, 100% { transform: translateY(0); box-shadow: 0 12px 30px -10px rgba(0, 89, 248, 0.7); }
50% { transform: translateY(-4px); box-shadow: 0 18px 40px -10px rgba(0, 190, 246, 0.85); }
}
.calc2026-drop-text { display: block; max-width: 360px; }
.calc2026-upload-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 26px;
border-radius: 999px;
background: linear-gradient(135deg, #0059f8, #00bef6);
color: #fff !important;
font-size: 15px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 10px 28px -12px rgba(0, 89, 248, 0.7);
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
text-decoration: none;
}
.calc2026-upload-btn:hover {
transform: translateY(-1px);
box-shadow: 0 14px 32px -10px rgba(0, 190, 246, 0.8);
filter: brightness(1.06);
}
.calc2026-upload-btn svg { stroke: #fff; }
.calc2026-drop-hint {
margin: 4px 0 0;
font-size: 14px;
color: #cfd9ee;
}
.calc2026-drop-max {
color: #9bb1d9;
font-size: 12px;
}
.calc2026-drop-examples {
font-size: 13px;
color: #b8c6e5;
margin: 2px 0 0;
}
.calc2026-example-link {
margin-left: 6px;
color: #00bef6;
border-bottom: 1px dotted rgba(0, 190, 246, 0.6);
cursor: pointer;
padding-bottom: 1px;
transition: color 0.15s ease;
}
.calc2026-example-link:hover { color: #fff; border-bottom-color: #fff; }
/* ===== File-read / processing overlays ===== */
.calc2026-progress {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
width: auto !important;
min-width: 320px;
max-width: 80%;
padding: 22px 28px;
background: rgba(12, 21, 48, 0.85);
border: 1px solid rgba(0, 190, 246, 0.35);
border-radius: 14px;
color: #fff;
text-align: center;
z-index: 3;
box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.4);
}
.calc2026-progress-title { display: block; margin-bottom: 10px; font-size: 14px; }
.calc2026-progress progress {
width: 100%;
height: 10px;
border: none;
border-radius: 999px;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.calc2026-progress progress::-webkit-progress-bar { background: rgba(255, 255, 255, 0.1); border-radius: 999px; }
.calc2026-progress progress::-webkit-progress-value {
background: linear-gradient(90deg, #0059f8, #00bef6);
border-radius: 999px;
}
.calc2026-progress progress::-moz-progress-bar {
background: linear-gradient(90deg, #0059f8, #00bef6);
border-radius: 999px;
}
.calc2026-cancel-link {
display: inline-block;
margin-top: 10px;
font-size: 12px;
color: #9bb1d9;
text-decoration: underline;
cursor: pointer;
}
.calc2026-cancel-link:hover { color: #fff; }
.calc2026-spinner {
margin: 12px auto 0;
width: 28px; height: 28px;
border: 3px solid rgba(255, 255, 255, 0.18);
border-top-color: #00bef6;
border-radius: 50%;
animation: calc2026-spin 0.9s linear infinite;
}
@keyframes calc2026-spin { to { transform: rotate(360deg); } }
/* ===== Fullscreen submit-to-TS overlay ===== */
.calc2026-pwait {
position: fixed;
inset: 0;
background: rgba(8, 14, 32, 0.55);
backdrop-filter: blur(6px);
display: none;
z-index: 99999;
align-items: center;
justify-content: center;
}
#pwait[style*="display: block"], #pwait[style*="display:block"] { display: flex !important; }
.calc2026-pwait-card {
background: #fff;
border-radius: 16px;
padding: 26px 32px;
min-width: 360px;
max-width: 92%;
text-align: center;
box-shadow: 0 28px 60px -24px rgba(0, 60, 180, 0.5);
animation: calc2026-fade 0.3s ease both;
}
.calc2026-pwait-card #pwait_txt {
display: block;
font-size: 16px;
font-weight: 600;
color: #0a1633;
margin-bottom: 14px;
}
.calc2026-pwait-card progress {
width: 100%;
height: 10px;
border: none;
border-radius: 999px;
overflow: hidden;
}
.calc2026-pwait-card progress::-webkit-progress-bar { background: #eef2fb; border-radius: 999px; }
.calc2026-pwait-card progress::-webkit-progress-value { background: linear-gradient(90deg, #0059f8, #00bef6); border-radius: 999px; }
.calc2026-pwait-card progress::-moz-progress-bar { background: linear-gradient(90deg, #0059f8, #00bef6); border-radius: 999px; }
.calc2026-pwait-card #c3dp { color: #6678a3; margin-top: 12px; }
/* ===== Stats column (right side of left col) ===== */
.calc2026-stats {
margin-top: 18px;
display: flex;
flex-direction: column;
gap: 16px;
transition: width 0.3s ease;
}
.calc2026-stats[style*="width: 340px"],
.calc2026-stats[style*="width:340px"],
.calc2026-stats[style*="width: 320px"],
.calc2026-stats[style*="width:320px"] {
width: 100% !important;
overflow: visible !important;
float: none !important;
}
.calc2026-card {
background: #fff;
border: 1px solid rgba(15, 25, 50, 0.06);
border-radius: 16px;
padding: 18px 20px;
box-shadow: 0 6px 20px -16px rgba(15, 25, 50, 0.25);
animation: calc2026-fade 0.5s ease both;
}
.calc2026-card-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.calc2026-card-head h3 {
margin: 0;
font-size: 15px;
font-weight: 700;
color: #0a1633;
letter-spacing: -0.01em;
text-shadow: none;
}
.calc2026-card-ico {
display: inline-flex;
width: 32px; height: 32px;
align-items: center;
justify-content: center;
border-radius: 10px;
background: rgba(0, 89, 248, 0.08);
color: #0059f8;
}
.calc2026-card-note {
margin: 0 0 14px;
font-size: 13px;
color: #5b6a8c;
line-height: 1.55;
}
.calc2026-card-note a { color: #0059f8; text-decoration: none; border-bottom: 1px dotted rgba(0, 89, 248, 0.4); }
.calc2026-card-note a:hover { color: #003ec0; }
.calc2026-defs {
margin: 0;
display: grid;
grid-template-columns: 1fr auto;
column-gap: 14px;
row-gap: 8px;
font-size: 13px;
}
.calc2026-defs dt {
color: #6678a3;
font-weight: 500;
}
.calc2026-defs dd {
margin: 0;
color: #0a1633;
font-weight: 600;
text-align: right;
}
.calc2026-defs--inline dt,
.calc2026-defs--inline dd { font-size: 14px; }
.calc2026-field {
margin-top: 12px;
}
.calc2026-field--row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.calc2026-field-label {
display: block;
color: #6678a3;
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
}
.calc2026-field--row .calc2026-field-label { margin-bottom: 0; }
.calc2026-select {
appearance: none;
-webkit-appearance: none;
background: #f4f7fd url("data:image/svg+xml;utf8,") no-repeat right 12px center;
border: 1px solid #d9e0f0;
border-radius: 10px;
padding: 8px 32px 8px 12px;
font-size: 13px;
color: #0a1633;
cursor: pointer;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
min-width: 130px;
}
.calc2026-select:hover { border-color: #00bef6; }
.calc2026-select:focus { outline: none; border-color: #0059f8; box-shadow: 0 0 0 3px rgba(0, 89, 248, 0.15); }
.calc2026-mini-select { padding: 2px 22px 2px 6px; font-size: 11px; min-width: 0; margin-left: 4px; }
.calc2026-radio-row,
.calc2026-toggle-row {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.calc2026-radio-row label,
.calc2026-toggle-row label {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
background: #f4f7fd;
border: 1px solid #e2e8f4;
border-radius: 999px;
font-size: 12px;
color: #4a5677;
cursor: pointer;
transition: all 0.18s ease;
}
.calc2026-radio-row label:hover,
.calc2026-toggle-row label:hover { border-color: #00bef6; color: #0059f8; }
.calc2026-radio-row input[type="radio"],
.calc2026-toggle-row input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.calc2026-radio-row label:has(input:checked),
.calc2026-toggle-row label:has(input:checked) {
background: linear-gradient(135deg, #0059f8, #00bef6);
border-color: transparent;
color: #fff;
box-shadow: 0 6px 18px -10px rgba(0, 89, 248, 0.6);
}
.calc2026-palette {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.calc2026-palette .calc2026-swatch.cbar {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
border: 2px solid transparent;
cursor: pointer;
display: inline-block;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.18);
transition: transform 0.15s ease, border-color 0.15s ease;
}
.calc2026-palette .calc2026-swatch.cbar:hover { transform: scale(1.12); }
.calc2026-palette .calc2026-swatch.cbar[style*="border"] {
border: 2px solid #0a1633 !important;
}
/* ===== Accent card (price + CTA) ===== */
.calc2026-card--accent {
background: linear-gradient(135deg, #0059f8, #00bef6);
border: none;
color: #fff;
box-shadow: 0 18px 40px -18px rgba(0, 89, 248, 0.55);
}
.calc2026-result-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 14px;
}
.calc2026-result-cell {
background: rgba(255, 255, 255, 0.14);
border-radius: 12px;
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 6px;
}
.calc2026-result-label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: rgba(255, 255, 255, 0.85);
letter-spacing: 0.02em;
text-transform: uppercase;
}
.calc2026-result-label svg { stroke: rgba(255, 255, 255, 0.85); }
.calc2026-result-value {
font-size: 20px;
font-weight: 700;
color: #fff;
letter-spacing: -0.01em;
}
.calc2026-result-cell--price .calc2026-result-value { font-size: 22px; }
.calc2026-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 12px 20px;
background: #fff;
color: #0059f8 !important;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.25);
}
.calc2026-cta-btn:hover {
transform: translateY(-1px);
box-shadow: 0 14px 32px -10px rgba(0, 0, 0, 0.32);
}
.calc2026-cta-btn svg { stroke: #0059f8; }
.calc2026-reset-link {
display: block;
width: 100%;
margin: 10px 0 0;
padding: 8px;
background: transparent;
border: none;
color: rgba(255, 255, 255, 0.85);
font-size: 13px;
text-decoration: underline;
cursor: pointer;
transition: color 0.15s ease;
}
.calc2026-reset-link:hover { color: #fff; }
.calc2026-tips {
list-style: none;
margin: 16px 0 0;
padding: 14px 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.18);
font-size: 12px;
color: rgba(255, 255, 255, 0.92);
line-height: 1.55;
}
.calc2026-tips li { margin-bottom: 6px; }
.calc2026-tips a { color: #fff; text-decoration: underline; }
.calc2026-card--contact p {
margin: 0 0 10px;
color: #4a5677;
font-size: 13px;
}
.calc2026-contact-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 6px;
font-size: 14px;
}
.calc2026-contact-list li {
display: flex;
align-items: center;
gap: 8px;
color: #0a1633;
}
.calc2026-contact-list a { color: #0059f8; text-decoration: none; font-weight: 600; }
.calc2026-contact-list a:hover { color: #003ec0; }
.calc2026-contact-list svg { stroke: #0059f8; flex-shrink: 0; }
.calc2026-hours {
margin: 12px 0 0;
font-size: 12px;
color: #6678a3;
}
/* ===== Right column: pricing tables ===== */
.calc2026-col--prices {
display: flex;
flex-direction: column;
gap: 18px;
}
.calc2026-col--prices[style*="width: 340px"],
.calc2026-col--prices[style*="width:340px"],
.calc2026-col--prices[style*="width: 500px"],
.calc2026-col--prices[style*="width:500px"],
.calc2026-col--prices[style*="width: 320px"],
.calc2026-col--prices[style*="width:320px"] {
width: 100% !important;
overflow: visible !important;
float: none !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.calc2026-prices-head h2 {
font-size: 22px;
margin: 0 0 8px;
color: #0a1633;
letter-spacing: -0.01em;
}
.calc2026-prices-head p {
margin: 0;
color: #5b6a8c;
font-size: 14px;
line-height: 1.55;
}
.calc2026-tech-card {
background: #fff;
border: 1px solid rgba(15, 25, 50, 0.06);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 6px 20px -16px rgba(15, 25, 50, 0.25);
animation: calc2026-fade 0.5s ease both;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.calc2026-tech-card:hover {
transform: translateY(-2px);
box-shadow: 0 18px 32px -16px rgba(15, 25, 50, 0.25);
}
.calc2026-tech-head {
padding: 16px 20px 12px;
background: linear-gradient(180deg, #f6faff 0%, #ffffff 100%);
border-bottom: 1px solid rgba(0, 89, 248, 0.06);
}
.calc2026-tech-head .prices-card-tag {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 999px;
margin-bottom: 8px;
}
.prices-card-tag--pink {
background: rgba(217, 52, 112, 0.1);
color: #c81e60;
}
.prices-card-tag--pink svg { stroke: #c81e60; }
.prices-card-tag--violet {
background: rgba(112, 52, 135, 0.12);
color: #6c2d8d;
}
.prices-card-tag--violet svg { stroke: #6c2d8d; }
.calc2026-tech-head h3 {
margin: 0 0 4px;
font-size: 17px;
color: #0a1633;
}
.calc2026-tech-head p {
margin: 0;
color: #5b6a8c;
font-size: 13px;
line-height: 1.5;
}
.calc2026-price-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.calc2026-price-table thead th {
padding: 10px 12px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #6678a3;
background: #f9fbff;
text-align: center;
border-bottom: 1px solid #ecf0f8;
}
.calc2026-price-table thead th.is-best {
color: #0059f8;
background: rgba(0, 89, 248, 0.05);
}
.calc2026-price-table tbody th {
text-align: left;
padding: 12px 14px;
font-weight: 600;
color: #0a1633;
border-bottom: 1px solid #f0f3fa;
font-size: 13px;
}
.calc2026-price-table tbody th strong { display: block; font-weight: 700; }
.calc2026-price-table tbody td {
padding: 12px 10px;
text-align: center;
color: #4a5677;
font-variant-numeric: tabular-nums;
border-bottom: 1px solid #f0f3fa;
transition: color 0.2s ease;
}
.calc2026-price-table tbody td.is-best {
color: #0059f8;
font-weight: 700;
background: rgba(0, 89, 248, 0.04);
}
.calc2026-price-table tbody tr:last-child th,
.calc2026-price-table tbody tr:last-child td { border-bottom: none; }
.calc2026-price-table tbody tr:hover td,
.calc2026-price-table tbody tr:hover th {
background: rgba(0, 190, 246, 0.04);
}
.calc2026-charlink {
display: inline-block;
margin-top: 2px;
font-size: 11px;
color: #6678a3;
border-bottom: 1px dotted rgba(102, 120, 163, 0.4);
text-decoration: none;
cursor: pointer;
font-weight: 400;
}
.calc2026-charlink:hover { color: #0059f8; border-bottom-color: #0059f8; }
.calc2026-prices-foot {
font-size: 13px;
color: #5b6a8c;
line-height: 1.55;
padding: 12px 18px;
background: rgba(0, 89, 248, 0.04);
border-radius: 12px;
}
.calc2026-prices-foot a { color: #0059f8; text-decoration: none; font-weight: 600; }
.calc2026-prices-foot a:hover { color: #003ec0; }
/* ===== Hide legacy header/breadcrumb chrome that might bleed in ===== */
body.page-id-3645 .hd,
body.page-id-8964 .hd,
body.page-template-page-calculator-v2 .hd { display: none; }
/* ===== Mobile tweaks ===== */
@media (max-width: 720px) {
.calc2026-viewer { min-height: 360px; }
.calc2026-canvas { min-height: 360px; }
.calc2026-result-row { grid-template-columns: 1fr; }
.calc2026-stats { width: 100% !important; overflow: visible !important; }
.calc2026-col--prices { width: 100% !important; overflow: visible !important; }
.calc2026-price-table thead th,
.calc2026-price-table tbody th,
.calc2026-price-table tbody td { padding: 10px 6px; font-size: 12px; }
}
/* ============================================================
* 2026.142 — Calculator: hard overrides + visual polish
* Fixes: hidden columns on page load, viewer canvas not transparent,
* cjcwrap hard-coded 550x550, dropzone awkward positioning.
* ============================================================ */
/* Force prices + stats columns visible (engine starts them at width:0) */
.calc2026-col--prices,
.calc2026-col--prices[style] {
width: auto !important;
overflow: visible !important;
float: none !important;
margin: 0 !important;
}
.calc2026-stats,
.calc2026-stats[style] {
width: 100% !important;
overflow: visible !important;
float: none !important;
margin-top: 18px !important;
}
/* Override engine's hard-coded 550x550 on cjcwrap */
#cjcwrap.calc2026-viewer,
#cjcwrap.calc2026-viewer[style] {
width: 100% !important;
height: auto !important;
min-height: 520px !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Canvas mount fills viewer; canvas child sized by JS, kept transparent */
#cjc.calc2026-canvas {
position: relative;
width: 100%;
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#cjc.calc2026-canvas canvas {
background: transparent !important;
border-radius: 12px;
}
/* Dropzone / progress overlays — neutralise any inline top/left from engine */
#cjcdrag.calc2026-dropzone,
#cjcpbar.calc2026-progress,
#cjcproc.calc2026-progress {
top: auto !important;
left: auto !important;
}
#cjcdrag.calc2026-dropzone {
inset: 18px !important;
}
#cjcpbar.calc2026-progress,
#cjcproc.calc2026-progress {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
/* ===== Calmer head ===== */
.calc2026-head { text-align: center; }
.calc2026-head .service-compact-copy { display: inline-block; max-width: 760px; }
.calc2026-head .service-compact-copy h1 {
font-size: clamp(26px, 2.6vw, 36px) !important;
line-height: 1.12;
margin-top: 12px;
}
.calc2026-head .service-compact-copy p {
margin-left: auto;
margin-right: auto;
font-size: 15px;
}
.calc2026-head .prices-card-tag { margin: 0 auto; }
/* ===== Viewer card: a touch taller, breathing room ===== */
.calc2026-viewer-card { padding: 12px; }
.calc2026-viewer { min-height: 520px !important; }
/* Subtle floating interaction hints (drag / zoom) */
.calc2026-viewer-hints {
position: absolute;
right: 14px;
bottom: 14px;
z-index: 4;
display: flex;
gap: 8px;
pointer-events: none;
opacity: 0;
transition: opacity 0.25s ease;
}
.calc2026-viewer:hover .calc2026-viewer-hints,
.calc2026-viewer:focus-within .calc2026-viewer-hints { opacity: 1; }
.calc2026-viewer-hint {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
background: rgba(8, 14, 32, 0.72);
color: #d6e3ff;
font-size: 11px;
font-weight: 500;
border-radius: 999px;
backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.calc2026-viewer-hint svg { stroke: #00bef6; }
/* ===== When NO model yet: hide stats values, show single placeholder ===== */
.calc2026-stats[data-empty="1"] .calc2026-card:not(.calc2026-card--accent):not(.calc2026-card--contact):not(.calc2026-card--placeholder) {
display: none;
}
.calc2026-stats[data-empty="1"] .calc2026-card--accent .calc2026-result-value { color: rgba(255, 255, 255, 0.55); font-weight: 500; font-size: 14px; }
.calc2026-stats[data-empty="1"] .calc2026-card--accent .calc2026-result-cell--price .calc2026-result-value::before {
content: "—";
display: inline-block;
}
.calc2026-stats[data-empty="1"] .calc2026-card--accent .calc2026-reset-link { display: none; }
.calc2026-stats[data-empty="1"] .calc2026-card--accent .calc2026-cta-btn {
opacity: 0.65;
pointer-events: none;
filter: grayscale(0.2);
}
/* Placeholder hint card (only when empty) */
.calc2026-card--placeholder {
display: none;
background: linear-gradient(135deg, rgba(0, 89, 248, 0.05), rgba(0, 190, 246, 0.05));
border: 1px dashed rgba(0, 89, 248, 0.25);
text-align: center;
color: #4a5677;
font-size: 13px;
line-height: 1.55;
}
.calc2026-stats[data-empty="1"] .calc2026-card--placeholder { display: block; }
.calc2026-card--placeholder strong {
display: block;
color: #0a1633;
font-size: 14px;
margin-bottom: 4px;
}
/* ===== Pricing tables: a bit more refined ===== */
.calc2026-prices-head h2 {
font-size: 20px;
background: linear-gradient(135deg, #0a1633, #0059f8);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.calc2026-tech-card { border-radius: 18px; }
.calc2026-tech-head { padding: 18px 22px 14px; }
.calc2026-price-table tbody th { padding-left: 22px; }
/* tighter mobile */
@media (max-width: 720px) {
.calc2026-viewer-card { padding: 8px; }
.calc2026-viewer { min-height: 380px !important; }
#cjcwrap.calc2026-viewer { min-height: 380px !important; }
.calc2026-head .service-compact-copy h1 { font-size: 22px !important; }
}
/* ============================================================
* 2026.143 — Calculator: focused upload-first experience
* Opens with one clear upload surface, then reveals model controls,
* result card and compact price tabs after parsing succeeds.
* ============================================================ */
body.page-id-3645 .standard-service-nav-strip,
body.page-id-8964 .standard-service-nav-strip,
body.page-template-page-calculator-v2 .standard-service-nav-strip {
display: none !important;
}
.calc2026-head {
margin-top: 22px;
margin-bottom: 10px;
}
.calc2026-head .service-compact-copy p {
max-width: 620px;
}
.calc2026-section[data-model-state="empty"],
.calc2026-section[data-model-state="loading"] {
margin-top: 10px;
padding-bottom: 260px;
}
.calc2026-section[data-model-state="empty"] .calc2026-layout,
.calc2026-section[data-model-state="loading"] .calc2026-layout {
grid-template-columns: minmax(0, 920px);
justify-content: center;
}
.calc2026-section[data-model-state="empty"] .calc2026-col--main,
.calc2026-section[data-model-state="loading"] .calc2026-col--main {
width: 100%;
max-width: 920px;
margin: 0 auto;
}
.calc2026-section[data-model-state="empty"] .calc2026-col--prices,
.calc2026-section[data-model-state="loading"] .calc2026-col--prices,
.calc2026-section[data-model-state="empty"] .calc2026-stats,
.calc2026-section[data-model-state="loading"] .calc2026-stats {
display: none !important;
}
.calc2026-section[data-model-state="empty"] .calc2026-viewer-card,
.calc2026-section[data-model-state="loading"] .calc2026-viewer-card {
max-width: 920px;
margin: 0 auto;
padding: 10px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 255, 0.98));
box-shadow: 0 24px 70px -36px rgba(0, 70, 190, 0.45), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: 620px !important;
}
.calc2026-viewer {
background:
linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
linear-gradient(135deg, #07122b 0%, #0d1836 48%, #07314a 100%) !important;
background-size: 42px 42px, 42px 42px, auto;
}
.calc2026-viewer::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(110deg, transparent 0%, rgba(0, 190, 246, 0.10) 44%, rgba(0, 89, 248, 0.10) 52%, transparent 64%);
transform: translateX(-70%);
animation: calc2026-sweep 5.8s ease-in-out infinite;
pointer-events: none;
}
@keyframes calc2026-sweep {
0%, 28% { transform: translateX(-72%); opacity: 0; }
42% { opacity: 1; }
72%, 100% { transform: translateX(72%); opacity: 0; }
}
#cjcdrag.calc2026-dropzone {
inset: 22px !important;
border: 1px solid rgba(0, 190, 246, 0.42);
background: rgba(7, 15, 35, 0.44);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 0 80px rgba(0, 89, 248, 0.12);
transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
#cjcdrag.calc2026-dropzone::before {
content: "";
position: absolute;
inset: 28px;
border: 1px dashed rgba(0, 190, 246, 0.34);
border-radius: 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 38%, rgba(0, 190, 246, 0.04));
pointer-events: none;
}
#cjcdrag.calc2026-dropzone:hover {
background: rgba(7, 15, 35, 0.58);
border-color: rgba(0, 190, 246, 0.76);
}
.calc2026-drop-icon,
.calc2026-drop-text,
.calc2026-upload-btn,
.calc2026-drop-hint,
.calc2026-drop-examples {
position: relative;
z-index: 1;
}
.calc2026-section[data-model-state="empty"] .calc2026-drop-icon {
width: 92px;
height: 92px;
box-shadow: 0 18px 48px -18px rgba(0, 190, 246, 0.9);
}
.calc2026-section[data-model-state="empty"] .calc2026-upload-btn {
padding: 14px 34px;
font-size: 17px;
box-shadow: 0 18px 42px -18px rgba(0, 190, 246, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}
.calc2026-section[data-model-state="empty"] .calc2026-drop-hint {
font-size: 16px;
line-height: 1.55;
}
.calc2026-section[data-model-state="ready"] #cjcdrag.calc2026-dropzone {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: scale(0.985);
}
.calc2026-section[data-model-state="ready"] .calc2026-layout {
grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
}
.calc2026-section[data-model-state="ready"] #cjcwrap.calc2026-viewer {
min-height: 500px !important;
}
.calc2026-section[data-model-state="ready"] .calc2026-stats {
display: flex;
}
.calc2026-card--placeholder { order: -4; }
.calc2026-card--accent { order: -3; }
.calc2026-card--info { order: -2; }
.calc2026-card--settings { order: -1; }
.calc2026-card--view { order: 1; }
.calc2026-card--contact { order: 2; }
.calc2026-section[data-model-state="ready"] .calc2026-card--accent {
box-shadow: 0 22px 52px -22px rgba(0, 89, 248, 0.64);
}
.calc2026-tech-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
padding: 6px;
background: #f4f8ff;
border: 1px solid rgba(0, 89, 248, 0.08);
border-radius: 16px;
}
.calc2026-tech-tab {
appearance: none;
border: 0;
background: transparent;
border-radius: 12px;
padding: 10px;
display: flex;
align-items: center;
gap: 8px;
text-align: left;
color: #4a5677;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.calc2026-tech-tab:hover { color: #0059f8; }
.calc2026-tech-tab.is-active {
background: #fff;
color: #0a1633;
box-shadow: 0 10px 24px -18px rgba(0, 89, 248, 0.55);
}
.calc2026-tech-tab-ico {
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
border-radius: 10px;
flex: 0 0 auto;
}
.calc2026-tech-tab-ico--cyan { background: rgba(0, 190, 246, 0.12); color: #0078d4; }
.calc2026-tech-tab-ico--pink { background: rgba(217, 52, 112, 0.11); color: #c81e60; }
.calc2026-tech-tab-ico--violet { background: rgba(112, 52, 135, 0.12); color: #6c2d8d; }
.calc2026-tech-tab-ico svg { stroke: currentColor; }
.calc2026-tech-tab-label { display: grid; gap: 1px; min-width: 0; }
.calc2026-tech-tab-label strong { font-size: 13px; line-height: 1.15; }
.calc2026-tech-tab-label em { font-style: normal; font-size: 11px; color: #6678a3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calc2026-tech-card[hidden] { display: none !important; }
.calc2026-tech-card.is-active { animation: calc2026-tab-in 0.26s ease both; }
@keyframes calc2026-tab-in {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: none; }
}
.calc2026-price-table tbody td {
white-space: nowrap;
font-size: 13px;
}
.calc2026-price-table tbody th {
width: 38%;
}
@media (prefers-reduced-motion: reduce) {
.calc2026-viewer::before,
.calc2026-drop-icon,
.calc2026-tech-card.is-active {
animation: none !important;
}
}
@media (max-width: 1080px) {
.calc2026-section[data-model-state="ready"] .calc2026-layout { grid-template-columns: 1fr; }
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer { min-height: 540px !important; }
}
@media (max-width: 720px) {
.calc2026-section { padding: 0 14px; }
.calc2026-section[data-model-state="empty"],
.calc2026-section[data-model-state="loading"] { padding-bottom: 120px; }
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer { min-height: 430px !important; }
#cjcdrag.calc2026-dropzone { inset: 12px !important; }
#cjcdrag.calc2026-dropzone::before { inset: 14px; border-radius: 14px; }
.calc2026-section[data-model-state="empty"] .calc2026-drop-icon { width: 74px; height: 74px; }
.calc2026-section[data-model-state="empty"] .calc2026-upload-btn { padding: 12px 24px; font-size: 15px; }
.calc2026-tech-tabs { grid-template-columns: 1fr; }
.calc2026-tech-tab { padding: 9px 10px; }
.calc2026-price-table tbody td { font-size: 12px; }
}
/* ============================================================
* 2026.146 — Calculator: lighter studio UI + mobile price cards
* ============================================================ */
.calc2026-section,
.calc2026-section *,
.calc2026-head,
.calc2026-head * {
box-sizing: border-box;
}
.calc2026-section {
width: 100%;
}
.calc2026-viewer-card {
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
border-color: rgba(0, 89, 248, 0.08);
box-shadow: 0 22px 60px -38px rgba(0, 70, 190, 0.36), 0 1px 0 rgba(255, 255, 255, 0.92) inset;
}
.calc2026-viewer,
#cjcwrap.calc2026-viewer {
background:
linear-gradient(rgba(0, 89, 248, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 89, 248, 0.045) 1px, transparent 1px),
radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.96), rgba(237, 247, 255, 0.92) 52%, rgba(223, 239, 255, 0.92) 100%) !important;
background-size: 40px 40px, 40px 40px, auto !important;
border: 1px solid rgba(0, 89, 248, 0.10) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -34px 80px rgba(0, 89, 248, 0.055);
}
.calc2026-viewer::before {
background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.42) 38%, rgba(0, 190, 246, 0.12) 50%, transparent 66%);
}
#cjcdrag.calc2026-dropzone {
inset: 20px !important;
color: #0a1633;
border: 1px solid rgba(0, 89, 248, 0.18);
background: rgba(255, 255, 255, 0.68);
backdrop-filter: blur(10px);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 22px 60px -42px rgba(0, 89, 248, 0.5);
}
#cjcdrag.calc2026-dropzone::before {
inset: 24px;
border-color: rgba(0, 89, 248, 0.22);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.48), rgba(0, 190, 246, 0.055));
}
#cjcdrag.calc2026-dropzone:hover {
background: rgba(255, 255, 255, 0.82);
border-color: rgba(0, 190, 246, 0.42);
}
.calc2026-drop-icon {
background: #ffffff;
color: #0059f8;
box-shadow: 0 18px 44px -22px rgba(0, 89, 248, 0.65), inset 0 0 0 1px rgba(0, 190, 246, 0.16);
}
.calc2026-drop-icon svg { stroke: #0059f8; }
.calc2026-drop-hint {
color: #344261;
font-weight: 500;
}
.calc2026-drop-max {
color: #6678a3;
}
.calc2026-drop-examples {
color: #5b6a8c;
}
.calc2026-example-link {
color: #0059f8;
border-bottom-color: rgba(0, 89, 248, 0.34);
font-weight: 700;
}
.calc2026-example-link:hover {
color: #003ec0;
border-bottom-color: #003ec0;
}
.calc2026-viewer-hint {
background: rgba(255, 255, 255, 0.86);
color: #344261;
border-color: rgba(0, 89, 248, 0.10);
box-shadow: 0 8px 20px -14px rgba(0, 89, 248, 0.45);
}
.calc2026-section[data-model-state="ready"] .calc2026-layout {
grid-template-columns: minmax(0, 1fr) minmax(380px, 0.86fr);
gap: 24px;
}
.calc2026-section[data-model-state="ready"] #cjcwrap.calc2026-viewer {
min-height: 460px !important;
}
.calc2026-card--view { order: -4; }
.calc2026-card--accent { order: -3; }
.calc2026-card--info { order: -2; }
.calc2026-card--settings { order: -1; }
.calc2026-card--view {
padding: 15px 16px;
background: rgba(255, 255, 255, 0.92);
border-color: rgba(0, 89, 248, 0.08);
}
.calc2026-card--view .calc2026-card-head {
margin-bottom: 12px;
}
.calc2026-card--view .calc2026-field {
margin-top: 10px;
}
.calc2026-radio-row label,
.calc2026-toggle-row label {
background: #f7faff;
border-color: #e4ebf8;
}
.calc2026-col--prices {
gap: 14px;
}
.calc2026-prices-head {
padding: 2px 2px 0;
}
.calc2026-prices-head h2 {
font-size: 19px;
}
.calc2026-prices-head p {
font-size: 13px;
}
.calc2026-tech-card {
border-color: rgba(0, 89, 248, 0.08);
box-shadow: 0 16px 42px -32px rgba(0, 70, 190, 0.42);
}
.calc2026-tech-head {
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
padding: 16px 18px 10px;
}
.calc2026-price-table {
border-collapse: separate;
border-spacing: 0 8px;
padding: 0 12px 12px;
}
.calc2026-price-table thead th {
background: transparent;
border: 0;
padding: 8px 10px 2px;
}
.calc2026-price-table tbody th,
.calc2026-price-table tbody td {
background: #ffffff;
border-top: 1px solid #e9eef8;
border-bottom: 1px solid #e9eef8;
}
.calc2026-price-table tbody th {
border-left: 1px solid #e9eef8;
border-radius: 12px 0 0 12px;
padding: 12px 14px;
}
.calc2026-price-table tbody td {
font-weight: 700;
color: #263653;
padding: 12px 10px;
}
.calc2026-price-table tbody td:last-child {
border-right: 1px solid #e9eef8;
border-radius: 0 12px 12px 0;
}
.calc2026-price-table tbody td.is-best {
background: linear-gradient(180deg, rgba(0, 89, 248, 0.08), rgba(0, 190, 246, 0.04));
color: #0059f8;
}
.calc2026-price-table tbody tr:hover th,
.calc2026-price-table tbody tr:hover td {
background: #f7fbff;
}
.calc2026-charlink {
color: #0059f8;
border-bottom-color: rgba(0, 89, 248, 0.32);
}
.calc2026-material-modal[aria-hidden="true"] {
display: none;
}
.calc2026-material-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: grid;
place-items: center;
padding: 20px;
}
.calc2026-material-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(8, 14, 32, 0.38);
backdrop-filter: blur(8px);
}
.calc2026-material-modal__panel {
position: relative;
width: min(560px, 100%);
max-height: min(680px, calc(100vh - 40px));
overflow: auto;
background: #ffffff;
border: 1px solid rgba(0, 89, 248, 0.10);
border-radius: 18px;
box-shadow: 0 28px 80px -30px rgba(0, 50, 140, 0.42);
padding: 26px 28px 24px;
animation: calc2026-modal-in 0.22s ease both;
}
@keyframes calc2026-modal-in {
from { opacity: 0; transform: translateY(8px) scale(0.985); }
to { opacity: 1; transform: none; }
}
.calc2026-material-modal__close {
position: absolute;
right: 12px;
top: 10px;
width: 34px;
height: 34px;
border: 0;
border-radius: 50%;
background: #f1f6ff;
color: #344261;
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.calc2026-material-modal__close:hover {
background: #e6f0ff;
color: #0059f8;
}
.calc2026-material-modal__content h2 {
margin: 0 38px 14px 0;
font-size: 22px;
line-height: 1.2;
color: #0a1633;
}
.calc2026-material-modal__content p {
margin: 0 0 12px;
color: #4a5677;
font-size: 14px;
line-height: 1.65;
}
body.calc2026-modal-open {
overflow: hidden;
}
@media (min-width: 1120px) {
.calc2026-card--view {
display: grid;
grid-template-columns: 135px minmax(0, 1fr);
gap: 10px 14px;
align-items: center;
}
.calc2026-card--view .calc2026-card-head {
align-self: start;
margin: 0;
}
.calc2026-card--view .calc2026-field {
margin: 0;
}
.calc2026-card--view .calc2026-field--row {
justify-content: flex-start;
}
}
@media (max-width: 1080px) {
.calc2026-section[data-model-state="ready"] .calc2026-layout {
grid-template-columns: 1fr !important;
gap: 18px;
}
.calc2026-col--prices,
.calc2026-stats {
min-width: 0;
width: 100% !important;
}
.calc2026-section[data-model-state="ready"] #cjcwrap.calc2026-viewer {
min-height: clamp(390px, 68vw, 520px) !important;
}
}
@media (max-width: 720px) {
.calc2026-head {
margin-top: 16px;
padding: 0 14px;
}
.calc2026-head .service-compact-copy p {
font-size: 14px;
line-height: 1.5;
}
.calc2026-section {
padding: 0 12px;
margin-bottom: 40px;
}
.calc2026-section[data-model-state="empty"],
.calc2026-section[data-model-state="loading"] {
padding-bottom: 96px;
}
.calc2026-section[data-model-state="empty"] .calc2026-layout,
.calc2026-section[data-model-state="loading"] .calc2026-layout {
grid-template-columns: minmax(0, 1fr);
}
.calc2026-viewer-card {
padding: 8px;
border-radius: 18px;
}
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: clamp(360px, 92vw, 460px) !important;
}
.calc2026-section[data-model-state="ready"] #cjcwrap.calc2026-viewer {
min-height: clamp(330px, 82vw, 440px) !important;
}
#cjcdrag.calc2026-dropzone {
inset: 10px !important;
padding: 20px;
}
#cjcdrag.calc2026-dropzone::before {
inset: 12px;
}
.calc2026-drop-text {
max-width: 280px;
}
.calc2026-drop-hint {
font-size: 14px !important;
}
.calc2026-drop-examples {
font-size: 12px;
line-height: 1.7;
}
.calc2026-viewer-hints {
display: none;
}
.calc2026-card {
padding: 15px;
border-radius: 14px;
}
.calc2026-field--row {
align-items: stretch;
flex-direction: column;
}
.calc2026-field--row .calc2026-field-label {
margin-bottom: 0;
}
.calc2026-select {
width: 100%;
}
.calc2026-tech-tabs {
grid-template-columns: 1fr;
border-radius: 14px;
}
.calc2026-tech-tab-label em {
white-space: normal;
}
.calc2026-price-table,
.calc2026-price-table thead,
.calc2026-price-table tbody,
.calc2026-price-table tr,
.calc2026-price-table th,
.calc2026-price-table td {
display: block;
width: 100% !important;
}
.calc2026-price-table {
padding: 0 12px 14px;
border-spacing: 0;
}
.calc2026-price-table thead {
display: none;
}
.calc2026-price-table tbody {
display: grid;
gap: 10px;
}
.calc2026-price-table tbody tr {
padding: 12px;
background: #ffffff;
border: 1px solid #e6edf8;
border-radius: 14px;
box-shadow: 0 8px 24px -22px rgba(0, 70, 190, 0.42);
}
.calc2026-price-table tbody th,
.calc2026-price-table tbody td,
.calc2026-price-table tbody td:last-child {
border: 0;
border-radius: 0;
background: transparent;
}
.calc2026-price-table tbody th {
padding: 0 0 10px;
font-size: 14px;
}
.calc2026-price-table tbody td {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: 6px;
padding: 9px 10px;
background: #f6faff;
border-radius: 10px;
font-size: 13px;
text-align: right;
}
.calc2026-price-table tbody td::before {
content: attr(data-layer);
color: #6678a3;
font-size: 12px;
font-weight: 600;
text-align: left;
}
.calc2026-price-table tbody td.is-best {
background: linear-gradient(135deg, rgba(0, 89, 248, 0.09), rgba(0, 190, 246, 0.06));
}
.calc2026-material-modal {
padding: 12px;
}
.calc2026-material-modal__panel {
padding: 22px 20px 20px;
border-radius: 16px;
}
}
@media (max-width: 420px) {
.calc2026-head .service-compact-copy h1 {
font-size: 21px !important;
}
.calc2026-section {
padding: 0 10px;
}
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: 340px !important;
}
.calc2026-section[data-model-state="ready"] #cjcwrap.calc2026-viewer {
min-height: 310px !important;
}
.calc2026-section[data-model-state="empty"] .calc2026-drop-icon {
width: 64px;
height: 64px;
}
.calc2026-section[data-model-state="empty"] .calc2026-upload-btn {
padding: 11px 20px;
font-size: 14px;
}
}
/* ============================================================
* 2026.147 — Calculator: cleaner post-load controls + price rows
* ============================================================ */
.calc2026-card--view {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 18px !important;
align-items: start !important;
}
.calc2026-card--view .calc2026-card-head {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
.calc2026-card--view .calc2026-field {
margin: 0 !important;
}
.calc2026-card--view .calc2026-field--row {
display: block !important;
}
.calc2026-card--view .calc2026-field-label {
margin: 0 0 8px !important;
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
gap: 8px;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 38px;
padding: 8px 14px;
white-space: nowrap;
}
.calc2026-card--view .calc2026-select {
width: min(100%, 210px);
}
.calc2026-card--view .calc2026-palette .calc2026-swatch.cbar {
width: 32px !important;
height: 32px !important;
}
@media (min-width: 721px) {
.calc2026-price-table,
.calc2026-price-table thead,
.calc2026-price-table tbody {
display: block;
width: 100%;
}
.calc2026-price-table {
border-collapse: separate;
border-spacing: 0;
padding: 0 14px 16px;
}
.calc2026-price-table thead tr,
.calc2026-price-table tbody tr {
display: grid;
grid-template-columns: minmax(160px, 1.22fr) repeat(3, minmax(72px, 0.66fr));
align-items: stretch;
}
.calc2026-price-table thead tr {
padding: 0 2px 4px;
}
.calc2026-price-table thead th {
display: flex;
align-items: center;
justify-content: center;
background: transparent !important;
border: 0 !important;
padding: 8px 8px 6px;
min-height: 36px;
}
.calc2026-price-table thead th:first-child {
visibility: hidden;
}
.calc2026-price-table tbody {
display: grid;
gap: 10px;
}
.calc2026-price-table tbody tr {
background: #ffffff;
border: 1px solid #e5edf8;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 26px -24px rgba(0, 70, 190, 0.42);
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.calc2026-price-table tbody tr:hover {
transform: translateY(-1px);
border-color: rgba(0, 89, 248, 0.18);
box-shadow: 0 18px 36px -28px rgba(0, 70, 190, 0.48);
}
.calc2026-price-table tbody th,
.calc2026-price-table tbody td,
.calc2026-price-table tbody td:last-child {
display: flex;
border: 0 !important;
border-radius: 0 !important;
background: transparent;
min-height: 82px;
}
.calc2026-price-table tbody th {
flex-direction: column;
justify-content: center;
padding: 13px 16px;
}
.calc2026-price-table tbody th strong {
font-size: 15px;
line-height: 1.28;
}
.calc2026-price-table tbody td {
align-items: center;
justify-content: center;
padding: 12px 10px;
border-left: 1px solid #edf2fa !important;
font-size: 14px;
font-weight: 800;
}
.calc2026-price-table tbody td.is-best {
background: linear-gradient(180deg, rgba(0, 89, 248, 0.10), rgba(0, 190, 246, 0.045));
}
.calc2026-charlink {
width: max-content;
margin-top: 8px;
}
}
@media (max-width: 720px) {
.calc2026-card--view {
grid-template-columns: 1fr !important;
gap: 13px !important;
}
.calc2026-card--view .calc2026-select {
width: 100%;
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
justify-content: center;
white-space: normal;
text-align: center;
}
}
@media (max-width: 420px) {
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
grid-template-columns: 1fr;
}
}
/* ============================================================
* 2026.148 — Calculator: real mobile page frame
* ============================================================ */
@media (max-width: 900px) {
body.page-template-page-calculator-v2,
body.page-id-3645,
body.page-id-8964 {
min-width: 0 !important;
overflow-x: hidden !important;
}
body.page-template-page-calculator-v2 #page,
body.page-id-3645 #page,
body.page-id-8964 #page {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.page-template-page-calculator-v2 #content,
body.page-id-3645 #content,
body.page-id-8964 #content {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.page-template-page-calculator-v2 #header,
body.page-id-3645 #header,
body.page-id-8964 #header {
padding: 16px 0 0 !important;
max-width: 100% !important;
}
body.page-template-page-calculator-v2 #header #id,
body.page-id-3645 #header #id,
body.page-id-8964 #header #id {
min-height: 92px !important;
height: 92px !important;
}
body.page-template-page-calculator-v2 #header #id h1 a > img,
body.page-template-page-calculator-v2 #header #id h1 a > img.brand-logo-img,
body.page-id-3645 #header #id h1 a > img,
body.page-id-3645 #header #id h1 a > img.brand-logo-img,
body.page-id-8964 #header #id h1 a > img,
body.page-id-8964 #header #id h1 a > img.brand-logo-img {
height: 72px !important;
}
body.page-template-page-calculator-v2 #languages,
body.page-id-3645 #languages,
body.page-id-8964 #languages {
top: 12px !important;
right: 12px !important;
margin: 0 !important;
}
body.page-template-page-calculator-v2 #languages a,
body.page-id-3645 #languages a,
body.page-id-8964 #languages a {
font-size: 16px !important;
margin-left: 8px !important;
}
body.page-template-page-calculator-v2 #feeds-nav,
body.page-id-3645 #feeds-nav,
body.page-id-8964 #feeds-nav {
top: 44px !important;
right: 10px !important;
margin: 0 !important;
}
body.page-template-page-calculator-v2 #feeds-nav .feeds,
body.page-id-3645 #feeds-nav .feeds,
body.page-id-8964 #feeds-nav .feeds {
gap: 6px !important;
}
body.page-template-page-calculator-v2 #feeds-nav .feed a,
body.page-template-page-calculator-v2 #feeds-nav ul.feeds li.feed > a,
body.page-id-3645 #feeds-nav .feed a,
body.page-id-3645 #feeds-nav ul.feeds li.feed > a,
body.page-id-8964 #feeds-nav .feed a,
body.page-id-8964 #feeds-nav ul.feeds li.feed > a {
width: 32px !important;
height: 32px !important;
}
body.page-template-page-calculator-v2 #feeds-nav .feed a svg,
body.page-template-page-calculator-v2 #feeds-nav ul.feeds li.feed > a > svg,
body.page-id-3645 #feeds-nav .feed a svg,
body.page-id-3645 #feeds-nav ul.feeds li.feed > a > svg,
body.page-id-8964 #feeds-nav .feed a svg,
body.page-id-8964 #feeds-nav ul.feeds li.feed > a > svg {
width: 15px !important;
height: 15px !important;
}
body.page-template-page-calculator-v2 #primary-nav,
body.page-id-3645 #primary-nav,
body.page-id-8964 #primary-nav {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-top: 10px !important;
padding: 0 10px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-template-page-calculator-v2 #primary-nav .wrapper,
body.page-id-3645 #primary-nav .wrapper,
body.page-id-8964 #primary-nav .wrapper {
display: flex !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.page-template-page-calculator-v2 #primary-nav .wrapper::-webkit-scrollbar,
body.page-id-3645 #primary-nav .wrapper::-webkit-scrollbar,
body.page-id-8964 #primary-nav .wrapper::-webkit-scrollbar {
display: none;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu,
body.page-id-3645 #primary-nav-menu.dd-menu,
body.page-id-8964 #primary-nav-menu.dd-menu {
display: flex !important;
flex-wrap: nowrap !important;
width: max-content !important;
min-width: max-content !important;
max-width: none !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li,
body.page-id-3645 #primary-nav-menu.dd-menu > li,
body.page-id-8964 #primary-nav-menu.dd-menu > li {
display: block !important;
float: none !important;
flex: 0 0 auto !important;
height: auto !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a {
display: flex !important;
align-items: center !important;
min-height: 38px !important;
padding: 10px 14px !important;
font-size: 14px !important;
white-space: nowrap !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu li ul,
body.page-id-3645 #primary-nav-menu.dd-menu li ul,
body.page-id-8964 #primary-nav-menu.dd-menu li ul {
display: none !important;
}
body.page-template-page-calculator-v2 .calc2026-section,
body.page-id-3645 .calc2026-section,
body.page-id-8964 .calc2026-section {
max-width: 100% !important;
}
body.page-template-page-calculator-v2 .calc2026-viewer-card,
body.page-template-page-calculator-v2 #mainwrap.calc2026-viewer-card,
body.page-id-3645 .calc2026-viewer-card,
body.page-id-3645 #mainwrap.calc2026-viewer-card,
body.page-id-8964 .calc2026-viewer-card,
body.page-id-8964 #mainwrap.calc2026-viewer-card {
width: 100% !important;
max-width: 100% !important;
}
body.page-template-page-calculator-v2 #footer,
body.page-id-3645 #footer,
body.page-id-8964 #footer {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-template-page-calculator-v2 #footer .grid,
body.page-id-3645 #footer .grid,
body.page-id-8964 #footer .grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
body.page-template-page-calculator-v2 #footer .c-5,
body.page-id-3645 #footer .c-5,
body.page-id-8964 #footer .c-5,
body.page-template-page-calculator-v2 #subfooter .c-6,
body.page-id-3645 #subfooter .c-6,
body.page-id-8964 #subfooter .c-6 {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.page-template-page-calculator-v2 #subfooter.grid,
body.page-id-3645 #subfooter.grid,
body.page-id-8964 #subfooter.grid {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
}
@media (max-width: 420px) {
body.page-template-page-calculator-v2 #header #id,
body.page-id-3645 #header #id,
body.page-id-8964 #header #id {
min-height: 82px !important;
height: 82px !important;
}
body.page-template-page-calculator-v2 #header #id h1 a > img,
body.page-template-page-calculator-v2 #header #id h1 a > img.brand-logo-img,
body.page-id-3645 #header #id h1 a > img,
body.page-id-3645 #header #id h1 a > img.brand-logo-img,
body.page-id-8964 #header #id h1 a > img,
body.page-id-8964 #header #id h1 a > img.brand-logo-img {
height: 64px !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a {
padding: 9px 12px !important;
font-size: 13px !important;
}
}
/* ============================================================
* 2026.149 — Calculator: polished wrapped mobile nav
* ============================================================ */
@media (max-width: 900px) {
body.page-template-page-calculator-v2 #primary-nav,
body.page-id-3645 #primary-nav,
body.page-id-8964 #primary-nav {
overflow: visible !important;
}
body.page-template-page-calculator-v2 #primary-nav .wrapper,
body.page-id-3645 #primary-nav .wrapper,
body.page-id-8964 #primary-nav .wrapper {
justify-content: center !important;
overflow: visible !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu,
body.page-id-3645 #primary-nav-menu.dd-menu,
body.page-id-8964 #primary-nav-menu.dd-menu {
width: 100% !important;
min-width: 0 !important;
max-width: 520px !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 4px !important;
border-radius: 20px !important;
padding: 6px !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li,
body.page-id-3645 #primary-nav-menu.dd-menu > li,
body.page-id-8964 #primary-nav-menu.dd-menu > li {
flex: 0 1 auto !important;
margin: 0 !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a {
min-height: 34px !important;
padding: 9px 12px !important;
font-size: 13px !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a.dd-submenu-title,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a.dd-submenu-title,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a.dd-submenu-title {
padding-right: 26px !important;
}
}
@media (max-width: 420px) {
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu,
body.page-id-3645 #primary-nav-menu.dd-menu,
body.page-id-8964 #primary-nav-menu.dd-menu {
gap: 3px !important;
border-radius: 18px !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a {
min-height: 32px !important;
padding: 8px 10px !important;
font-size: 12px !important;
}
body.page-template-page-calculator-v2 #primary-nav-menu.dd-menu > li > a.dd-submenu-title,
body.page-id-3645 #primary-nav-menu.dd-menu > li > a.dd-submenu-title,
body.page-id-8964 #primary-nav-menu.dd-menu > li > a.dd-submenu-title {
padding-right: 22px !important;
}
}
/* ============================================================
* 2026.150 — Calculator: calmer first screen + tighter quote flow
* ============================================================ */
body.page-template-page-calculator-v2 #content,
body.page-id-3645 #content,
body.page-id-8964 #content {
padding-bottom: 56px !important;
clear: both;
}
body.page-template-page-calculator-v2 #footer,
body.page-id-3645 #footer,
body.page-id-8964 #footer {
clear: both !important;
margin-top: 28px !important;
}
body.page-template-page-calculator-v2 .calc2026-section,
body.page-id-3645 .calc2026-section,
body.page-id-8964 .calc2026-section {
margin-bottom: 86px !important;
}
.calc2026-section[data-model-state="empty"],
.calc2026-section[data-model-state="loading"] {
padding-bottom: 190px;
}
.calc2026-section[data-model-state="empty"] .calc2026-viewer-card,
.calc2026-section[data-model-state="loading"] .calc2026-viewer-card {
max-width: 880px;
padding: 8px;
background: rgba(255, 255, 255, 0.74);
border-color: rgba(0, 89, 248, 0.055);
box-shadow: 0 18px 58px -42px rgba(0, 70, 190, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.86);
}
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: 560px !important;
background:
linear-gradient(rgba(0, 89, 248, 0.028) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 89, 248, 0.028) 1px, transparent 1px),
radial-gradient(circle at 50% 24%, #ffffff 0%, #f8fcff 54%, #edf7ff 100%) !important;
background-size: 44px 44px, 44px 44px, auto !important;
border-color: rgba(0, 89, 248, 0.075) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), inset 0 -24px 58px rgba(0, 89, 248, 0.036) !important;
}
.calc2026-section[data-model-state="empty"] .calc2026-viewer::before,
.calc2026-section[data-model-state="loading"] .calc2026-viewer::before {
opacity: 0.42;
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone {
inset: 16px !important;
background: rgba(255, 255, 255, 0.52);
border-color: rgba(0, 89, 248, 0.13);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.76), 0 18px 46px -40px rgba(0, 89, 248, 0.38);
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone::before,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone::before {
inset: 18px;
border-color: rgba(0, 89, 248, 0.16);
background: rgba(255, 255, 255, 0.26);
}
.calc2026-section[data-model-state="empty"] .calc2026-drop-icon {
width: 78px;
height: 78px;
box-shadow: 0 18px 42px -28px rgba(0, 89, 248, 0.58), inset 0 0 0 1px rgba(0, 190, 246, 0.14);
}
.calc2026-section[data-model-state="empty"] .calc2026-upload-btn {
padding: 13px 30px;
box-shadow: 0 14px 34px -24px rgba(0, 89, 248, 0.7);
}
.calc2026-section[data-model-state="ready"] .calc2026-stats {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 14px;
}
.calc2026-section[data-model-state="ready"] .calc2026-card--view,
.calc2026-section[data-model-state="ready"] .calc2026-card--contact {
grid-column: 1 / -1;
}
.calc2026-card--view { order: -5; }
.calc2026-card--accent { order: -4; }
.calc2026-card--settings { order: -3; }
.calc2026-card--info { order: -2; }
.calc2026-card--contact { order: 1; }
.calc2026-section[data-model-state="ready"] .calc2026-card--settings {
border-color: rgba(0, 190, 246, 0.14);
background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
box-shadow: 0 14px 34px -30px rgba(0, 89, 248, 0.42);
}
.calc2026-section[data-model-state="ready"] .calc2026-card--settings .calc2026-card-note {
margin-bottom: 12px;
padding: 10px 12px;
border-radius: 12px;
background: rgba(0, 190, 246, 0.06);
color: #455677;
}
.calc2026-card--view {
border-color: rgba(0, 89, 248, 0.055) !important;
box-shadow: 0 12px 34px -32px rgba(0, 70, 190, 0.38);
}
.calc2026-card--view .calc2026-card-ico {
background: rgba(0, 89, 248, 0.065);
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
gap: 7px !important;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 36px;
background: #f8fbff;
border-color: #e5edf8;
color: #5a6a8a;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.74);
}
.calc2026-card--view .calc2026-radio-row label:has(input:checked),
.calc2026-card--view .calc2026-toggle-row label:has(input:checked) {
background: linear-gradient(180deg, #ffffff 0%, #eef7ff 100%) !important;
border-color: rgba(0, 142, 246, 0.32) !important;
color: #0059f8 !important;
box-shadow: 0 8px 20px -18px rgba(0, 89, 248, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.92) !important;
}
.calc2026-card--view .calc2026-palette .calc2026-swatch.cbar {
width: 30px !important;
height: 30px !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.055), 0 6px 16px -12px rgba(0, 40, 120, 0.55);
}
.calc2026-card--view .calc2026-select {
background-color: #f8fbff;
border-color: #e1e9f6;
}
.calc2026-tech-card[data-tech="fdm"] .calc2026-price-table tbody tr:first-child th strong::after {
content: "популярный";
display: inline-flex;
margin-left: 8px;
padding: 2px 7px;
border-radius: 999px;
background: rgba(0, 190, 246, 0.10);
color: #0078d4;
font-size: 10px;
font-weight: 800;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: 0.04em;
}
@media (max-width: 1080px) {
.calc2026-section[data-model-state="ready"] .calc2026-stats {
grid-template-columns: 1fr;
}
.calc2026-section[data-model-state="ready"] .calc2026-card--accent,
.calc2026-section[data-model-state="ready"] .calc2026-card--settings,
.calc2026-section[data-model-state="ready"] .calc2026-card--info {
grid-column: 1;
}
}
@media (max-width: 720px) {
body.page-template-page-calculator-v2 #content,
body.page-id-3645 #content,
body.page-id-8964 #content {
padding-bottom: 34px !important;
}
body.page-template-page-calculator-v2 .calc2026-section,
body.page-id-3645 .calc2026-section,
body.page-id-8964 .calc2026-section {
margin-bottom: 64px !important;
}
.calc2026-section[data-model-state="empty"],
.calc2026-section[data-model-state="loading"] {
padding-bottom: 72px;
}
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: clamp(330px, 86vw, 410px) !important;
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone {
inset: 10px !important;
padding: 18px;
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone::before,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone::before {
inset: 12px;
}
.calc2026-section[data-model-state="empty"] .calc2026-drop-icon {
width: 60px;
height: 60px;
}
.calc2026-section[data-model-state="empty"] .calc2026-upload-btn {
padding: 11px 22px;
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.calc2026-card--view .calc2026-toggle-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 34px;
padding: 7px 8px;
font-size: 12px;
}
.calc2026-section[data-model-state="ready"] .calc2026-card--settings .calc2026-card-note {
font-size: 12px;
}
}
@media (max-width: 420px) {
.calc2026-section[data-model-state="empty"] #cjcwrap.calc2026-viewer,
.calc2026-section[data-model-state="loading"] #cjcwrap.calc2026-viewer {
min-height: 320px !important;
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.calc2026-card--view .calc2026-radio-row label:first-child {
grid-column: 1 / -1;
}
}
/* ============================================================
* 2026.151 — Calculator: lighter upload chips + calmer view controls
* ============================================================ */
.calc2026-section[data-model-state="empty"] .calc2026-viewer-card,
.calc2026-section[data-model-state="loading"] .calc2026-viewer-card {
background: rgba(255, 255, 255, 0.62);
border-color: rgba(0, 89, 248, 0.045);
box-shadow: 0 14px 50px -42px rgba(0, 70, 190, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone {
background: rgba(255, 255, 255, 0.44);
border-color: rgba(0, 89, 248, 0.11);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 16px 42px -40px rgba(0, 89, 248, 0.34);
}
.calc2026-section[data-model-state="empty"] #cjcdrag.calc2026-dropzone::before,
.calc2026-section[data-model-state="loading"] #cjcdrag.calc2026-dropzone::before {
border-style: solid;
border-color: rgba(0, 89, 248, 0.10);
}
.calc2026-drop-examples {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
max-width: 310px;
line-height: 1.45;
}
.calc2026-example-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 5px 10px;
border: 1px solid rgba(0, 89, 248, 0.13);
border-radius: 999px;
background: rgba(255, 255, 255, 0.58);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
font-weight: 700;
line-height: 1.1;
text-decoration: none;
white-space: nowrap;
transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}
.calc2026-example-link:hover {
background: #ffffff;
border-color: rgba(0, 190, 246, 0.34);
transform: translateY(-1px);
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
gap: 6px !important;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 34px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(248, 251, 255, 0.72) !important;
border-color: rgba(0, 89, 248, 0.105) !important;
color: #627091;
box-shadow: none;
}
.calc2026-card--view .calc2026-radio-row label:has(input:checked),
.calc2026-card--view .calc2026-toggle-row label:has(input:checked) {
background: #ffffff !important;
border-color: rgba(0, 142, 246, 0.42) !important;
color: #006cf0 !important;
box-shadow: 0 8px 18px -18px rgba(0, 89, 248, 0.55) !important;
}
.calc2026-card--view .calc2026-radio-row label:has(input:checked)::before,
.calc2026-card--view .calc2026-toggle-row label:has(input:checked)::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #00bef6;
box-shadow: 0 0 0 3px rgba(0, 190, 246, 0.12);
}
.calc2026-card--view .calc2026-palette .calc2026-swatch.cbar {
width: 28px !important;
height: 28px !important;
border-width: 1px !important;
}
@media (max-width: 720px) {
.calc2026-drop-examples {
max-width: 260px;
font-size: 12px;
}
.calc2026-example-link {
min-height: 26px;
padding: 5px 9px;
}
.calc2026-card--view .calc2026-radio-row {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
padding: 7px 6px;
font-size: 12px;
}
.calc2026-card--view .calc2026-radio-row label span,
.calc2026-card--view .calc2026-toggle-row label span {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 360px) {
.calc2026-card--view .calc2026-radio-row {
grid-template-columns: 1fr !important;
}
.calc2026-card--view .calc2026-radio-row label span,
.calc2026-card--view .calc2026-toggle-row label span {
overflow: visible;
text-overflow: clip;
}
}
/* ============================================================
* 2026.152 — Calculator: quote in prices column + lighter controls
* ============================================================ */
.calc2026-drop-max {
display: none !important;
}
.calc2026-drop-examples {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
max-width: 100%;
margin: 6px 0 0;
color: #6f7d9a;
font-size: 14px;
line-height: 1.35;
}
.calc2026-example-label {
white-space: nowrap;
}
.calc2026-example-group {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
white-space: nowrap;
}
.calc2026-example-link {
min-height: 26px;
padding: 4px 10px;
background: rgba(255, 255, 255, 0.52);
border-color: rgba(0, 108, 240, 0.16);
box-shadow: none;
font-size: 14px;
}
.calc2026-section[data-model-state="ready"] .calc2026-stats {
display: flex;
flex-direction: column;
gap: 12px;
}
.calc2026-card--view { order: -5; }
.calc2026-card--settings { order: -4; }
.calc2026-card--info { order: -3; }
.calc2026-card--contact { order: -2; }
.calc2026-section[data-model-state="ready"] .calc2026-card--view,
.calc2026-section[data-model-state="ready"] .calc2026-card--settings,
.calc2026-section[data-model-state="ready"] .calc2026-card--info,
.calc2026-section[data-model-state="ready"] .calc2026-card--contact {
grid-column: auto;
}
.calc2026-col--prices .calc2026-card--accent {
order: 0;
margin-top: 2px;
border-radius: 18px;
box-shadow: 0 18px 46px -24px rgba(0, 116, 220, 0.45);
}
.calc2026-col--prices .calc2026-result-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 12px;
}
.calc2026-col--prices .calc2026-tips {
margin-top: 14px;
padding-top: 12px;
}
.calc2026-card--view,
.calc2026-card--settings,
.calc2026-card--info {
background: rgba(255, 255, 255, 0.82);
border-color: rgba(0, 89, 248, 0.06) !important;
box-shadow: 0 10px 30px -28px rgba(0, 70, 190, 0.34);
}
.calc2026-card--view {
padding: 13px 14px;
}
.calc2026-card--view .calc2026-card-head,
.calc2026-card--settings .calc2026-card-head,
.calc2026-card--info .calc2026-card-head {
gap: 8px;
}
.calc2026-card--view .calc2026-card-ico,
.calc2026-card--settings .calc2026-card-ico,
.calc2026-card--info .calc2026-card-ico {
width: 28px;
height: 28px;
border-radius: 9px;
background: rgba(0, 190, 246, 0.085);
color: #006cf0;
}
.calc2026-card--view .calc2026-card-head h3,
.calc2026-card--settings .calc2026-card-head h3,
.calc2026-card--info .calc2026-card-head h3 {
font-size: 14px;
}
.calc2026-card--view .calc2026-field-label,
.calc2026-card--settings .calc2026-field-label {
color: #8090b0;
font-size: 12px;
font-weight: 700;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 32px;
padding: 7px 11px;
background: rgba(247, 251, 255, 0.72) !important;
border-color: rgba(0, 89, 248, 0.10) !important;
color: #657493;
font-weight: 600;
}
.calc2026-card--view .calc2026-radio-row label:has(input:checked),
.calc2026-card--view .calc2026-toggle-row label:has(input:checked) {
background: #ffffff !important;
border-color: rgba(0, 190, 246, 0.46) !important;
color: #0059f8 !important;
box-shadow: 0 10px 18px -20px rgba(0, 89, 248, 0.55), inset 0 -2px 0 rgba(0, 190, 246, 0.28) !important;
}
.calc2026-card--view .calc2026-radio-row label:has(input:checked)::before,
.calc2026-card--view .calc2026-toggle-row label:has(input:checked)::before {
display: none !important;
}
.calc2026-card--view .calc2026-radio-row label span,
.calc2026-card--view .calc2026-toggle-row label span {
white-space: nowrap;
overflow: visible;
text-overflow: clip;
}
.calc2026-card--settings .calc2026-card-note {
background: linear-gradient(180deg, rgba(0, 190, 246, 0.06), rgba(0, 89, 248, 0.035));
border: 1px solid rgba(0, 190, 246, 0.08);
}
.calc2026-card--info .calc2026-defs,
.calc2026-card--settings .calc2026-defs {
row-gap: 0;
}
.calc2026-card--info .calc2026-defs dt,
.calc2026-card--info .calc2026-defs dd,
.calc2026-card--settings .calc2026-defs dt,
.calc2026-card--settings .calc2026-defs dd {
padding: 8px 0;
border-top: 1px solid rgba(0, 89, 248, 0.07);
}
.calc2026-card--info .calc2026-defs dt:first-of-type,
.calc2026-card--info .calc2026-defs dt:first-of-type + dd,
.calc2026-card--settings .calc2026-defs dt:first-of-type,
.calc2026-card--settings .calc2026-defs dt:first-of-type + dd {
border-top: 0;
}
.calc2026-tech-card[data-tech="fdm"] .calc2026-price-table tbody tr:first-child th strong::after {
content: none !important;
display: none !important;
}
.calc2026-price-table tbody th br {
display: none;
}
.calc2026-price-table tbody th strong {
display: inline-flex;
align-items: center;
}
.calc2026-price-table tbody th .calc2026-charlink,
.calc2026-price-table tbody th a.calc2026-charlink {
margin-top: 0;
}
@media (min-width: 721px) {
.calc2026-price-table tbody th {
justify-content: center !important;
gap: 6px;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.calc2026-price-table tbody th strong,
.calc2026-price-table tbody th .calc2026-charlink {
width: max-content;
max-width: 100%;
}
}
@media (max-width: 720px) {
.calc2026-drop-examples {
font-size: 13px;
gap: 7px;
}
.calc2026-example-link {
font-size: 13px;
}
.calc2026-card--view .calc2026-radio-row {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
}
.calc2026-card--view .calc2026-radio-row label span,
.calc2026-card--view .calc2026-toggle-row label span {
white-space: nowrap;
}
.calc2026-price-table tbody th {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.calc2026-price-table tbody th strong {
min-width: 0;
line-height: 1.25;
}
.calc2026-price-table tbody th .calc2026-charlink {
flex: 0 0 auto;
font-size: 11px;
}
.calc2026-col--prices .calc2026-result-row {
grid-template-columns: 1fr;
}
}
@media (max-width: 380px) {
.calc2026-drop-examples {
flex-wrap: wrap;
}
}
/* ============================================================
* 2026.153 — Calculator: compact desktop model controls
* ============================================================ */
@media (min-width: 1081px) {
.calc2026-card--view {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 12px 18px !important;
align-items: start !important;
}
.calc2026-card--view .calc2026-card-head {
grid-column: 1 / -1 !important;
}
.calc2026-card--view .calc2026-field {
margin: 0 !important;
}
.calc2026-card--view .calc2026-radio-row,
.calc2026-card--view .calc2026-toggle-row {
display: flex !important;
flex-wrap: wrap !important;
}
.calc2026-card--view .calc2026-radio-row label,
.calc2026-card--view .calc2026-toggle-row label {
min-height: 31px;
padding: 6px 10px;
}
.calc2026-card--view .calc2026-field--row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 7px !important;
}
.calc2026-card--view .calc2026-select {
width: 100% !important;
}
.calc2026-card--view .calc2026-palette {
padding-top: 1px;
}
.calc2026-card--view .calc2026-palette .calc2026-swatch.cbar {
width: 26px !important;
height: 26px !important;
}
}
/* ============================================================
* 2026.154 — Shop hero: compact printer stage with depth
* ============================================================ */
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: clamp(370px, 31vw, 430px) !important;
margin-top: 18px !important;
border-radius: 28px !important;
background: #f6faff !important;
box-shadow: 0 20px 48px -38px rgba(10,40,120,.32) !important;
overflow: hidden !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product {
min-height: 100% !important;
background: #f6faff !important;
overflow: hidden !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product::after {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026 {
position: absolute !important;
inset: 0 !important;
background: url("images/update/shop-slider/shop-slider-bg.png") center center / cover no-repeat !important;
box-shadow: none !important;
filter: saturate(1.03) contrast(1.01) !important;
transform: scale(1.01) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
width: auto !important;
height: auto !important;
right: auto !important;
top: auto !important;
border-radius: 0 !important;
background:
linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.91) 30%, rgba(255,255,255,.64) 45%, rgba(255,255,255,.18) 66%, rgba(255,255,255,.04) 100%),
radial-gradient(420px 220px at 62% 48%, rgba(0,190,246,.12), transparent 70%) !important;
filter: none !important;
opacity: 1 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::after {
content: "" !important;
position: absolute !important;
left: 38% !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
background:
linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.28) 37%, rgba(255,255,255,.72) 100%),
radial-gradient(330px 180px at 70% 72%, rgba(255,255,255,.82), transparent 72%) !important;
filter: blur(1px) !important;
transform: none !important;
opacity: .72 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-blob-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-grid-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-orbit-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
box-sizing: border-box !important;
z-index: 8 !important;
width: min(470px, 42%) !important;
max-width: min(470px, 42%) !important;
min-height: clamp(370px, 31vw, 430px) !important;
padding: 38px 0 36px 46px !important;
justify-content: center !important;
color: #101a4a !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.72) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 10px 24px -20px rgba(10,40,120,.28) !important;
color: #0059f8 !important;
font-size: 11px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 13ch !important;
min-height: 0 !important;
font-size: clamp(30px, 2.55vw, 38px) !important;
line-height: 1.08 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
text-shadow: 0 1px 0 rgba(255,255,255,.7) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
max-width: 430px !important;
min-height: 0 !important;
gap: 7px !important;
margin-top: 16px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 li {
min-height: 34px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: rgba(16,26,74,.74) !important;
font-size: 13.5px !important;
font-weight: 760 !important;
line-height: 1.26 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 li > svg {
box-sizing: border-box !important;
width: 28px !important;
height: 28px !important;
padding: 7px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
color: #0059f8 !important;
flex: 0 0 28px !important;
}
.shop-hero-printer-depth-2026 {
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
overflow: hidden;
}
.shop-hero-printer-depth-2026::before {
content: "";
position: absolute;
inset: 10% 0 0 36%;
z-index: 3;
background:
linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.56) 42%, rgba(255,255,255,.82)),
radial-gradient(420px 210px at 68% 54%, rgba(220,237,255,.48), transparent 72%);
filter: blur(8px);
opacity: .7;
}
.shop-hero-side-printer-2026 {
position: absolute;
z-index: 2;
display: flex;
align-items: flex-end;
justify-content: center;
width: clamp(190px, 18vw, 280px);
aspect-ratio: 1 / 1;
transform-origin: 50% 100%;
opacity: .43;
filter: blur(1.1px) saturate(.78) contrast(.96);
transition: transform .72s cubic-bezier(.18,.88,.22,1), opacity .72s ease, filter .72s ease;
}
.shop-hero-side-printer-2026::after {
content: "";
position: absolute;
left: 18%;
right: 18%;
bottom: 8%;
height: 9%;
border-radius: 50%;
background: radial-gradient(ellipse, rgba(10,30,80,.18), transparent 70%);
filter: blur(9px);
transform: perspective(440px) rotateX(64deg);
}
.shop-hero-side-printer-2026 img {
position: relative;
z-index: 2;
display: block;
width: 108%;
height: 108% !important;
object-fit: contain;
mix-blend-mode: multiply;
filter: drop-shadow(0 18px 20px rgba(10,40,120,.14));
}
.shop-hero-side-printer-2026--prev {
left: clamp(455px, 43vw, 650px);
bottom: 9%;
transform: translate3d(-26px, 10px, 0) scale(.78) rotate(-2deg);
}
.shop-hero-side-printer-2026--next {
right: clamp(-12px, 1.5vw, 32px);
bottom: 10%;
transform: translate3d(28px, 8px, 0) scale(.8) rotate(2deg);
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev {
transform: translate3d(-10px, 0, 0) scale(.82) rotate(-1.4deg);
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next {
transform: translate3d(12px, 0, 0) scale(.84) rotate(1.4deg);
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: absolute !important;
right: clamp(108px, 14vw, 210px) !important;
top: 56% !important;
width: clamp(245px, 23vw, 335px) !important;
height: clamp(270px, 25vw, 360px) !important;
max-height: none !important;
aspect-ratio: auto !important;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
transform: translateY(-50%) !important;
animation: shopHeroPrinterStageFloat2026 7.2s ease-in-out infinite !important;
overflow: visible !important;
z-index: 6 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateY(calc(-50% - 4px)) !important;
box-shadow: none !important;
}
@keyframes shopHeroPrinterStageFloat2026 {
0%, 100% { transform: translateY(-50%) translate3d(0, 0, 0); }
50% { transform: translateY(-50%) translate3d(0, -7px, 0); }
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026::before {
left: 17% !important;
right: 17% !important;
bottom: 4% !important;
height: 11% !important;
background: radial-gradient(ellipse, rgba(10,30,80,.27) 0%, rgba(10,30,80,.11) 42%, transparent 72%) !important;
filter: blur(12px) !important;
z-index: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026::after {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 {
position: relative !important;
z-index: 3 !important;
width: 100% !important;
height: 100% !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
width: 112% !important;
height: 112% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
mix-blend-mode: multiply !important;
filter:
drop-shadow(0 28px 30px rgba(10,25,72,.2))
drop-shadow(0 6px 10px rgba(10,25,72,.11)) !important;
animation: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-badge-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
position: absolute !important;
right: -10px !important;
bottom: -18px !important;
z-index: 9 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
max-width: 360px !important;
padding: 8px !important;
border-radius: 18px !important;
background: rgba(255,255,255,.86) !important;
border: 1px solid rgba(255,255,255,.86) !important;
box-shadow: 0 18px 40px -28px rgba(10,40,120,.42), inset 0 1px 0 rgba(255,255,255,.94) !important;
-webkit-backdrop-filter: blur(12px) saturate(130%) !important;
backdrop-filter: blur(12px) saturate(130%) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-2026 {
min-width: 94px !important;
max-width: 108px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-html-2026 {
font-size: 17px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
height: 38px !important;
min-height: 38px !important;
font-size: 12.5px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary {
padding: 0 14px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-secondary {
display: none !important;
}
.shop-hero-floating-models-2026 {
position: absolute;
inset: 0;
z-index: 7;
pointer-events: none;
overflow: hidden;
}
.shop-hero-float-model-2026 {
position: absolute;
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: drop-shadow(0 16px 18px rgba(10,40,120,.15));
opacity: .76;
will-change: transform;
}
.shop-hero-float-model-2026--vase {
left: clamp(500px, 46vw, 700px);
top: 11%;
width: clamp(54px, 5.6vw, 82px);
aspect-ratio: 1 / 1;
background-image: url("images/update/shop-slider/float-vase.png");
animation: shopHeroFloatModelA2026 8.5s ease-in-out infinite;
}
.shop-hero-float-model-2026--impeller {
right: clamp(210px, 18vw, 310px);
top: 9%;
width: clamp(66px, 6.5vw, 96px);
aspect-ratio: 1 / 1;
background-image: url("images/update/shop-slider/float-impeller.png");
animation: shopHeroFloatModelB2026 10s ease-in-out infinite;
}
.shop-hero-float-model-2026--teeth {
left: clamp(438px, 41vw, 610px);
bottom: 19%;
width: clamp(74px, 7vw, 108px);
aspect-ratio: 1 / 1;
background-image: url("images/update/shop-slider/float-teeth.png");
animation: shopHeroFloatModelC2026 9.4s ease-in-out infinite;
opacity: .6;
}
.shop-hero-float-model-2026--character {
right: clamp(18px, 4.4vw, 70px);
top: 16%;
width: clamp(58px, 6vw, 90px);
aspect-ratio: 1 / 1;
background-image: url("images/update/shop-slider/float-character.png");
animation: shopHeroFloatModelD2026 9s ease-in-out infinite;
opacity: .7;
}
@keyframes shopHeroFloatModelA2026 {
0%, 100% { transform: translate3d(0,0,0) rotate(-5deg); }
50% { transform: translate3d(8px,-12px,0) rotate(4deg); }
}
@keyframes shopHeroFloatModelB2026 {
0%, 100% { transform: translate3d(0,0,0) rotate(10deg); }
50% { transform: translate3d(-10px,10px,0) rotate(28deg); }
}
@keyframes shopHeroFloatModelC2026 {
0%, 100% { transform: translate3d(0,0,0) rotate(2deg); }
50% { transform: translate3d(10px,-8px,0) rotate(-6deg); }
}
@keyframes shopHeroFloatModelD2026 {
0%, 100% { transform: translate3d(0,0,0) rotate(5deg); }
50% { transform: translate3d(-9px,-10px,0) rotate(-4deg); }
}
body.woocommerce-page #content .shop-hero-dots-2026 {
right: 26px !important;
bottom: 22px !important;
z-index: 12 !important;
}
@media (max-width: 1180px) and (min-width: 1025px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: 44% !important;
max-width: 44% !important;
padding-left: 34px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: 98px !important;
width: clamp(230px, 23vw, 300px) !important;
}
.shop-hero-side-printer-2026--prev {
left: 41vw;
}
.shop-hero-side-printer-2026--next {
right: -18px;
}
.shop-hero-float-model-2026--character {
display: none;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: 620px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026 {
background-position: 62% center !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before {
background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.82) 38%, rgba(255,255,255,.18) 78%, rgba(255,255,255,.08) 100%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: 100% !important;
max-width: 100% !important;
min-height: auto !important;
padding: 30px 28px 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 16ch !important;
font-size: clamp(30px, 6vw, 40px) !important;
}
.shop-hero-printer-depth-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: absolute !important;
right: 50% !important;
top: auto !important;
bottom: 74px !important;
width: min(68vw, 330px) !important;
height: min(76vw, 360px) !important;
margin: 0 !important;
transform: translateX(50%) !important;
animation: shopHeroPrinterMobileFloat2026 7s ease-in-out infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateX(50%) translateY(-4px) !important;
}
@keyframes shopHeroPrinterMobileFloat2026 {
0%, 100% { transform: translateX(50%) translate3d(0,0,0); }
50% { transform: translateX(50%) translate3d(0,-7px,0); }
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
right: 50% !important;
bottom: -20px !important;
transform: translateX(50%) !important;
width: min(88vw, 330px) !important;
max-width: min(88vw, 330px) !important;
justify-content: space-between !important;
}
.shop-hero-float-model-2026--vase { left: 18%; top: 42%; }
.shop-hero-float-model-2026--impeller { right: 18%; top: 41%; }
.shop-hero-float-model-2026--teeth,
.shop-hero-float-model-2026--character { display: none; }
}
@media (max-width: 640px) {
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: 585px !important;
border-radius: 22px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
padding: 24px 18px 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
font-size: 10.5px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
font-size: 29px !important;
line-height: 1.08 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
gap: 5px !important;
margin-top: 12px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 li {
min-height: 30px !important;
font-size: 12.6px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 li > svg {
width: 25px !important;
height: 25px !important;
padding: 6px !important;
flex-basis: 25px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
bottom: 82px !important;
width: min(82vw, 310px) !important;
height: min(82vw, 320px) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
bottom: -34px !important;
flex-direction: row !important;
align-items: center !important;
border-radius: 16px !important;
padding: 7px !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-price-2026 {
width: auto !important;
min-width: 86px !important;
text-align: left !important;
}
body.woocommerce-page #content .shop-hero-product-buttons-2026 {
width: auto !important;
flex-direction: row !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 .shop-hero-primary {
width: auto !important;
padding: 0 12px !important;
}
.shop-hero-float-model-2026--vase { width: 54px; left: 14%; top: 47%; }
.shop-hero-float-model-2026--impeller { width: 62px; right: 11%; top: 45%; }
}
@media (prefers-reduced-motion: reduce) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img,
.shop-hero-float-model-2026,
.shop-hero-side-printer-2026 {
animation: none !important;
transition: none !important;
}
}
/* ============================================================
* 2026.155 — Shop hero: taller tucked stage and orbiting printers
* ============================================================ */
body.woocommerce-page #content .shop-commerce-bar-2026 {
position: relative !important;
z-index: 40 !important;
}
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: clamp(462px, 36vw, 540px) !important;
margin-top: -24px !important;
padding-top: 24px !important;
border-radius: 30px !important;
box-shadow: 0 26px 58px -42px rgba(10,40,120,.36) !important;
z-index: 1 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026 {
transition: opacity .82s ease, transform .82s cubic-bezier(.18,.88,.22,1) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving {
opacity: 1 !important;
pointer-events: none !important;
z-index: 3 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-entering {
z-index: 4 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before {
background:
linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 28%, rgba(255,255,255,.48) 45%, rgba(255,255,255,.10) 68%, rgba(255,255,255,.02) 100%),
radial-gradient(460px 240px at 64% 50%, rgba(0,190,246,.10), transparent 70%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::after {
background:
linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.16) 40%, rgba(255,255,255,.52) 100%),
radial-gradient(360px 190px at 70% 73%, rgba(255,255,255,.54), transparent 72%) !important;
opacity: .44 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: min(492px, 39%) !important;
max-width: min(492px, 39%) !important;
min-height: clamp(438px, 34vw, 516px) !important;
padding: 48px 0 44px 50px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 14ch !important;
font-size: clamp(33px, 2.8vw, 44px) !important;
line-height: 1.07 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
max-width: 450px !important;
gap: 8px !important;
margin-top: 18px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 11px !important;
width: min(455px, 100%) !important;
margin-top: 22px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
min-width: 118px !important;
height: 48px !important;
padding: 0 13px !important;
margin: 0 !important;
border-radius: 15px !important;
background: rgba(255,255,255,.78) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 14px 28px -24px rgba(10,40,120,.32), inset 0 1px 0 rgba(255,255,255,.88) !important;
-webkit-backdrop-filter: blur(10px) saturate(125%) !important;
backdrop-filter: blur(10px) saturate(125%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-label-2026 {
color: rgba(16,26,74,.48) !important;
font-size: 10px !important;
font-weight: 850 !important;
letter-spacing: .08em !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .amount,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
color: #101a4a !important;
-webkit-text-fill-color: #101a4a !important;
font-size: 19px !important;
font-weight: 950 !important;
line-height: 1.08 !important;
white-space: nowrap !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 del,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .screen-reader-text {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
box-sizing: border-box !important;
min-height: 48px !important;
height: 48px !important;
padding: 0 18px !important;
font-size: 13.5px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
color: #fff !important;
box-shadow: 0 18px 34px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
padding: 0 14px !important;
background: rgba(255,255,255,.66) !important;
border: 1px solid rgba(0,89,248,.10) !important;
border-bottom: 1px solid rgba(0,89,248,.10) !important;
color: #0059f8 !important;
box-shadow: 0 14px 26px -24px rgba(10,40,120,.24) !important;
}
body.woocommerce-page #content .shop-hero-product-actions-2026 {
display: none !important;
}
.shop-hero-printer-depth-2026::before {
opacity: .32 !important;
filter: blur(10px) !important;
}
.shop-hero-side-printer-2026 {
opacity: .62 !important;
filter: blur(.75px) saturate(1.02) contrast(1.04) brightness(.98) !important;
}
.shop-hero-side-printer-2026 img {
mix-blend-mode: normal !important;
filter: drop-shadow(0 20px 22px rgba(10,40,120,.18)) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: clamp(120px, 14.5vw, 228px) !important;
top: 57% !important;
width: clamp(286px, 24vw, 380px) !important;
height: clamp(322px, 27vw, 426px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
mix-blend-mode: normal !important;
filter:
drop-shadow(0 34px 34px rgba(10,25,72,.22))
drop-shadow(0 7px 12px rgba(10,25,72,.13)) saturate(1.04) contrast(1.05) brightness(.985) !important;
}
.shop-hero-side-printer-2026--prev {
left: clamp(462px, 42vw, 680px) !important;
bottom: 11% !important;
transform: translate3d(-28px, 14px, 0) scale(.8) rotate(-2.5deg) !important;
}
.shop-hero-side-printer-2026--next {
right: clamp(-6px, 2.4vw, 42px) !important;
bottom: 11% !important;
transform: translate3d(30px, 12px, 0) scale(.82) rotate(2.4deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev {
transform: translate3d(-8px, 4px, 0) scale(.86) rotate(-1.2deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next {
transform: translate3d(10px, 3px, 0) scale(.88) rotate(1.2deg) !important;
}
.shop-hero-floating-models-2026 {
z-index: 7 !important;
}
.shop-hero-float-model-2026 {
filter: drop-shadow(0 16px 20px rgba(10,40,120,.14)) saturate(1.04) contrast(1.04) !important;
opacity: .58 !important;
}
.shop-hero-float-model-2026--vase {
left: clamp(490px, 43vw, 690px) !important;
top: 15% !important;
width: clamp(46px, 4.9vw, 72px) !important;
}
.shop-hero-float-model-2026--impeller {
right: clamp(248px, 20vw, 350px) !important;
top: 12% !important;
width: clamp(52px, 5.2vw, 80px) !important;
}
.shop-hero-float-model-2026--teeth {
left: clamp(460px, 40vw, 630px) !important;
bottom: 17% !important;
width: clamp(56px, 5.8vw, 88px) !important;
opacity: .47 !important;
}
.shop-hero-float-model-2026--character {
right: clamp(36px, 5.5vw, 86px) !important;
top: 19% !important;
width: clamp(48px, 5vw, 76px) !important;
opacity: .5 !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroPrinterComeFromRight2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroPrinterLeaveLeft2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroPrinterComeFromLeft2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroPrinterLeaveRight2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering .shop-hero-side-printer-2026,
.shop-hero-slide-2026--product.is-leaving .shop-hero-side-printer-2026 {
transition-duration: .98s !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-side-printer-2026--next,
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-side-printer-2026--prev {
opacity: .42 !important;
filter: blur(1.3px) saturate(.92) contrast(.98) !important;
}
@keyframes shopHeroPrinterComeFromRight2026 {
0% { transform: translateY(-50%) translate3d(170px, 18px, 0) scale(.78) rotate(2.4deg); opacity: .45; filter: blur(1.1px) saturate(.92); }
68% { transform: translateY(-50%) translate3d(-10px, -3px, 0) scale(1.025) rotate(-.4deg); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1) rotate(0); opacity: 1; filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroPrinterLeaveLeft2026 {
0% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1) rotate(0); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translateY(-50%) translate3d(-170px, 18px, 0) scale(.78) rotate(-2.4deg); opacity: .34; filter: blur(1.25px) saturate(.88); }
}
@keyframes shopHeroPrinterComeFromLeft2026 {
0% { transform: translateY(-50%) translate3d(-170px, 18px, 0) scale(.78) rotate(-2.4deg); opacity: .45; filter: blur(1.1px) saturate(.92); }
68% { transform: translateY(-50%) translate3d(10px, -3px, 0) scale(1.025) rotate(.4deg); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1) rotate(0); opacity: 1; filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroPrinterLeaveRight2026 {
0% { transform: translateY(-50%) translate3d(0, 0, 0) scale(1) rotate(0); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translateY(-50%) translate3d(170px, 18px, 0) scale(.78) rotate(2.4deg); opacity: .34; filter: blur(1.25px) saturate(.88); }
}
@media (max-width: 1180px) and (min-width: 1025px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: 41% !important;
max-width: 41% !important;
padding-left: 38px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: 98px !important;
width: clamp(260px, 24vw, 330px) !important;
height: clamp(302px, 28vw, 388px) !important;
}
.shop-hero-side-printer-2026--prev {
left: 40vw !important;
}
}
@media (max-width: 1024px) {
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: 680px !important;
margin-top: -16px !important;
padding-top: 18px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
padding-top: 34px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
width: 100% !important;
max-width: 430px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
bottom: 86px !important;
width: min(68vw, 360px) !important;
height: min(76vw, 390px) !important;
}
.shop-hero-float-model-2026 {
opacity: .48 !important;
}
}
@media (max-width: 640px) {
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: 650px !important;
margin-top: -12px !important;
padding-top: 14px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
gap: 8px !important;
margin-top: 14px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
min-width: 98px !important;
height: 44px !important;
padding: 0 10px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .amount,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
font-size: 16px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
height: 44px !important;
min-height: 44px !important;
padding: 0 12px !important;
font-size: 12.5px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
bottom: 72px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.woocommerce-page #content .shop-hero-slide-2026.is-entering,
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving,
body.woocommerce-page #content .shop-hero-slide-2026--product.is-entering .shop-hero-product-card-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product.is-leaving .shop-hero-product-card-2026 {
animation: none !important;
transition: none !important;
}
}
/* ============================================================
* 2026.156 — Shop hero: cleaner CTA row and masked floating models
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-landing-2026 {
margin-top: -42px !important;
padding-top: 42px !important;
}
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
width: auto !important;
max-width: 430px !important;
align-items: center !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
display: none !important;
}
.shop-hero-float-model-2026 {
background-color: transparent !important;
mix-blend-mode: multiply !important;
opacity: .42 !important;
filter: saturate(1.08) contrast(1.08) brightness(.96) !important;
-webkit-mask-image: radial-gradient(ellipse 48% 48% at 50% 50%, #000 54%, rgba(0,0,0,.76) 66%, transparent 80%) !important;
mask-image: radial-gradient(ellipse 48% 48% at 50% 50%, #000 54%, rgba(0,0,0,.76) 66%, transparent 80%) !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-size: 100% 100% !important;
mask-size: 100% 100% !important;
}
.shop-hero-float-model-2026--character {
opacity: .36 !important;
-webkit-mask-image: radial-gradient(ellipse 42% 50% at 50% 52%, #000 58%, rgba(0,0,0,.72) 70%, transparent 84%) !important;
mask-image: radial-gradient(ellipse 42% 50% at 50% 52%, #000 58%, rgba(0,0,0,.72) 70%, transparent 84%) !important;
}
.shop-hero-float-model-2026--vase {
opacity: .38 !important;
-webkit-mask-image: radial-gradient(ellipse 43% 50% at 50% 52%, #000 60%, rgba(0,0,0,.74) 72%, transparent 84%) !important;
mask-image: radial-gradient(ellipse 43% 50% at 50% 52%, #000 60%, rgba(0,0,0,.74) 72%, transparent 84%) !important;
}
.shop-hero-float-model-2026--impeller {
opacity: .42 !important;
-webkit-mask-image: radial-gradient(ellipse 52% 44% at 50% 50%, #000 60%, rgba(0,0,0,.72) 72%, transparent 86%) !important;
mask-image: radial-gradient(ellipse 52% 44% at 50% 50%, #000 60%, rgba(0,0,0,.72) 72%, transparent 86%) !important;
}
.shop-hero-float-model-2026--teeth {
opacity: .34 !important;
-webkit-mask-image: radial-gradient(ellipse 52% 42% at 50% 52%, #000 60%, rgba(0,0,0,.72) 72%, transparent 86%) !important;
mask-image: radial-gradient(ellipse 52% 42% at 50% 52%, #000 60%, rgba(0,0,0,.72) 72%, transparent 86%) !important;
}
@media (max-width: 640px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
max-width: 100% !important;
}
}
/* ============================================================
* 2026.157 — Shop hero: dedicated compact mobile composition
* ============================================================ */
@media (max-width: 760px) {
body.woocommerce-shop .shop-nav-actions-2026.shop-icon-actions-2026,
body.woocommerce-page #content .shop-nav-actions-2026.shop-icon-actions-2026 {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-shop .shop-account-preview-wrap-2026,
body.woocommerce-shop .shop-cart-preview-wrap-2026,
body.woocommerce-page #content .shop-account-preview-wrap-2026,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 {
position: relative !important;
display: inline-flex !important;
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
min-height: 50px !important;
flex: 0 0 50px !important;
}
body.woocommerce-shop .shop-icon-action-2026,
body.woocommerce-page #content .shop-icon-action-2026 {
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
min-height: 50px !important;
font-size: 0 !important;
line-height: 1 !important;
}
body.woocommerce-shop .shop-icon-action-2026 > span,
body.woocommerce-page #content .shop-icon-action-2026 > span,
body.woocommerce-shop .shop-cart-preview-wrap-2026 > .shop-icon-action-2026--cart > span,
body.woocommerce-page #content .shop-cart-preview-wrap-2026 > .shop-icon-action-2026--cart > span {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.woocommerce-shop .shop-account-preview-2026,
body.woocommerce-shop .shop-cart-preview-2026,
body.woocommerce-page #content .shop-account-preview-2026,
body.woocommerce-page #content .shop-cart-preview-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-landing-2026 {
min-height: 638px !important;
margin-top: -12px !important;
padding-top: 14px !important;
border-radius: 22px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026 {
background-position: 57% bottom !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-bg-2026::before {
background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.83) 38%, rgba(255,255,255,.18) 74%, rgba(255,255,255,.06) 100%) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-height: auto !important;
padding: 24px 18px 0 !important;
justify-content: flex-start !important;
z-index: 9 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
max-width: calc(100vw - 56px) !important;
min-height: 28px !important;
padding: 0 10px !important;
font-size: 10.5px !important;
line-height: 1.15 !important;
white-space: normal !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
width: min(248px, calc(100vw - 58px)) !important;
max-width: min(248px, calc(100vw - 58px)) !important;
min-height: 0 !important;
margin-top: 18px !important;
font-size: 34px !important;
line-height: 1.04 !important;
letter-spacing: 0 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 8px !important;
width: min(320px, calc(100vw - 36px)) !important;
max-width: min(320px, calc(100vw - 36px)) !important;
margin-top: 16px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
flex: 0 0 104px !important;
min-width: 104px !important;
max-width: 104px !important;
height: 44px !important;
padding: 0 10px !important;
border-radius: 14px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .amount,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
font-size: 16px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
flex: 0 0 148px !important;
width: 148px !important;
min-width: 148px !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 12px !important;
font-size: 13px !important;
}
body.woocommerce-page #content .shop-hero-floating-models-2026,
body.woocommerce-page #content .shop-hero-printer-depth-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
position: absolute !important;
right: 50% !important;
top: auto !important;
bottom: 68px !important;
width: min(78vw, 310px) !important;
height: min(84vw, 336px) !important;
margin: 0 !important;
transform: translateX(50%) !important;
z-index: 6 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translateX(50%) translateY(-4px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
width: 108% !important;
height: 108% !important;
}
body.woocommerce-page #content .shop-hero-dots-2026 {
right: 22px !important;
bottom: 22px !important;
}
}
@media (max-width: 380px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
width: 226px !important;
max-width: 226px !important;
font-size: 31px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
width: min(300px, calc(100vw - 34px)) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
flex-basis: 136px !important;
width: 136px !important;
min-width: 136px !important;
}
}
/* ============================================================
* 2026.158 — Shop hero: desktop copy, status row and arrows
* ============================================================ */
.shop-hero-subtitle-2026,
.shop-hero-description-2026,
.shop-hero-proof-2026 {
margin: 0;
}
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: min(510px, 42%) !important;
max-width: min(510px, 42%) !important;
padding: 44px 0 42px 52px !important;
justify-content: center !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
width: max-content !important;
min-height: 24px !important;
padding: 0 10px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.86) !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: 0 10px 22px -18px rgba(0,89,248,.30) !important;
color: #0059f8 !important;
font-size: 10.5px !important;
font-weight: 850 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow svg {
width: 12px !important;
height: 12px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 13ch !important;
margin: 18px 0 0 !important;
font-size: clamp(32px, 2.8vw, 44px) !important;
line-height: 1.06 !important;
font-weight: 950 !important;
letter-spacing: 0 !important;
}
.shop-hero-subtitle-2026 {
display: block !important;
max-width: 445px !important;
margin-top: 12px !important;
color: #101a4a !important;
font-size: clamp(15px, 1.08vw, 18px) !important;
font-weight: 850 !important;
line-height: 1.34 !important;
letter-spacing: 0 !important;
}
.shop-hero-description-2026 {
display: block !important;
max-width: 430px !important;
margin-top: 16px !important;
color: rgba(49,64,95,.74) !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 1.58 !important;
letter-spacing: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-bullets-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: grid !important;
grid-template-columns: max-content max-content !important;
align-items: center !important;
justify-content: start !important;
gap: 13px 12px !important;
width: min(450px, 100%) !important;
max-width: 450px !important;
margin-top: 21px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
grid-column: 1 / -1 !important;
display: inline-flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-label-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .amount,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
background: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-text-fill-color: #101a4a !important;
color: #101a4a !important;
font-size: clamp(24px, 1.9vw, 31px) !important;
font-weight: 950 !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.shop-hero-proof-2026 {
grid-column: 1 / -1 !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 14px !important;
margin: -1px 0 2px !important;
}
.shop-hero-proof-item-2026 {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
min-height: 20px !important;
color: rgba(49,64,95,.72) !important;
font-size: 11.5px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.shop-hero-proof-item-2026 svg {
width: 13px !important;
height: 13px !important;
color: #5b6c91 !important;
stroke-width: 2 !important;
}
.shop-hero-proof-item-2026--stock::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-radius: 999px;
background: #22c55e;
box-shadow: 0 0 0 4px rgba(34,197,94,.12);
}
.shop-hero-proof-item-2026--stock svg {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 42px !important;
height: 42px !important;
font-size: 12.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
white-space: nowrap !important;
text-decoration: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
padding: 0 16px !important;
border-radius: 12px !important;
background: linear-gradient(90deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 15px 28px -16px rgba(0,89,248,.56), inset 0 1px 0 rgba(255,255,255,.24) !important;
color: #fff !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
padding: 0 17px !important;
border-radius: 12px !important;
background: rgba(255,255,255,.72) !important;
border: 1px solid rgba(0,89,248,.12) !important;
box-shadow: 0 12px 22px -18px rgba(10,40,120,.20) !important;
color: #26344f !important;
}
body.woocommerce-page #content .shop-hero-controls-2026 {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
left: 14px !important;
right: 14px !important;
top: 50% !important;
bottom: auto !important;
width: auto !important;
gap: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
z-index: 18 !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-hero-arrow {
pointer-events: auto !important;
width: 42px !important;
height: 42px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.88) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: 0 16px 34px -22px rgba(10,40,120,.34) !important;
color: #0059f8 !important;
font-size: 28px !important;
font-weight: 500 !important;
line-height: 1 !important;
}
.shop-hero-float-model-2026 {
mix-blend-mode: normal !important;
opacity: .96 !important;
filter: drop-shadow(0 18px 22px rgba(10,40,120,.18)) saturate(1.08) contrast(1.06) brightness(1) !important;
}
.shop-hero-float-model-2026--character {
left: clamp(470px, 38vw, 620px) !important;
right: auto !important;
top: 10% !important;
width: clamp(70px, 6.2vw, 94px) !important;
opacity: .98 !important;
}
.shop-hero-float-model-2026--impeller {
right: clamp(70px, 8vw, 132px) !important;
top: 11% !important;
width: clamp(78px, 6.8vw, 106px) !important;
opacity: .96 !important;
}
.shop-hero-float-model-2026--vase {
left: auto !important;
right: clamp(42px, 5.2vw, 86px) !important;
top: auto !important;
bottom: 7% !important;
width: clamp(72px, 6.5vw, 104px) !important;
opacity: .98 !important;
}
.shop-hero-float-model-2026--teeth {
left: clamp(420px, 37vw, 590px) !important;
bottom: 12% !important;
width: clamp(74px, 6.3vw, 102px) !important;
opacity: .92 !important;
}
}
@media (max-width: 760px) {
.shop-hero-subtitle-2026,
.shop-hero-description-2026,
.shop-hero-proof-2026 {
display: none !important;
}
}
/* ============================================================
* 2026.159 — Shop hero: solid floating model assets
* ============================================================ */
@media (min-width: 761px) {
.shop-hero-float-model-2026 {
opacity: 1 !important;
mix-blend-mode: normal !important;
filter: drop-shadow(0 18px 22px rgba(10,40,120,.22)) saturate(1.16) contrast(1.18) brightness(.96) !important;
-webkit-mask-image: radial-gradient(ellipse 54% 54% at 50% 50%, #000 78%, rgba(0,0,0,.94) 90%, transparent 99%) !important;
mask-image: radial-gradient(ellipse 54% 54% at 50% 50%, #000 78%, rgba(0,0,0,.94) 90%, transparent 99%) !important;
}
.shop-hero-float-model-2026--character {
opacity: 1 !important;
-webkit-mask-image: radial-gradient(ellipse 48% 56% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
mask-image: radial-gradient(ellipse 48% 56% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
}
.shop-hero-float-model-2026--vase {
opacity: 1 !important;
-webkit-mask-image: radial-gradient(ellipse 48% 56% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
mask-image: radial-gradient(ellipse 48% 56% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
}
.shop-hero-float-model-2026--impeller {
opacity: 1 !important;
-webkit-mask-image: radial-gradient(ellipse 58% 50% at 50% 50%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
mask-image: radial-gradient(ellipse 58% 50% at 50% 50%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
}
.shop-hero-float-model-2026--teeth {
opacity: 1 !important;
-webkit-mask-image: radial-gradient(ellipse 58% 48% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
mask-image: radial-gradient(ellipse 58% 48% at 50% 52%, #000 80%, rgba(0,0,0,.94) 91%, transparent 99%) !important;
}
}
/* ============================================================
* 2026.160 — Shop hero: final desktop polish and clickable depth
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-shop #content > .hd.shop-hd-landing-2026,
body.woocommerce-shop .shop-hd-landing-2026 .shop-hd-shell {
overflow: visible !important;
}
body.woocommerce-page #content .shop-hero-landing-2026 {
position: relative !important;
z-index: 12 !important;
box-shadow: 0 34px 70px -38px rgba(10,40,120,.40) !important;
}
body.woocommerce-page #content .shop-trust-strip-2026 {
position: relative !important;
z-index: 3 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 24px !important;
padding: 0 12px !important;
background: #eaf5ff !important;
border: 1px solid rgba(0,89,248,.08) !important;
border-radius: 999px !important;
box-shadow: 0 10px 22px -20px rgba(0,89,248,.24), inset 0 1px 0 rgba(255,255,255,.72) !important;
color: #0059f8 !important;
font-size: 10.5px !important;
font-weight: 900 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow svg {
display: none !important;
}
.shop-hero-description-2026 {
color: rgba(49,64,95,.68) !important;
font-weight: 520 !important;
line-height: 1.62 !important;
}
.shop-hero-proof-2026 {
gap: 10px !important;
margin: -2px 0 1px !important;
}
.shop-hero-proof-item-2026 {
gap: 5px !important;
min-height: 17px !important;
font-size: 10px !important;
font-weight: 760 !important;
color: rgba(49,64,95,.62) !important;
}
.shop-hero-proof-item-2026 svg {
width: 11px !important;
height: 11px !important;
stroke-width: 1.9 !important;
}
.shop-hero-proof-item-2026--stock::before {
width: 6px !important;
height: 6px !important;
box-shadow: 0 0 0 3px rgba(34,197,94,.12) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
height: 42px !important;
min-height: 42px !important;
border-radius: 999px !important;
font-size: 12.5px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
padding: 0 22px !important;
box-shadow: 0 16px 30px -16px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
padding: 0 20px !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid rgba(0,89,248,.18) !important;
box-shadow: none !important;
color: #26344f !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-secondary:hover {
background: rgba(255,255,255,.30) !important;
color: #0059f8 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: clamp(145px, 16.4vw, 250px) !important;
top: 54.5% !important;
width: clamp(286px, 23.5vw, 374px) !important;
height: clamp(318px, 26.5vw, 420px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
transform: translate3d(-8px, -8px, 0) !important;
}
.shop-hero-printer-depth-2026 {
pointer-events: none !important;
}
.shop-hero-side-printer-2026 {
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
pointer-events: auto !important;
cursor: pointer !important;
opacity: .54 !important;
filter: blur(.68px) saturate(.88) contrast(1.02) brightness(1.04) !important;
}
.shop-hero-side-printer-2026:hover,
.shop-hero-side-printer-2026:focus-visible {
opacity: .72 !important;
filter: blur(.35px) saturate(.98) contrast(1.04) brightness(1.03) !important;
outline: none !important;
}
.shop-hero-side-printer-2026 img {
filter: drop-shadow(0 18px 20px rgba(10,40,120,.14)) !important;
}
.shop-hero-side-printer-2026--prev {
left: clamp(492px, 43vw, 700px) !important;
bottom: 18% !important;
transform: translate3d(-24px, -4px, 0) scale(.74) rotate(-2.2deg) !important;
}
.shop-hero-side-printer-2026--next {
right: clamp(4px, 3.2vw, 58px) !important;
bottom: 18% !important;
transform: translate3d(34px, -3px, 0) scale(.76) rotate(2.1deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev {
transform: translate3d(-8px, -8px, 0) scale(.78) rotate(-1.2deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next {
transform: translate3d(14px, -8px, 0) scale(.80) rotate(1.2deg) !important;
}
.shop-hero-printer-depth-2026::before {
opacity: .20 !important;
filter: blur(12px) !important;
}
.shop-hero-float-model-2026,
.shop-hero-float-model-2026--character,
.shop-hero-float-model-2026--vase,
.shop-hero-float-model-2026--impeller,
.shop-hero-float-model-2026--teeth {
opacity: 1 !important;
mix-blend-mode: normal !important;
-webkit-mask-image: none !important;
mask-image: none !important;
filter: drop-shadow(0 16px 18px rgba(10,40,120,.16)) saturate(1.06) contrast(1.04) !important;
}
}
/* ============================================================
* 2026.161 — Shop hero: bottom-docked printers and lighter UI
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: min(486px, 39%) !important;
max-width: min(486px, 39%) !important;
padding: 52px 0 42px 42px !important;
justify-content: flex-start !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 23px !important;
padding: 0 11px !important;
background: #edf8ff !important;
border: 0 !important;
box-shadow: none !important;
color: #0070e8 !important;
font-size: 10px !important;
font-weight: 760 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 13ch !important;
margin-top: 13px !important;
font-size: clamp(31px, 2.65vw, 42px) !important;
line-height: 1.07 !important;
font-weight: 900 !important;
}
.shop-hero-subtitle-2026 {
max-width: 430px !important;
margin-top: 8px !important;
font-size: clamp(14px, 1vw, 16px) !important;
font-weight: 650 !important;
line-height: 1.36 !important;
color: rgba(16,26,74,.92) !important;
}
.shop-hero-description-2026 {
max-width: 408px !important;
margin-top: 15px !important;
font-size: 12.5px !important;
font-weight: 460 !important;
line-height: 1.62 !important;
color: rgba(49,64,95,.66) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
gap: 12px 11px !important;
margin-top: 20px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 .amount,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-html-2026 bdi {
font-size: clamp(23px, 1.75vw, 29px) !important;
font-weight: 900 !important;
}
.shop-hero-proof-2026 {
gap: 11px !important;
margin: -3px 0 0 !important;
}
.shop-hero-proof-item-2026 {
gap: 5px !important;
min-height: 16px !important;
font-size: 9.5px !important;
font-weight: 560 !important;
color: rgba(49,64,95,.58) !important;
}
.shop-hero-proof-item-2026 svg {
width: 13px !important;
height: 13px !important;
color: #66728c !important;
stroke-width: 1.75 !important;
}
.shop-hero-proof-item-2026--stock::before {
width: 6px !important;
height: 6px !important;
box-shadow: 0 0 0 3px rgba(34,197,94,.12) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
height: 40px !important;
min-height: 40px !important;
font-size: 11.8px !important;
font-weight: 680 !important;
gap: 8px !important;
letter-spacing: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
padding: 0 20px !important;
box-shadow: 0 15px 28px -17px rgba(0,89,248,.54), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary svg,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary svg {
width: 14px !important;
height: 14px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
padding: 0 19px !important;
color: rgba(38,52,79,.68) !important;
border-color: rgba(0,89,248,.14) !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
top: auto !important;
right: clamp(158px, 17vw, 262px) !important;
bottom: clamp(46px, 4.8vw, 66px) !important;
width: clamp(288px, 23vw, 368px) !important;
height: clamp(326px, 27vw, 430px) !important;
transform: translate3d(0,0,0) !important;
animation: shopHeroPrinterDockFloat2026 7.2s ease-in-out infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translate3d(0,-4px,0) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 {
align-items: flex-end !important;
justify-content: center !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
width: auto !important;
height: 100% !important;
max-width: 118% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center bottom !important;
transform: translate3d(-13px, 0, 0) !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroPrinterDockComeFromRight2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroPrinterDockLeaveLeft2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroPrinterDockComeFromLeft2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroPrinterDockLeaveRight2026 .98s cubic-bezier(.16,.88,.2,1) both !important;
}
@keyframes shopHeroPrinterDockFloat2026 {
0%,100% { transform: translate3d(0,0,0); }
50% { transform: translate3d(0,-6px,0); }
}
@keyframes shopHeroPrinterDockComeFromRight2026 {
0% { transform: translate3d(160px,18px,0) scale(.78); opacity: .45; filter: blur(1.1px) saturate(.92); }
68% { transform: translate3d(-10px,-3px,0) scale(1.02); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translate3d(0,0,0) scale(1); opacity: 1; filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroPrinterDockLeaveLeft2026 {
0% { transform: translate3d(0,0,0) scale(1); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translate3d(-160px,18px,0) scale(.78); opacity: .34; filter: blur(1.25px) saturate(.88); }
}
@keyframes shopHeroPrinterDockComeFromLeft2026 {
0% { transform: translate3d(-160px,18px,0) scale(.78); opacity: .45; filter: blur(1.1px) saturate(.92); }
68% { transform: translate3d(10px,-3px,0) scale(1.02); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translate3d(0,0,0) scale(1); opacity: 1; filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroPrinterDockLeaveRight2026 {
0% { transform: translate3d(0,0,0) scale(1); opacity: 1; filter: blur(0) saturate(1.04); }
100% { transform: translate3d(160px,18px,0) scale(.78); opacity: .34; filter: blur(1.25px) saturate(.88); }
}
.shop-hero-side-printer-2026--prev {
left: clamp(494px, 43vw, 700px) !important;
bottom: 21% !important;
transform: translate3d(-18px, -8px, 0) scale(.74) rotate(0deg) !important;
}
.shop-hero-side-printer-2026--next {
right: clamp(10px, 3.5vw, 64px) !important;
bottom: 21% !important;
transform: translate3d(28px, -8px, 0) scale(.76) rotate(0deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev {
transform: translate3d(-6px, -12px, 0) scale(.78) rotate(0deg) !important;
}
.shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next {
transform: translate3d(12px, -12px, 0) scale(.80) rotate(0deg) !important;
}
.shop-hero-side-printer-2026 img {
width: auto !important;
height: 100% !important;
object-position: center bottom !important;
}
}
/* ============================================================
* 2026.162 — Shop hero: cache-safe alpha models and lighter copy
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
width: min(525px, 41%) !important;
max-width: min(525px, 41%) !important;
padding: 54px 0 42px 30px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 24px !important;
padding: 0 12px !important;
background: #e9f7ff !important;
border: 0 !important;
box-shadow: none !important;
color: #006fea !important;
font-size: 10px !important;
font-weight: 740 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
max-width: 560px !important;
margin-top: 13px !important;
font-size: clamp(29px, 2.35vw, 36px) !important;
line-height: 1.08 !important;
font-weight: 890 !important;
}
.shop-hero-subtitle-2026 {
max-width: 450px !important;
margin-top: 8px !important;
font-size: clamp(13.5px, .98vw, 15px) !important;
font-weight: 520 !important;
line-height: 1.38 !important;
color: rgba(16,26,74,.86) !important;
}
.shop-hero-description-2026 {
max-width: 420px !important;
margin-top: 14px !important;
font-size: 12.2px !important;
font-weight: 420 !important;
line-height: 1.62 !important;
color: rgba(49,64,95,.60) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
gap: 10px 10px !important;
margin-top: 19px !important;
}
.shop-hero-proof-2026 {
gap: 10px !important;
margin: -4px 0 1px !important;
}
.shop-hero-proof-item-2026 {
gap: 4px !important;
min-height: 15px !important;
font-size: 8.6px !important;
font-weight: 480 !important;
color: rgba(49,64,95,.55) !important;
}
.shop-hero-proof-item-2026 svg {
width: 14px !important;
height: 14px !important;
color: #69768f !important;
stroke-width: 1.65 !important;
}
.shop-hero-proof-item-2026--stock::before {
width: 6px !important;
height: 6px !important;
box-shadow: 0 0 0 3px rgba(34,197,94,.10) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
height: 38px !important;
min-height: 38px !important;
font-size: 11px !important;
font-weight: 560 !important;
gap: 7px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
padding: 0 18px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
padding: 0 18px !important;
color: rgba(38,52,79,.62) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
right: clamp(162px, 17.4vw, 270px) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-image-2026 img {
transform: translate3d(-17px, 0, 0) !important;
}
.shop-hero-float-model-2026--vase {
background-image: url("images/update/shop-slider/float-vase-2026162.png") !important;
}
.shop-hero-float-model-2026--impeller {
background-image: url("images/update/shop-slider/float-impeller-2026162.png") !important;
}
.shop-hero-float-model-2026--teeth {
background-image: url("images/update/shop-slider/float-teeth-2026162.png") !important;
aspect-ratio: 3 / 2 !important;
width: clamp(86px, 7.2vw, 126px) !important;
}
.shop-hero-float-model-2026--character {
background-image: url("images/update/shop-slider/float-character-2026162.png") !important;
}
}
/* ============================================================
* 2026.163 — Shop hero: keep slider controls clear of text
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-controls-2026 {
left: -18px !important;
right: 14px !important;
}
body.woocommerce-page #content .shop-hero-arrow[data-shop-hero-prev] {
opacity: .86 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
font-weight: 860 !important;
}
}
/* ============================================================
* 2026.164 — Shop hero: reference spacing and printer baselines
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
padding: 54px 0 42px 48px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 22px !important;
padding: 0 10px !important;
background: #eaf3ff !important;
color: #0873e6 !important;
font-size: 8.8px !important;
font-weight: 720 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
gap: 8px 10px !important;
margin-top: 22px !important;
}
.shop-hero-proof-2026 {
gap: 8px !important;
margin: -5px 0 4px !important;
}
.shop-hero-proof-item-2026 {
gap: 3px !important;
min-height: 14px !important;
font-size: 7.8px !important;
font-weight: 430 !important;
color: rgba(49,64,95,.48) !important;
}
.shop-hero-proof-item-2026 svg {
width: 13px !important;
height: 13px !important;
stroke-width: 1.55 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
margin-top: 5px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--accent-k1c .shop-hero-product-image-2026 img {
transform: translate3d(-17px, 12px, 0) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--accent-spectrum .shop-hero-product-image-2026 img {
transform: translate3d(-17px, -37px, 0) !important;
}
.shop-hero-float-model-2026--vase {
width: clamp(90px, 7.8vw, 126px) !important;
}
.shop-hero-float-model-2026--impeller {
width: clamp(104px, 9vw, 150px) !important;
}
.shop-hero-float-model-2026--teeth {
width: clamp(118px, 9.7vw, 166px) !important;
}
.shop-hero-float-model-2026--character {
width: clamp(86px, 7.7vw, 124px) !important;
}
}
/* ============================================================
* 2026.165 — Shop hero: inherited type reset and cleaner motion
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
padding: 66px 0 32px 48px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content h1,
body.woocommerce-page #content .shop-hero-slide-2026--product h1 {
padding: 0 !important;
background: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-text-fill-color: #101a4a !important;
color: #101a4a !important;
white-space: normal !important;
overflow: visible !important;
text-transform: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-eyebrow {
min-height: 21px !important;
padding: 0 9px !important;
background: #edf5ff !important;
color: #1d74d7 !important;
font-size: 8.2px !important;
font-weight: 700 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
gap: 11px 10px !important;
margin-top: 24px !important;
}
.shop-hero-proof-2026 {
gap: 8px !important;
padding: 4px 0 6px !important;
margin: 0 !important;
}
.shop-hero-proof-item-2026 {
gap: 3px !important;
min-height: 12px !important;
font-size: 7.2px !important;
font-weight: 420 !important;
line-height: 1 !important;
color: rgba(49,64,95,.45) !important;
}
.shop-hero-proof-item-2026 span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
.shop-hero-proof-item-2026 svg {
width: 13px !important;
height: 13px !important;
stroke-width: 1.5 !important;
}
body.woocommerce-page #content .shop-hero-controls-2026 {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026 {
transition: opacity .36s ease, transform .36s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving .shop-hero-landing-content {
opacity: 0 !important;
transform: translate3d(0, -8px, 0) !important;
transition: opacity .18s ease, transform .18s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-entering .shop-hero-landing-content {
animation: shopHeroCopyIn2026165 .42s cubic-bezier(.18,.82,.22,1) .12s both !important;
}
@keyframes shopHeroCopyIn2026165 {
0% { opacity: 0; transform: translate3d(0, 10px, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
}
/* ============================================================
* 2026.166 — Shop hero: prevent inactive copy flash during fade
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026:not(.is-active) .shop-hero-landing-content {
opacity: 0 !important;
transform: translate3d(0, -8px, 0) !important;
transition: opacity .18s ease, transform .18s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-landing-content {
opacity: 1;
}
}
/* ============================================================
* 2026.168 — Shop hero: preserve CTA label case
* ============================================================ */
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary span,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-secondary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-secondary span {
text-transform: none !important;
}
/* ============================================================
* 2026.169 — Shop hero: carousel animation specificity
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
}
/* ============================================================
* 2026.175 — Account, support and hero interaction polish
* ============================================================ */
body.woocommerce-account #content .shop-category-rail-2026.shop-mega-nav-2026,
body.page-id-27961 #content .shop-category-rail-2026.shop-mega-nav-2026 {
display: none !important;
}
body.woocommerce-account #content .shop-commerce-bar-2026 {
display: none !important;
}
body.woocommerce-account #content .shop-commerce-bar-2026,
body.page-id-27961 #content .shop-commerce-bar-2026 {
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
padding: 10px 12px !important;
min-height: 0 !important;
}
body.woocommerce-account #content .shop-commerce-bar-2026 .shop-search-2026,
body.page-id-27961 #content .shop-commerce-bar-2026 .shop-search-2026 {
grid-column: 1 !important;
width: 100% !important;
max-width: none !important;
}
body.woocommerce-account #content .shop-commerce-bar-2026 .shop-nav-actions-2026,
body.page-id-27961 #content .shop-commerce-bar-2026 .shop-nav-actions-2026 {
grid-column: 2 !important;
}
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
position: relative !important;
z-index: 30 !important;
max-width: 440px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary.added,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary.loading,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary.is-adding-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 32 !important;
min-width: 142px !important;
min-height: 44px !important;
padding: 0 18px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #0059f8 0%, #00aee8 100%) !important;
border: 1px solid rgba(255,255,255,.45) !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.62), inset 0 1px 0 rgba(255,255,255,.30) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 12.8px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: none !important;
transform: none !important;
transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, background .24s ease, filter .24s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary.added,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary.is-added-2026 {
background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
box-shadow: 0 16px 30px -18px rgba(22,163,74,.58), inset 0 1px 0 rgba(255,255,255,.30) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary:hover,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary:focus-visible {
box-shadow: 0 20px 34px -17px rgba(0,89,248,.68), inset 0 1px 0 rgba(255,255,255,.34) !important;
filter: saturate(1.06) brightness(1.02) !important;
transform: translate3d(0, -1px, 0) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
min-width: 126px !important;
min-height: 44px !important;
padding: 0 17px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.90) !important;
border: 1px solid rgba(0,89,248,.12) !important;
box-shadow: 0 14px 26px -22px rgba(10,40,120,.36), inset 0 1px 0 rgba(255,255,255,.88) !important;
color: #0059f8 !important;
-webkit-text-fill-color: #0059f8 !important;
font-size: 12.8px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .added_to_cart.wc-forward {
display: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026 {
animation: none !important;
transform: translate3d(0, 0, 0) scale(1) !important;
transition: transform .46s cubic-bezier(.18,.82,.18,1), box-shadow .26s ease, filter .26s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-active .shop-hero-product-card-2026:hover,
body.woocommerce-page #content .shop-hero-slide-2026--product.is-active .shop-hero-product-card-2026:focus-within {
animation: none !important;
transform: translate3d(0, -8px, 0) scale(1.01) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving {
opacity: 1 !important;
pointer-events: none !important;
z-index: 5 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-entering {
opacity: 1 !important;
z-index: 6 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving .shop-hero-landing-content {
opacity: 0 !important;
transform: translate3d(-10px, 0, 0) !important;
transition: opacity .18s ease, transform .18s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselEnterFromRight2026170 1.05s cubic-bezier(.16,.88,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselLeaveToLeft2026170 1.05s cubic-bezier(.16,.88,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselEnterFromLeft2026170 1.05s cubic-bezier(.16,.88,.2,1) both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselLeaveToRight2026170 1.05s cubic-bezier(.16,.88,.2,1) both !important;
}
@keyframes shopHeroCarouselEnterFromRight2026170 {
0% { opacity: .44; transform: translate3d(270px, 42px, 0) scale(.60); filter: blur(1px) saturate(.90); }
58% { opacity: 1; transform: translate3d(-14px, -4px, 0) scale(1.018); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.02); }
}
@keyframes shopHeroCarouselLeaveToLeft2026170 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.02); }
100% { opacity: .32; transform: translate3d(-286px, 46px, 0) scale(.58); filter: blur(1.2px) saturate(.86); }
}
@keyframes shopHeroCarouselEnterFromLeft2026170 {
0% { opacity: .44; transform: translate3d(-270px, 42px, 0) scale(.60); filter: blur(1px) saturate(.90); }
58% { opacity: 1; transform: translate3d(14px, -4px, 0) scale(1.018); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.02); }
}
@keyframes shopHeroCarouselLeaveToRight2026170 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.02); }
100% { opacity: .32; transform: translate3d(286px, 46px, 0) scale(.58); filter: blur(1.2px) saturate(.86); }
}
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation {
display: block !important;
padding: 8px !important;
border-radius: 20px !important;
background: rgba(247,251,255,.92) !important;
border: 1px solid rgba(0,89,248,.08) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation ul {
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
min-width: 0 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li {
display: block !important;
position: relative !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
display: block !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li + li::before {
display: none !important;
content: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
min-height: 38px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 10px 22px -20px rgba(10,40,120,.24), inset 0 1px 0 rgba(255,255,255,.90) !important;
color: #4f5d75 !important;
font-size: 12.7px !important;
font-weight: 850 !important;
line-height: 1.15 !important;
white-space: nowrap !important;
transform: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a::after {
display: none !important;
content: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li a:focus-visible {
background: #fff !important;
border-color: rgba(0,89,248,.16) !important;
box-shadow: 0 14px 28px -22px rgba(0,89,248,.36), inset 0 1px 0 rgba(255,255,255,.92) !important;
color: #0059f8 !important;
transform: translateY(-1px) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:focus-visible {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border-color: transparent !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.56), inset 0 1px 0 rgba(255,255,255,.30) !important;
color: #fff !important;
transform: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
background: rgba(250,48,118,.07) !important;
border-color: rgba(250,48,118,.12) !important;
color: #c6245c !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content {
border-radius: 22px !important;
background: rgba(255,255,255,.98) !important;
box-shadow: 0 24px 58px -42px rgba(10,30,90,.30), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.page-id-27960 #content .standard-service-nav-strip,
body.single-ticket #content .standard-service-nav-strip,
body.page-id-27960 #content .service-nav-strip,
body.single-ticket #content .service-nav-strip {
display: none !important;
}
body.page-id-27960 #content .bd.standard-page-v2,
body.single-ticket #content .bd.standard-page-v2 {
left: auto !important;
right: auto !important;
transform: none !important;
width: min(1180px, calc(100vw - 64px)) !important;
max-width: 1180px !important;
gap: 18px !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 48px !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-orders-table {
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 18px 42px -34px rgba(10,40,120,.24) !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content table.shop_table td {
padding: 14px 16px !important;
font-size: 13.4px !important;
line-height: 1.45 !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-content table.shop_table th {
background: #f7fbff !important;
color: #66718a !important;
font-size: 11.8px !important;
font-weight: 850 !important;
text-transform: none !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-orders-table__cell-order-number a {
font-size: 14px !important;
font-weight: 900 !important;
}
body.page-id-27960 #content .standard-compact-head,
body.single-ticket #content .standard-compact-head {
padding: 30px 8px 4px !important;
}
body.single-ticket #content .standard-compact-head h1 {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-id-27960 #content .standard-content-layout,
body.single-ticket #content .standard-content-layout,
body.page-id-27961 #content .shop-utility-page-2026 > .shop-entry-2026 {
box-sizing: border-box !important;
max-width: 1120px !important;
width: 100% !important;
margin: 0 auto !important;
padding: clamp(22px, 2.8vw, 34px) !important;
border-radius: 24px !important;
background: rgba(255,255,255,.98) !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 24px 58px -42px rgba(10,30,90,.30), inset 0 1px 0 rgba(255,255,255,.88) !important;
overflow: hidden !important;
}
body.page-id-27961 #content .shop-utility-page-2026 > .shop-entry-2026 {
margin-bottom: 52px !important;
}
body.page-id-27961 #content .shop-utility-title-2026 {
max-width: 720px !important;
margin: 0 auto 22px !important;
padding: 0 !important;
text-align: center !important;
}
body.page-id-27961 #content .shop-utility-title-2026 h1 {
font-size: clamp(30px, 3.2vw, 42px) !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
}
body.page-id-27960 #content .standard-rich-content,
body.single-ticket #content .standard-rich-content,
body.page-id-27961 #content .shop-entry-2026 {
color: #26344f !important;
}
body.page-id-27960 #content .wpas,
body.single-ticket #content .wpas,
body.page-id-27961 #content .wpas {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
color: #26344f !important;
}
body.page-id-27960 #content .wpas-ticket-buttons-top,
body.single-ticket #content .wpas-ticket-buttons-top {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 18px !important;
padding: 8px !important;
border-radius: 20px !important;
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.page-id-27960 #content .wpas-btn,
body.single-ticket #content .wpas-btn,
body.page-id-27961 #content .wpas-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 0 15px !important;
border-radius: 999px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 12px 24px -22px rgba(10,40,120,.28), inset 0 1px 0 rgba(255,255,255,.90) !important;
color: #0059f8 !important;
font-size: 12.8px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: none !important;
transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, background .2s ease, color .2s ease !important;
}
body.page-id-27960 #content .wpas-btn:hover,
body.single-ticket #content .wpas-btn:hover,
body.page-id-27961 #content .wpas-btn:hover,
body.page-id-27960 #content .wpas-btn:focus-visible,
body.single-ticket #content .wpas-btn:focus-visible,
body.page-id-27961 #content .wpas-btn:focus-visible {
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.55), inset 0 1px 0 rgba(255,255,255,.30) !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
body.page-id-27960 #content .wpas-table-responsive,
body.single-ticket #content .wpas-table-responsive {
border-radius: 20px !important;
border: 1px solid rgba(20,26,44,.075) !important;
background: #fff !important;
box-shadow: 0 18px 42px -34px rgba(10,40,120,.24) !important;
overflow-x: auto !important;
}
body.page-id-27960 #content table.wpas-table,
body.single-ticket #content table.wpas-table {
width: 100% !important;
margin: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 0 !important;
background: transparent !important;
font-size: 14px !important;
}
body.page-id-27960 #content table.wpas-table th,
body.page-id-27960 #content table.wpas-table td,
body.single-ticket #content table.wpas-table th,
body.single-ticket #content table.wpas-table td {
padding: 14px 16px !important;
border: 0 !important;
border-bottom: 1px solid rgba(20,26,44,.075) !important;
color: #34405a !important;
font-size: 13.6px !important;
line-height: 1.45 !important;
letter-spacing: 0 !important;
vertical-align: middle !important;
}
body.page-id-27960 #content table.wpas-table th,
body.single-ticket #content table.wpas-table th {
background: #f7fbff !important;
color: #66718a !important;
font-size: 11.8px !important;
font-weight: 850 !important;
text-transform: none !important;
}
body.page-id-27960 #content table.wpas-table tr:last-child td,
body.single-ticket #content table.wpas-table tr:last-child td {
border-bottom: 0 !important;
}
body.page-id-27960 #content table.wpas-table a,
body.single-ticket #content table.wpas-table a {
color: #0059f8 !important;
font-weight: 820 !important;
text-decoration: none !important;
}
body.page-id-27960 #content .wpas-label-status,
body.single-ticket #content .wpas-label-status,
body.page-id-27960 #content .wpas-status,
body.single-ticket #content .wpas-status {
display: inline-flex !important;
align-items: center !important;
min-height: 24px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: rgba(34,197,94,.10) !important;
color: #17833b !important;
font-size: 11px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.single-ticket #content table.wpas-ticket-replies {
display: block !important;
margin: 22px 0 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.single-ticket #content table.wpas-ticket-replies tbody,
body.single-ticket #content table.wpas-ticket-replies tr,
body.single-ticket #content table.wpas-ticket-replies td {
display: block !important;
width: 100% !important;
}
body.single-ticket #content table.wpas-ticket-replies .wpas-reply-single {
box-sizing: border-box !important;
margin: 0 0 14px !important;
padding: 16px 18px !important;
border-radius: 20px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.075) !important;
box-shadow: 0 18px 42px -34px rgba(10,40,120,.24) !important;
}
body.single-ticket #content table.wpas-ticket-replies .wpas-reply-single > td:first-child {
display: none !important;
}
body.single-ticket #content table.wpas-ticket-replies td {
padding: 0 !important;
border: 0 !important;
}
body.single-ticket #content .wpas-reply-meta {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 12px !important;
padding: 0 0 10px !important;
border-bottom: 1px solid rgba(20,26,44,.075) !important;
color: #66718a !important;
font-size: 12.6px !important;
font-weight: 760 !important;
line-height: 1.3 !important;
}
body.single-ticket #content .wpas-reply-content,
body.single-ticket #content .wpas-reply-content p {
margin: 0 !important;
color: #26344f !important;
font-size: 14.4px !important;
font-weight: 520 !important;
line-height: 1.68 !important;
}
body.single-ticket #content .standard-rich-content > h3 {
margin: 24px 0 14px !important;
color: #101a4a !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
body.page-id-27961 #content form#wpas-new-ticket,
body.single-ticket #content form#wpas-new-reply {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 20px !important;
border-radius: 22px !important;
background: #f8fbff !important;
border: 1px solid rgba(0,89,248,.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
body.page-id-27961 #content form#wpas-new-ticket .wpas-submission-form-inside-after-subject.container {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-27961 #content form#wpas-new-ticket #wpas_title_wrapper,
body.page-id-27961 #content form#wpas-new-ticket #wpas_message_wrapper,
body.page-id-27961 #content form#wpas-new-ticket #wpas_product_wrapper,
body.page-id-27961 #content form#wpas-new-ticket #wpas_files_wrapper,
body.single-ticket #content form#wpas-new-reply #wpas-reply-box,
body.single-ticket #content form#wpas-new-reply #wpas_files_wrapper {
grid-column: 1 / -1 !important;
}
body.page-id-27961 #content .wpas-form-group,
body.single-ticket #content .wpas-form-group {
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-27961 #content .wpas-form label,
body.single-ticket #content .wpas-form label {
display: block !important;
margin: 0 0 7px !important;
color: #5f6b83 !important;
font-size: 12.6px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.page-id-27961 #content .wpas-form-control,
body.page-id-27961 #content .wpas-form input[type="text"],
body.page-id-27961 #content .wpas-form select,
body.page-id-27961 #content .wpas-form textarea,
body.single-ticket #content .wpas-form-control,
body.single-ticket #content .wpas-form input[type="text"],
body.single-ticket #content .wpas-form select,
body.single-ticket #content .wpas-form textarea {
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
padding: 0 14px !important;
border-radius: 14px !important;
background: #fff !important;
border: 1px solid rgba(20,26,44,.10) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
color: #101a4a !important;
font-size: 14px !important;
font-weight: 620 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
outline: none !important;
}
body.page-id-27961 #content .wpas-form textarea,
body.single-ticket #content .wpas-form textarea {
min-height: 160px !important;
padding: 13px 14px !important;
}
body.page-id-27961 #content .wpas-form-control:focus,
body.page-id-27961 #content .wpas-form input[type="text"]:focus,
body.page-id-27961 #content .wpas-form select:focus,
body.page-id-27961 #content .wpas-form textarea:focus,
body.single-ticket #content .wpas-form-control:focus,
body.single-ticket #content .wpas-form input[type="text"]:focus,
body.single-ticket #content .wpas-form select:focus,
body.single-ticket #content .wpas-form textarea:focus {
border-color: rgba(0,89,248,.32) !important;
box-shadow: 0 0 0 4px rgba(0,89,248,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.page-id-27961 #content .wp-editor-wrap,
body.single-ticket #content .wp-editor-wrap,
body.page-id-27961 #content .wp-editor-container,
body.single-ticket #content .wp-editor-container,
body.page-id-27961 #content .mce-panel,
body.single-ticket #content .mce-panel {
border-radius: 16px !important;
border-color: rgba(20,26,44,.10) !important;
overflow: hidden !important;
}
body.page-id-27961 #content .wpas-uploader-dropzone,
body.single-ticket #content .wpas-uploader-dropzone {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 92px !important;
margin: 0 !important;
padding: 18px !important;
border-radius: 18px !important;
background: #fff !important;
border: 1px dashed rgba(0,89,248,.34) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
color: #0059f8 !important;
font-size: 13.6px !important;
font-weight: 850 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-27961 #content .wpas-help-block,
body.single-ticket #content .wpas-help-block {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
margin: 10px 0 0 !important;
padding: 0 !important;
color: transparent !important;
font-size: 0 !important;
line-height: 1 !important;
}
body.page-id-27961 #content .wpas-help-block::before,
body.single-ticket #content .wpas-help-block::before {
content: 'Можно прикрепить до 10 файлов, до 50 МБ каждый. Форматы:' !important;
display: block !important;
flex: 0 0 100% !important;
margin: 0 0 4px !important;
color: #5f6b83 !important;
font-size: 12.5px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
body.page-id-27961 #content .wpas-help-block code,
body.single-ticket #content .wpas-help-block code {
display: inline-flex !important;
align-items: center !important;
min-height: 24px !important;
padding: 0 8px !important;
border-radius: 999px !important;
background: rgba(0,89,248,.08) !important;
border: 1px solid rgba(0,89,248,.12) !important;
color: #0059f8 !important;
font-family: inherit !important;
font-size: 11.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.page-id-27961 #content form#wpas-new-ticket button[name="wpas-submit"],
body.single-ticket #content form#wpas-new-reply button[type="submit"] {
margin-top: 16px !important;
background: linear-gradient(135deg, #0059f8 0%, #00bef6 100%) !important;
border-color: transparent !important;
box-shadow: 0 16px 30px -18px rgba(0,89,248,.58), inset 0 1px 0 rgba(255,255,255,.30) !important;
color: #fff !important;
}
@media (max-width: 760px) {
body.woocommerce-account #content .shop-commerce-bar-2026,
body.page-id-27961 #content .shop-commerce-bar-2026 {
grid-template-columns: 1fr !important;
}
body.woocommerce-account #content .shop-commerce-bar-2026 .shop-nav-actions-2026,
body.page-id-27961 #content .shop-commerce-bar-2026 .shop-nav-actions-2026 {
grid-column: 1 !important;
justify-content: flex-start !important;
}
body.woocommerce-account #content .shop-account-page-2026 .woocommerce-MyAccount-navigation ul {
justify-content: flex-start !important;
}
body.page-id-27960 #content .bd.standard-page-v2,
body.single-ticket #content .bd.standard-page-v2 {
width: calc(100vw - 24px) !important;
}
body.page-id-27961 #content form#wpas-new-ticket .wpas-submission-form-inside-after-subject.container {
grid-template-columns: 1fr !important;
}
body.page-id-27960 #content .standard-content-layout,
body.single-ticket #content .standard-content-layout,
body.page-id-27961 #content .shop-utility-page-2026 > .shop-entry-2026 {
padding: 18px !important;
border-radius: 20px !important;
}
}
/* ============================================================
* 2026.179 — Calculator SEO text block
* ============================================================ */
body.page-template-page-calculator-v2 .calc2026-seo,
body.page-id-3645 .calc2026-seo,
body.page-id-8964 .calc2026-seo {
box-sizing: border-box;
max-width: 920px;
margin: 0 auto 76px;
padding: clamp(22px, 3vw, 34px);
background:
linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 251, 255, .96)),
radial-gradient(520px 220px at 12% 0%, rgba(0, 190, 246, .08), transparent 68%);
border: 1px solid rgba(0, 89, 248, .08);
border-radius: 22px;
box-shadow: 0 18px 48px -38px rgba(0, 70, 190, .36), inset 0 1px 0 rgba(255, 255, 255, .92);
color: #4a5677;
font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
line-height: 1.7;
}
body.page-template-page-calculator-v2 .calc2026-seo h2,
body.page-id-3645 .calc2026-seo h2,
body.page-id-8964 .calc2026-seo h2 {
margin: 0 0 12px;
color: #0a1633;
font-size: clamp(22px, 2.4vw, 30px);
font-weight: 850;
line-height: 1.2;
}
body.page-template-page-calculator-v2 .calc2026-seo p,
body.page-id-3645 .calc2026-seo p,
body.page-id-8964 .calc2026-seo p {
margin: 0;
font-size: 14.5px;
}
body.page-template-page-calculator-v2 .calc2026-seo p + p,
body.page-id-3645 .calc2026-seo p + p,
body.page-id-8964 .calc2026-seo p + p {
margin-top: 12px;
}
@media (max-width: 720px) {
body.page-template-page-calculator-v2 .calc2026-seo,
body.page-id-3645 .calc2026-seo,
body.page-id-8964 .calc2026-seo {
margin: -22px 12px 52px;
padding: 20px;
border-radius: 18px;
}
body.page-template-page-calculator-v2 .calc2026-seo p,
body.page-id-3645 .calc2026-seo p,
body.page-id-8964 .calc2026-seo p {
font-size: 13.5px;
line-height: 1.65;
}
}
/* ============================================================
* 2026.167 — Shop hero AJAX cart, carousel motion and card polish
* ============================================================ */
@media (min-width: 761px) {
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-landing-content {
justify-content: center !important;
padding: 74px 0 50px 48px !important;
}
.shop-hero-proof-2026 {
gap: 11px !important;
padding: 7px 0 9px !important;
margin: 0 !important;
}
.shop-hero-proof-item-2026 {
gap: 5px !important;
min-height: 17px !important;
font-size: 8.9px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
color: rgba(49,64,95,.56) !important;
}
.shop-hero-proof-item-2026 span {
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
.shop-hero-proof-item-2026 svg {
width: 16px !important;
height: 16px !important;
stroke-width: 1.7 !important;
}
.shop-hero-proof-item-2026--stock::before {
width: 7px !important;
height: 7px !important;
box-shadow: 0 0 0 4px rgba(34,197,94,.11) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 {
display: grid !important;
grid-template-columns: max-content max-content !important;
align-items: center !important;
justify-content: start !important;
justify-items: start !important;
gap: 14px 10px !important;
width: min(440px, 100%) !important;
max-width: 440px !important;
margin-top: 25px !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-price-2026 {
grid-column: 1 !important;
grid-row: 1 !important;
}
.shop-hero-proof-2026 {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: center !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-row: 2 !important;
margin-top: 0 !important;
align-self: start !important;
justify-self: start !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-primary {
grid-column: 1 !important;
position: static !important;
left: auto !important;
right: auto !important;
inset: auto !important;
margin: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-actions-2026 .shop-hero-secondary {
grid-column: 2 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading {
pointer-events: none !important;
filter: saturate(1.06) brightness(1.04) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026 > svg,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading > svg {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-adding-2026::before,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.loading::before {
content: "" !important;
display: inline-block !important;
width: 14px !important;
height: 14px !important;
border-radius: 999px !important;
border: 2px solid rgba(255,255,255,.46) !important;
border-top-color: #fff !important;
animation: shopButtonSpin2026 .72s linear infinite !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.is-added-2026,
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-primary.added {
background: linear-gradient(135deg, #16a970, #20c997) !important;
box-shadow: 0 16px 30px -18px rgba(22,169,112,.48), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.woocommerce-page #content .shop-hero-actions-2026 .shop-cart-feedback-2026 {
grid-column: 1 / -1 !important;
font-size: 10.5px !important;
font-weight: 720 !important;
color: #0b79e8 !important;
}
.shop-add-fly-2026--hero {
width: 78px !important;
height: 78px !important;
padding: 9px !important;
border-radius: 22px !important;
box-shadow: 0 30px 70px -28px rgba(0,89,248,.54), inset 0 1px 0 rgba(255,255,255,.82) !important;
transition: transform .92s cubic-bezier(.17,.78,.22,1), opacity .92s ease, border-radius .92s ease !important;
}
body.woocommerce-page #content .shop-hero-slide-2026 {
transition: opacity .62s ease !important;
transform: none !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-entering .shop-hero-landing-content {
animation: shopHeroCopySoftIn2026167 .62s cubic-bezier(.2,.78,.22,1) .16s both !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-leaving .shop-hero-landing-content,
body.woocommerce-page #content .shop-hero-slide-2026:not(.is-active) .shop-hero-landing-content {
opacity: 0 !important;
transform: translate3d(0, -6px, 0) !important;
transition: opacity .22s ease, transform .22s ease !important;
}
@keyframes shopHeroCopySoftIn2026167 {
0% { opacity: 0; transform: translate3d(0, 12px, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026,
body.woocommerce-page #content .shop-hero-side-printer-2026 {
transform-origin: center bottom !important;
transition: transform .62s cubic-bezier(.18,.82,.2,1), opacity .42s ease, filter .62s ease !important;
will-change: transform, opacity !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:hover {
transform: translate3d(0,-7px,0) scale(1.012) !important;
filter: drop-shadow(0 22px 34px rgba(10,40,120,.16)) saturate(1.06) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026--product .shop-hero-product-card-2026:focus-visible {
outline: 2px solid rgba(0,89,248,.34) !important;
outline-offset: 5px !important;
}
body.woocommerce-page #content .shop-hero-side-printer-2026:hover,
body.woocommerce-page #content .shop-hero-side-printer-2026:focus-visible {
filter: blur(.08px) saturate(1.03) drop-shadow(0 18px 28px rgba(10,40,120,.14)) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev:hover,
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--prev:focus-visible {
transform: translate3d(-3px, -18px, 0) scale(.81) rotate(0deg) !important;
}
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next:hover,
body.woocommerce-page #content .shop-hero-slide-2026.is-active .shop-hero-side-printer-2026--next:focus-visible {
transform: translate3d(9px, -18px, 0) scale(.83) rotate(0deg) !important;
}
.shop-hero-slide-2026--product.is-leaving .shop-hero-side-printer-2026 {
opacity: 0 !important;
transition-duration: .18s !important;
}
.shop-hero-slide-2026--product.is-entering .shop-hero-side-printer-2026 {
animation: shopHeroSideSettle2026167 .9s cubic-bezier(.18,.82,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-next .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-entering.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterFromLeft2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
.shop-hero-slide-2026--product.is-leaving.shop-hero-motion-prev .shop-hero-product-card-2026 {
animation: shopHeroCarouselCenterToRight2026167 1.08s cubic-bezier(.16,.86,.2,1) both !important;
}
@keyframes shopHeroCarouselCenterFromRight2026167 {
0% { opacity: .42; transform: translate3d(235px, 36px, 0) scale(.62); filter: blur(.8px) saturate(.9); }
72% { opacity: 1; transform: translate3d(-9px, -2px, 0) scale(1.012); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroCarouselCenterToLeft2026167 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
100% { opacity: .32; transform: translate3d(-250px, 40px, 0) scale(.58); filter: blur(1px) saturate(.88); }
}
@keyframes shopHeroCarouselCenterFromLeft2026167 {
0% { opacity: .42; transform: translate3d(-235px, 36px, 0) scale(.62); filter: blur(.8px) saturate(.9); }
72% { opacity: 1; transform: translate3d(9px, -2px, 0) scale(1.012); filter: blur(0) saturate(1.05); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
}
@keyframes shopHeroCarouselCenterToRight2026167 {
0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0) saturate(1.04); }
100% { opacity: .32; transform: translate3d(250px, 40px, 0) scale(.58); filter: blur(1px) saturate(.88); }
}
@keyframes shopHeroSideSettle2026167 {
0% { opacity: 0; transform: translate3d(0, 16px, 0) scale(.68) rotate(0deg); }
100% { opacity: 1; }
}
}
body.single-product .shop-entry-2026 .related ul.products li.product span.onsale,
body.single-product .shop-entry-2026 .up-sells ul.products li.product span.onsale {
position: absolute !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
z-index: 8 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
height: 24px !important;
min-height: 24px !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #ff4f75, #ff8a32) !important;
box-shadow: 0 12px 22px -15px rgba(255,79,117,.54) !important;
font-size: 0 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
transform: none !important;
white-space: nowrap !important;
}
body.single-product .shop-entry-2026 .related ul.products li.product span.onsale::before,
body.single-product .shop-entry-2026 .up-sells ul.products li.product span.onsale::before {
content: "Скидка" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #fff !important;
font-size: 9.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
/* =====================================================================
2026.322 — Single portfolio hero/nav stack
===================================================================== */
body.single-portfolio section.page-hero.page-hero-v3 {
overflow: hidden !important;
border-radius: 32px 32px 0 0 !important;
}
body.single-portfolio section.page-hero.page-hero-v3 > .blog-bar {
margin: 0 !important;
padding: 0 !important;
background: linear-gradient(180deg, rgba(247,250,255,.92) 0%, rgba(255,255,255,.98) 100%) !important;
border-top: 1px solid rgba(10,22,46,.06) !important;
border-bottom: 1px solid rgba(10,22,46,.06) !important;
box-shadow: none !important;
}
body.single-portfolio section.page-hero.page-hero-v3 > .blog-bar .blog-bar-inner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
min-height: 64px !important;
padding: 12px 24px 12px 56px !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.single-portfolio #content > .bd {
box-sizing: border-box !important;
width: calc(100% - 32px) !important;
max-width: 1180px !important;
margin: 0 auto 56px !important;
padding: 56px !important;
border-radius: 0 0 32px 32px !important;
background: #fff !important;
box-shadow: 0 30px 70px -32px rgba(10,22,46,.22) !important;
position: relative !important;
z-index: 1 !important;
}
body.single-portfolio #content > .bd > .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.single-portfolio .blog-bar-nav .blog-bar-menu,
body.single-portfolio .blog-bar-menu {
justify-content: flex-start !important;
}
@media (max-width: 760px) {
body.single-portfolio section.page-hero.page-hero-v3 {
width: calc(100% - 16px) !important;
margin-top: -50px !important;
border-radius: 22px 22px 0 0 !important;
}
body.single-portfolio .page-hero-v3 .page-hero-inner {
padding: 40px 22px 24px !important;
}
body.single-portfolio section.page-hero.page-hero-v3 > .blog-bar .blog-bar-inner {
min-height: 0 !important;
padding: 10px 12px !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
body.single-portfolio .blog-bar-nav {
flex: 1 1 100% !important;
width: 100% !important;
overflow: visible !important;
}
body.single-portfolio .blog-bar-nav .blog-bar-menu,
body.single-portfolio .blog-bar-menu {
width: 100% !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
overflow: visible !important;
}
body.single-portfolio .blog-bar-menu > li {
flex: 1 1 calc(50% - 8px) !important;
min-width: 0 !important;
}
body.single-portfolio .blog-bar-menu > li > a {
box-sizing: border-box !important;
width: 100% !important;
justify-content: center !important;
min-height: 36px !important;
padding: 9px 10px !important;
font-size: 14px !important;
line-height: 1.15 !important;
white-space: normal !important;
text-align: center !important;
}
body.single-portfolio .blog-bar-cta {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
justify-content: center !important;
padding: 11px 14px !important;
}
body.single-portfolio .blog-bar-cta > span {
display: inline !important;
}
body.single-portfolio #content > .bd {
width: calc(100% - 16px) !important;
margin-bottom: 44px !important;
padding: 32px 18px !important;
border-radius: 0 0 22px 22px !important;
}
}
/* ============================================================
* 2026.159 - Favorites navigation preview
* ============================================================ */
.shop-favorites-preview-wrap-2026[hidden],
.shop-favorites-preview-wrap-2026.is-empty {
display: none !important;
}
body.woocommerce-page .shop-icon-actions-2026.has-dreams-favorites-2026,
body.single-product .shop-hd-product-2026 .shop-icon-actions-2026.has-dreams-favorites-2026,
body.woocommerce-page #content .shop-icon-actions-2026.has-dreams-favorites-2026 {
grid-template-columns: repeat(3, 44px) !important;
}
body.woocommerce-page #content .shop-favorites-preview-wrap-2026,
body.woocommerce-page .shop-favorites-preview-wrap-2026 {
position: relative !important;
display: inline-flex !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
overflow: visible !important;
isolation: isolate !important;
z-index: 3400 !important;
}
body.woocommerce-page #content .shop-favorites-preview-wrap-2026[hidden],
body.woocommerce-page #content .shop-favorites-preview-wrap-2026.is-empty,
body.woocommerce-page .shop-favorites-preview-wrap-2026[hidden],
body.woocommerce-page .shop-favorites-preview-wrap-2026.is-empty {
display: none !important;
}
body.woocommerce-page #content .shop-favorites-preview-wrap-2026::after,
body.woocommerce-page .shop-favorites-preview-wrap-2026::after {
content: "" !important;
position: absolute !important;
left: -12px !important;
right: -12px !important;
top: 100% !important;
height: 18px !important;
background: transparent !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites {
position: relative !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 0 !important;
border-radius: 999px !important;
background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,246,250,.96)) !important;
border: 1px solid rgba(250,48,118,.22) !important;
box-shadow: 0 16px 30px -22px rgba(250,48,118,.46), inset 0 1px 0 rgba(255,255,255,.9) !important;
color: #fa3076 !important;
line-height: 1 !important;
overflow: visible !important;
cursor: pointer !important;
transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites:hover,
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites:focus-visible,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites:hover,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites:focus-visible {
background: #fff !important;
border-color: rgba(250,48,118,.34) !important;
box-shadow: 0 18px 34px -22px rgba(250,48,118,.58), 0 0 0 3px rgba(250,48,118,.08) !important;
transform: translateY(-1px) !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites > svg,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites > svg {
position: absolute !important;
left: 50% !important;
top: 50% !important;
z-index: 5 !important;
display: block !important;
width: 18px !important;
height: 18px !important;
transform: translate(-50%, -50%) !important;
color: currentColor !important;
fill: rgba(250,48,118,.12) !important;
stroke: currentColor !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites > em,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites > em {
position: absolute !important;
top: -7px !important;
right: -7px !important;
z-index: 6 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 5px !important;
box-sizing: border-box !important;
border-radius: 999px !important;
background: #fa3076 !important;
color: #fff !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: 950 !important;
line-height: 18px !important;
box-shadow: 0 8px 18px -10px rgba(16,26,74,.55) !important;
pointer-events: none !important;
}
body.woocommerce-page #content .shop-icon-action-2026.shop-icon-action-2026--favorites > span,
body.woocommerce-page .shop-icon-action-2026.shop-icon-action-2026--favorites > span {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
}
.shop-favorites-preview-2026 {
box-sizing: border-box !important;
position: absolute !important;
top: calc(100% + 16px) !important;
right: 0 !important;
z-index: 3600 !important;
width: min(386px, calc(100vw - 32px)) !important;
padding: 14px !important;
border-radius: 24px !important;
background: rgba(255,255,255,.985) !important;
border: 1px solid rgba(250,48,118,.10) !important;
box-shadow: 0 28px 70px -28px rgba(13,28,73,.32), 0 8px 18px -10px rgba(250,48,118,.12), inset 0 0 0 1px rgba(255,255,255,.78) !important;
color: #26344f !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate3d(0, 10px, 0) scale(.985) !important;
transform-origin: top right !important;
transition: opacity .18s ease, visibility .18s ease, transform .24s cubic-bezier(.2,.8,.2,1) !important;
backdrop-filter: blur(18px) saturate(1.24) !important;
-webkit-backdrop-filter: blur(18px) saturate(1.24) !important;
}
.shop-favorites-preview-wrap-2026:hover .shop-favorites-preview-2026,
.shop-favorites-preview-wrap-2026:focus-within .shop-favorites-preview-2026 {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translate3d(0, 0, 0) scale(1) !important;
}
.dreams-favorites-preview-head-2026 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 2px 2px 12px !important;
}
.dreams-favorites-preview-head-2026 strong {
color: #101a4a !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
}
.dreams-favorites-preview-head-2026 span {
padding: 5px 9px !important;
border-radius: 999px !important;
background: rgba(250,48,118,.085) !important;
color: #fa3076 !important;
font-size: 11.5px !important;
font-weight: 850 !important;
line-height: 1 !important;
}
.dreams-favorites-preview-list-2026 {
display: grid !important;
gap: 8px !important;
margin: 0 0 12px !important;
}
.dreams-favorites-preview-item-2026 {
box-sizing: border-box !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) 34px !important;
align-items: center !important;
gap: 8px !important;
min-height: 68px !important;
padding: 7px !important;
border-radius: 17px !important;
background: linear-gradient(180deg, rgba(255,248,251,.92), rgba(255,255,255,.96)) !important;
border: 1px solid rgba(16,26,74,.055) !important;
transition: background .2s ease, border-color .2s ease, transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important;
}
.dreams-favorites-preview-item-2026:hover {
background: #fff !important;
border-color: rgba(250,48,118,.16) !important;
box-shadow: 0 14px 26px -22px rgba(250,48,118,.38) !important;
transform: translateY(-1px) !important;
}
.dreams-favorites-preview-link-2026,
.dreams-favorites-preview-link-2026:visited {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
color: #26344f !important;
text-decoration: none !important;
}
.dreams-favorites-preview-image-2026 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 14px !important;
background: #fff !important;
border: 1px solid rgba(16,26,74,.055) !important;
overflow: hidden !important;
}
.dreams-favorites-preview-image-2026 img {
display: block !important;
width: 100% !important;
height: 100% !important;
padding: 5px !important;
box-sizing: border-box !important;
object-fit: contain !important;
filter: none !important;
box-shadow: none !important;
}
.dreams-favorites-preview-image-placeholder-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
color: #fa3076 !important;
background: linear-gradient(135deg, rgba(250,48,118,.10), rgba(0,190,246,.07)) !important;
}
.dreams-favorites-preview-meta-2026 {
display: grid !important;
gap: 5px !important;
min-width: 0 !important;
}
.dreams-favorites-preview-name-2026 {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
color: #101a4a !important;
font-size: 13px !important;
font-weight: 820 !important;
line-height: 1.25 !important;
}
.dreams-favorites-preview-note-2026 {
color: #66718a !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.dreams-favorites-preview-remove-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
padding: 0 !important;
border-radius: 999px !important;
border: 1px solid rgba(250,48,118,.12) !important;
background: rgba(250,48,118,.07) !important;
color: #fa3076 !important;
cursor: pointer !important;
transition: transform .2s ease, background .2s ease, border-color .2s ease !important;
}
.dreams-favorites-preview-remove-2026:hover,
.dreams-favorites-preview-remove-2026:focus-visible {
background: #fa3076 !important;
border-color: #fa3076 !important;
color: #fff !important;
transform: scale(1.04) !important;
}
.dreams-favorites-preview-more-2026 {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 32px !important;
margin: 0 0 12px !important;
border-radius: 999px !important;
background: rgba(250,48,118,.075) !important;
color: #fa3076 !important;
font-size: 12px !important;
font-weight: 850 !important;
}
.dreams-favorites-preview-actions-2026 {
display: grid !important;
grid-template-columns: 1fr 1.15fr !important;
gap: 8px !important;
}
.dreams-favorites-preview-actions-2026 .shop-cart-preview-button-2026--secondary {
background: #f7fbff !important;
border: 1px solid rgba(0,89,248,.13) !important;
color: #0059f8 !important;
box-shadow: none !important;
}
.dreams-favorites-preview-actions-2026 .shop-cart-preview-button-2026--primary,
.dreams-favorites-preview-actions-2026 .shop-cart-preview-button-2026--primary:visited {
background: linear-gradient(135deg, #0059f8 0%, #00a9ee 100%) !important;
border: 0 !important;
color: #fff !important;
text-shadow: 0 1px 0 rgba(9,38,96,.16) !important;
box-shadow: 0 18px 30px -18px rgba(0,89,248,.64) !important;
}
.dreams-favorites-preview-actions-2026 .shop-cart-preview-button-2026--primary:hover,
.dreams-favorites-preview-actions-2026 .shop-cart-preview-button-2026--primary:focus-visible {
box-shadow: 0 20px 34px -18px rgba(0,89,248,.72) !important;
}
.dreams-favorites-preview-empty-2026 {
display: grid !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 18px !important;
background: #fff8fb !important;
border: 1px solid rgba(250,48,118,.08) !important;
text-align: center !important;
}
.dreams-favorites-preview-empty-2026 span {
color: #66718a !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
}
.shop-favorites-preview-wrap-2026.is-pulsing .shop-icon-action-2026--favorites {
animation: dreamsFavoritesNavPulse2026 .72s cubic-bezier(.2,.8,.2,1) both !important;
}
@keyframes dreamsFavoritesNavPulse2026 {
0% { transform: scale(1); }
32% { transform: scale(1.08); }
100% { transform: scale(1); }
}
@media (max-width: 760px) {
body.woocommerce-shop .shop-favorites-preview-wrap-2026,
body.woocommerce-page #content .shop-favorites-preview-wrap-2026,
body.woocommerce-page .shop-favorites-preview-wrap-2026 {
display: none !important;
}
}
/* =====================================================================
2026.328 — Single ticket page polish (Awesome Support 6.3.8)
Fix duplicate input issue (TinyMCE iframe + raw textarea both visible)
and polish reply cards, attachments and submit affordances.
===================================================================== */
/* The previous rule `body.single-ticket #content .wpas-form textarea`
forces display:block, which overrides TinyMCE's inline display:none on
the underlying