:root { --color-bg: #ffffff;
--color-surface: #f7f7f7;
--color-fg: #050505;
--surface-dark: #050505;
--wash: #cdcdcd; --border-color: #DDDDDD;
--border-divider: #0a0a0a;
--border-shell: #0a0a0a;
--border-dark-color: #f7f7f7;
--color-focus: #050505; --btn-primary-bg: #050505;
--btn-primary-hover: #111111;
--badge-success: green;
--badge-info: #5aadc5;
--badge-danger: #ef4444;
--badge-clearance: #050505; --radius: 0px;
}
html.dark {
--color-bg: #050505;
--color-surface: #0b0b0b;
--color-fg: #f5f5f5;
--wash: #111111;
--border-color: #f5f5f5;
--border-divider: #f5f5f5;
--border-shell: #f5f5f5;
--btn-primary-bg: #f5f5f5;
--btn-primary-hover: #dcdcdc;
--badge-success: green;
--badge-info: #5aadc5;
--badge-danger: #ef4444;
--badge-clearance: #f5f5f5;
--color-focus: #f5f5f5;
}
body.brand-disainmet {
background-color: var(--color-bg);
color: var(--color-fg);
}
body.brand-disainmet.post-type-archive-product,
body.brand-disainmet.woocommerce-shop,
body.brand-disainmet.tax-product_cat,
body.brand-disainmet.tax-product_brand,
body.brand-disainmet.tax-product_tag {
--container-max: 1600px;
}
body.brand-disainmet #bp-shipping-modal .bp-modal-body,
body.brand-disainmet #bp-shipping-modal .bp-modal-body * {
color: var(--color-fg) !important;
}
body.brand-disainmet a {
color: inherit;
}
body.brand-disainmet .footer-logo {
margin-bottom: 4rem;
}
body.brand-disainmet .dm-footer-logo {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: center;
gap: clamp(32px, 6vw, 96px);
text-align: center;
}
body.brand-disainmet .dm-footer-logo__brand,
body.brand-disainmet .dm-footer-logo__house,
body.brand-disainmet .dm-footer-logo__icon {
display: flex;
align-items: center;
justify-content: center;
}
body.brand-disainmet .dm-footer-logo__img {
display: block;
width: clamp(280px, 40vw, 440px);
height: auto;
} body.brand-disainmet .site-topbar .header-top > a {
display: inline-flex;
align-items: center;
line-height: 1;
}
body.brand-disainmet .dm-footer-logo__close {
width: clamp(220px, 30vw, 360px);
height: clamp(220px, 30vw, 360px);
color: var(--color-surface);
stroke: currentColor;
stroke-width: 0.2;
}
@media (max-width: 768px) {
body.brand-disainmet .dm-footer-logo {
grid-template-columns: 1fr;
gap: 10px;
padding: 70px 0;
margin-bottom: 30px;
}
body.brand-disainmet .dm-footer-logo__img {
width: clamp(220px, 70vw, 360px);
}
body.brand-disainmet .dm-footer-logo__close {
width: clamp(180px, 50vw, 320px);
height: clamp(180px, 50vw, 320px);
}
}
body.brand-disainmet .site-footer {
background-color: #000;
color: #fff;
margin-top: 0;
}
body.brand-disainmet .site-footer a {
color: inherit;
}
body.brand-disainmet .site-footer .widget,
body.brand-disainmet .site-footer .widget-title,
body.brand-disainmet .site-footer p,
body.brand-disainmet .site-footer span,
body.brand-disainmet .site-footer li {
color: #fff;
}
body.brand-disainmet .site-footer .footer-links,
body.brand-disainmet .site-footer .footer-links h3,
body.brand-disainmet .site-footer .footer-links p,
body.brand-disainmet .site-footer .footer-links span,
body.brand-disainmet .site-footer .footer-links li,
body.brand-disainmet .site-footer .footer-links a {
color: var(--color-fg);
}
body.brand-disainmet .dm-hero-logo {
max-width: 300px;
width: 100%;
height: auto;
display: block;
}
body.brand-disainmet .dm-brand-strip .dm-footer-logo__close {
color: #000;
}
body.brand-disainmet .bp-hero {
padding-top: 0;
padding-bottom: 0;
}
body.brand-disainmet .bp-hero > .container-page {
padding-inline: 0;
}
body.brand-disainmet .dm-hero-grid {
gap: clamp(90px, 10vw, 120px);
}
body.brand-disainmet .dm-hero-grid > * {
min-width: 0;
}
@media (min-width: 768px) {
body.brand-disainmet .dm-hero-grid__cta {
justify-content: flex-start;
}
}
@media (max-width: 768px) {
body.brand-disainmet .dm-hero-grid--alt .dm-hero-grid__content {
text-align: left;
}
}
@media (min-width: 768px) {
body.brand-disainmet .dm-hero-grid--alt .dm-hero-grid__content {
text-align: right;
}
body.brand-disainmet .dm-hero-grid--alt .dm-hero-grid__cta {
justify-content: flex-end;
}
}
body.brand-disainmet .dm-menu-section .product-card {
color: var(--wash);
background: #1e1e1e;
border-color: color-mix(in srgb, var(--wash) 28%, transparent);
}
body.brand-disainmet .dm-menu-section .product-card .product-card__price,
body.brand-disainmet .dm-menu-section .product-card .product-card__title,
body.brand-disainmet .dm-menu-section .product-card .product-card__meta,
body.brand-disainmet .dm-menu-section .product-card .product-price,
body.brand-disainmet .dm-menu-section .product-card .price,
body.brand-disainmet .dm-menu-section .product-card .woocommerce-loop-product__title,
body.brand-disainmet .dm-menu-section .product-card .bp-cart-name-text,
body.brand-disainmet .dm-menu-section .product-card .badge-txt,
body.brand-disainmet .dm-menu-section .product-card .product-sku {
color: var(--wash);
}
body.brand-disainmet .dm-menu-section .product-card a {
color: var(--wash);
}
body.brand-disainmet .dm-menu-section .product-card .btn,
body.brand-disainmet .dm-menu-section .product-card .button,
body.brand-disainmet .dm-menu-section .product-card .add_to_cart_button {
background: transparent;
color: var(--wash);
border: 1px solid color-mix(in srgb, var(--wash) 40%, transparent);
}
body.brand-disainmet .dm-menu-section .product-card .btn:hover,
body.brand-disainmet .dm-menu-section .product-card .button:hover,
body.brand-disainmet .dm-menu-section .product-card .add_to_cart_button:hover {
background: color-mix(in srgb, var(--wash) 10%, transparent) !important;
color: var(--wash) !important;
border-color: color-mix(in srgb, var(--wash) 45%, transparent) !important;
}
body.brand-disainmet .dm-menu-section .product-card .btn.btn-primary,
body.brand-disainmet .dm-menu-section .product-card .button.add_to_cart_button,
body.brand-disainmet .dm-menu-section .product-card .added_to_cart {
background: var(--btn-primary-bg) !important;
color: var(--color-bg) !important;
border-color: var(--btn-primary-bg) !important;
}
body.brand-disainmet .dm-menu-section .product-card .btn.btn-primary:hover,
body.brand-disainmet .dm-menu-section .product-card .button.add_to_cart_button:hover,
body.brand-disainmet .dm-menu-section .product-card .added_to_cart:hover {
background: var(--btn-primary-hover) !important;
border-color: var(--btn-primary-hover) !important;
color: var(--color-bg) !important;
}
body.brand-disainmet .dm-menu-section .product-card .btn.btn-secondary,
body.brand-disainmet .dm-menu-section .product-card .button.btn-secondary {
color: var(--wash);
border-color: color-mix(in srgb, var(--wash) 45%, transparent);
background: transparent;
}
body.brand-disainmet .dm-menu-section .product-card .btn.btn-secondary:hover,
body.brand-disainmet .dm-menu-section .product-card .button.btn-secondary:hover {
background: color-mix(in srgb, var(--wash) 10%, transparent) !important;
color: var(--wash) !important;
}
body.brand-disainmet .dm-menu-section .dm-menu-highlights {
margin-top: clamp(16px, 3vw, 28px);
color: var(--wash);
display: grid;
gap: clamp(16px, 4vw, 20px);
}
body.brand-disainmet .dm-menu-section .dm-menu-highlights p {
font-size: 1.2rem;
line-height: 1.1;
margin: 0;
}
body.brand-disainmet .site-topbar .header-top {
background-color: #000;
color: #fff;
}
body.brand-disainmet .site-topbar .header-top a,
body.brand-disainmet .site-topbar .header-top button,
body.brand-disainmet .site-topbar .header-top svg,
body.brand-disainmet .site-topbar .header-top .icon {
color: #fff;
stroke: currentColor;
} body.brand-disainmet .bp-mobile-modal .bp-mobile-header {
background-color: #000;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
body.brand-disainmet .bp-mobile-modal .bp-mobile-header a,
body.brand-disainmet .bp-mobile-modal .bp-mobile-header button,
body.brand-disainmet .bp-mobile-modal .bp-mobile-header svg,
body.brand-disainmet .bp-mobile-modal .bp-mobile-header .icon {
color: #fff;
stroke: currentColor;
}
body.brand-disainmet .bp-mobile-modal .bp-mobile-header button {
border-width: 0;
background: transparent;
} body.brand-disainmet .bp-mobile-modal .bp-mobile-header > a {
display: inline-flex;
align-items: center;
line-height: 1;
} body.brand-disainmet .bp-mobile-modal .bp-mobile-header > a img,
body.brand-disainmet .bp-mobile-modal .bp-mobile-header > a svg {
margin: 5px 20px;
} body.brand-disainmet .bp-mobile-modal .bp-mobile-header button svg {
width: 26px;
height: 26px;
} body.brand-disainmet .site-topbar .header-top > .flex {
display: flex;
align-items: center;
gap: 10px; }
body.brand-disainmet #bp-search-btn { order: 0; margin-left: 18px; }
body.brand-disainmet .bp-mobile-only { order: 1; border-width: 0; background: transparent; }
body.brand-disainmet .site-topbar .header-top .darkmode { order: 2; }
body.brand-disainmet #bp-mini-cart-btn { order: 3; }
body.brand-disainmet #bp-mega-desktop {
background-color: #fff;
color: var(--color-fg);
}
body.brand-disainmet #bp-mega-desktop button.inline-flex {
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 900;
color: var(--color-fg);
}
body.brand-disainmet #bp-mega-desktop a,
body.brand-disainmet #bp-mega-desktop button {
color: var(--color-fg);
}
body.brand-disainmet #bp-mega-desktop > nav > ul {
gap: 20px;
}
body.brand-disainmet #bp-search-modal [data-bp-search-fields] .rounded-full {
border-radius: 9999px !important;
}
body.brand-disainmet #bp-search-modal [data-bp-search-fields] .rounded-full > span {
border-radius: 9999px !important;
}
body.brand-disainmet .bp-mega-panel-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 20px 24px;
border-top: 1px solid var(--border-color);
background: var(--color-surface);
color: var(--color-fg);
}
body.brand-disainmet .bp-mega-panel-footer__logo img {
display: block;
max-height: 70px;
width: clamp(200px, 22vw, 500px);
max-width: 100%;
}
body.brand-disainmet .bp-mega-panel-footer__copy {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 8px;
line-height: 1.35;
}
body.brand-disainmet .bp-mega-panel-footer__copy h4 {
margin: 0;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
}
body.brand-disainmet .bp-mega-panel-footer__copy p {
margin: 0;
font-size: 0.95rem;
}
body.brand-disainmet .bp-mega-panel-footer__hours {
flex: 0 0 auto;
text-align: right;
font-size: 0.95rem;
}
body.brand-disainmet .bp-mega-panel-footer__hours,
body.brand-disainmet .bp-mega-panel-footer__copy,
body.brand-disainmet .bp-mega-panel-footer__copy h4,
body.brand-disainmet .bp-mega-panel-footer__copy p,
body.brand-disainmet .bp-mega-panel-footer__hours-title,
body.brand-disainmet .bp-mega-panel-footer__hours ul,
body.brand-disainmet .bp-mega-panel-footer__hours li,
body.brand-disainmet .bp-mega-panel-footer__hours li span {
color: var(--color-fg);
}
body.brand-disainmet .bp-mega-panel-footer__hours-title {
display: block;
font-weight: 700;
margin-bottom: 8px;
text-transform: uppercase;
}
body.brand-disainmet .bp-mega-panel-footer__hours ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
body.brand-disainmet .bp-mega-panel-footer__hours li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
} @media (max-width: 1440px) {
body.brand-disainmet .bp-mobile-only { display: inline-flex; }
body.brand-disainmet .bp-desktop-only { display: none; }
body.brand-disainmet #bp-mega-desktop { display: none; }
}
@media (min-width: 1441px) {
body.brand-disainmet .bp-mobile-only { display: none; }
body.brand-disainmet .bp-desktop-only { display: block; }
}
body.brand-disainmet .bp-mega-panel .bp-mega-header {
border-bottom-color: var(--border-color);
}
body.brand-disainmet .bp-mega-panel .bp-mega-h2 {
border-color: var(--border-color);
}
body.brand-disainmet #bp-mega-mobile {
border-top-color: var(--border-color);
border-color: var(--border-color);
}
body.brand-disainmet html.dark .bp-mega-panel,
body.brand-disainmet html.dark #bp-mega-mobile {
border-color: var(--border-color);
}
body.brand-disainmet .bp-mega-panel {
box-shadow: 0 24px 60px color-mix(in srgb, var(--color-fg) 22%, transparent);
border-color: var(--border-color);
}
body.brand-disainmet .bp-mega-body {
padding-block: 34px;
}
body.brand-disainmet .bp-mega-title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
body.brand-disainmet .btn-primary,
body.brand-disainmet .wp-block-button:not(.is-style-outline) .wp-block-button__link,
body.brand-disainmet #bp-mini-cart-btn,
body.brand-disainmet .product-actions .btn-primary,
body.brand-disainmet .product-actions .button,
body.brand-disainmet .bp-filter-chip,
body.brand-disainmet .woocommerce-account .woocommerce-MyAccount-navigation .is-active > a,
body.brand-disainmet .woocommerce-account .woocommerce-MyAccount-navigation a.is-active {
color: var(--color-bg) !important;
}
body.brand-disainmet .btn-primary:hover,
body.brand-disainmet .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
body.brand-disainmet #bp-mini-cart-btn:hover,
body.brand-disainmet .product-actions .btn-primary:hover,
body.brand-disainmet .product-actions .button:hover,
body.brand-disainmet .bp-filter-chip:hover {
color: var(--color-bg) !important;
} body.brand-disainmet #bp-mini-cart-btn span[aria-label="Ostukorvis olevate toodete arv"] {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
@media (max-width: 1023px) {
body.brand-disainmet .bp-mega-panel-footer {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
body.brand-disainmet .bp-mega-panel-footer__hours {
width: 100%;
text-align: left;
}
body.brand-disainmet .bp-mega-panel-footer__hours li {
justify-content: flex-start;
}
}
body.brand-disainmet #bp-mega-desktop > nav > ul > li > button svg {
width: 22px;
height: 22px;
stroke-width: 2.5;
color: var(--color-fg);
stroke: currentColor;
}
.brand-disainmet .bp-clear-cell .btn-primary {
display: inline-flex;
}
body.brand-disainmet .bp-thumbs-row {
background: none;
}
body.brand-disainmet .ds-thumb {
background: none;
}
body.brand-disainmet .product-card,
body.brand-disainmet .product-card:hover {
box-shadow: none;
}
body.brand-disainmet .bp-cat-tree .bp-cat-node > ul {
border-left-color: var(--border-color);
}
@media (max-width: 1600px) {
body.brand-disainmet.post-type-archive-product .container-page.is-simple,
body.brand-disainmet.woocommerce-shop .container-page.is-simple,
body.brand-disainmet.tax-product_cat .container-page.is-simple,
body.brand-disainmet.tax-product_brand .container-page.is-simple,
body.brand-disainmet.tax-product_tag .container-page.is-simple {
padding-inline: 2rem;
}
}
@media (min-width: 1024px) {
body.brand-disainmet .dm-shop-layout {
display: grid;
grid-template-columns: minmax(260px, 350px) 1fr;
gap: 32px;
align-items: start;
padding-top: 22px;
}
body.brand-disainmet .dm-shop-sidebar {
position: sticky;
top: var(--bp-sticky-offset, 124px);
max-height: none;
overflow: visible;
padding-right: 0;
}
body.brand-disainmet .dm-shop-sidebar::-webkit-scrollbar {
width: 6px;
}
body.brand-disainmet .dm-shop-sidebar::-webkit-scrollbar-track {
background: transparent;
}
body.brand-disainmet .dm-shop-sidebar::-webkit-scrollbar-thumb {
background: var(--border-color);
border-radius: 999px;
}
body.brand-disainmet .dm-shop-sidebar::-webkit-scrollbar-thumb:hover {
background: var(--surface-dark);
}
body.brand-disainmet .dm-shop-main {
display: flex;
flex-direction: column;
gap: 24px;
}
body.brand-disainmet .dm-filter-contents {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding-right: 9px;
}
body.brand-disainmet .bp-facets-drawer .bp-modal-body {
overflow: visible;
}
body.brand-disainmet .dm-shop-sidebar .px-4 {
padding-left: 0;
padding-right: 0;
}
body.brand-disainmet .bp-filters-form > div:first-of-type {
padding-bottom: 30px;
border-bottom: 1px solid var(--border-color);
}
body.brand-disainmet .bp-filters-form .bp-flags {
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
align-items: flex-start;
width: 100%;
padding-top: 22px;
padding-bottom: 30px;
margin-right: 9px;
border-bottom: 1px solid var(--border-color);
}
body.brand-disainmet .bp-filters-form > div.border-b {
border-bottom-color: var(--border-color);
}
body.brand-disainmet .bp-filters-form > div.border-t {
border-top-color: var(--border-color);
}
body.brand-disainmet .bp-filters-form .border-\[var\(--border-divider\)\] {
border-color: var(--border-color);
}
body.brand-disainmet .bp-clear-cell .btn-primary {
display: none;
}
body.brand-disainmet .bp-clear-wrap .btn-tertiary {
width: 100%;
justify-content: center;
}
body.brand-disainmet #bp-active-filters {
gap: 12px;
font-size: 1rem;
}
body.brand-disainmet #bp-active-filters::before {
content: "Aktiivsed filtrid:";
font-weight: 600;
}
body.brand-disainmet #bp-active-filters .bp-filter-chip {
font-size: 1rem;
}
body.brand-disainmet.single-product .product-summary h1 {
font-size: 2rem;
line-height: 1.2;
}
body.brand-disainmet.single-product .product-summary .product-price-single {
font-size: 2rem;
}
}
.bp-mega-panel {
background: var(--color-bg);
border: 1px solid var(--border-color);
border-radius: 0 0 var(--radius)var(--radius);
box-shadow: var(--shadow-ambient);
z-index: 1001;
border-left: 0;
border-right: 0;
}
body.brand-disainmet .bp-mega-panel,
body.brand-disainmet .bp-mega-panel a,
body.brand-disainmet .bp-mega-panel button {
color: var(--color-fg);
}
body.brand-disainmet .site-topbar button.darkmode {
display: none;
}
@media (min-width: 1024px) {
.bp-gallery-grid--outdoor {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 230px;
gap: 10px;
}
.bp-gallery-grid--outdoor > a {
overflow: hidden;
}
.bp-gallery-grid--outdoor > a img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bp-gallery-grid--outdoor > a:nth-child(2)  { grid-row: span 2 / span 2; }
.bp-gallery-grid--outdoor > a:nth-child(4)  { grid-column-start: 3; grid-row-start: 2; }
.bp-gallery-grid--outdoor > a:nth-child(5)  { grid-column-start: 4; grid-row-start: 1; }
.bp-gallery-grid--outdoor > a:nth-child(6)  { grid-column-start: 1; grid-row-start: 2; }
.bp-gallery-grid--outdoor > a:nth-child(7)  { grid-row: span 2 / span 2; grid-column-start: 4; }
.bp-gallery-grid--outdoor > a:nth-child(8)  { grid-row: span 2 / span 2; grid-row-start: 3; }
.bp-gallery-grid--outdoor > a:nth-child(9)  {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
grid-row-start: 3;
}
.bp-gallery-grid--outdoor > a:nth-child(10) {
grid-row: span 2 / span 2;
grid-column-start: 4;
grid-row-start: 4;
}
.bp-gallery-grid--outdoor > a:nth-child(11) {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
grid-row-start: 5;
}
.bp-gallery-grid--outdoor > a:nth-child(12) { grid-column-start: 3; grid-row-start: 5; }
.bp-gallery-grid--outdoor > a:nth-child(13) { grid-column-start: 3; grid-row-start: 6; }
.bp-gallery-grid--outdoor > a:nth-child(14) { grid-column-start: 4; grid-row-start: 6; }
.bp-gallery-grid--outdoor > a:nth-child(15) { grid-row-start: 7; }
.bp-gallery-grid--outdoor > a:nth-child(16) { grid-row-start: 7; }
.bp-gallery-grid--outdoor > a:nth-child(17) { grid-row-start: 7; }
.bp-gallery-grid--outdoor > a:nth-child(18) { grid-row-start: 7; }
.bp-gallery-grid--outdoor > a:nth-child(19) { grid-row-start: 8; }
.bp-gallery-grid--outdoor > a:nth-child(20) {
grid-column: span 2 / span 2;
grid-row: span 2 / span 2;
grid-row-start: 8;
}
.bp-gallery-grid--outdoor > a:nth-child(21) { grid-column-start: 4; grid-row-start: 8; }
.bp-gallery-grid--outdoor > a:nth-child(22) { grid-column-start: 4; grid-row-start: 9; }
.bp-gallery-grid--outdoor > a:nth-child(23) {
grid-row: span 2 / span 2;
grid-column-start: 1;
grid-row-start: 9;
}
.bp-gallery-grid--outdoor > a:nth-child(24) { grid-column-start: 2; grid-row-start: 10; }
.bp-gallery-grid--outdoor > a:nth-child(25) {
grid-column: span 2 / span 2;
grid-column-start: 3;
grid-row-start: 10;
}
.bp-gallery-grid--outdoor > a:nth-child(27) {
grid-column: span 2 / span 2;
grid-row-start: 11;
}
.bp-gallery-grid--outdoor > a:nth-child(28) { grid-column-start: 3; grid-row-start: 11; }
.bp-gallery-grid--outdoor > a:nth-child(29) { grid-column-start: 4; grid-row-start: 11; }
}