@font-face {
font-family: "Made Tommy";
src: url(//accamobilya.com/wp-content/uploads/2026/08/MADE-TOMMY-Light_PERSONAL-USE.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Made Tommy";
src: url(//accamobilya.com/wp-content/uploads/2026/08/MADE-TOMMY-Regular_PERSONAL-USE.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Made Tommy";
src: url(//accamobilya.com/wp-content/uploads/2026/08/MADE-TOMMY-Regular_PERSONAL-USE.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Made Tommy";
src: url(//accamobilya.com/wp-content/uploads/2026/08/MADE-TOMMY-Bold_PERSONAL-USE.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Made Tommy";
src: url(//accamobilya.com/wp-content/uploads/2026/08/MADE-TOMMY-Bold_PERSONAL-USE.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--ink: #1a1a1a;
--muted: #6a6560;
--paper: #ffffff;
--sand: #f4f1ec;
--sand-2: #eee8de;
--footer: #f3eee6;
--gold: #c4a574;
--gold-dark: #b3915f;
--line: rgba(26, 26, 26, 0.12);
--header-h: 100px;
--max: 1240px;
--font: "Made Tommy", "Segoe UI", sans-serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--ink);
background: var(--paper);
font-family: var(--font);
font-weight: 400;
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
body.acca-custom-chrome {
--wd-text-font: var(--font);
--wd-title-font: var(--font);
--wd-header-el-font: var(--font);
--wd-alternative-font: var(--font);
--wd-entities-title-font: var(--font);
--wd-widget-title-font: var(--font);
--wd-header-el-font-weight: 400;
}
body.acca-custom-chrome,
body.acca-custom-chrome button,
body.acca-custom-chrome input,
body.acca-custom-chrome select,
body.acca-custom-chrome textarea,
body.acca-custom-chrome h1,
body.acca-custom-chrome h2,
body.acca-custom-chrome h3,
body.acca-custom-chrome h4,
body.acca-custom-chrome h5,
body.acca-custom-chrome h6,
body.acca-custom-chrome .nav-link-text,
body.acca-custom-chrome .woodmart-nav-link,
body.acca-custom-chrome .wd-nav,
body.acca-custom-chrome .wd-nav a,
body.acca-custom-chrome .site-footer,
body.acca-custom-chrome .btn {
font-family: var(--font) !important;
}
body.is-locked {
overflow: hidden;
}
img {
max-width: 100%;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
button {
font: inherit;
color: inherit;
background: none;
border: 0;
cursor: pointer;
padding: 0;
}
.wrap {
width: min(var(--max), calc(100% - clamp(48px, 9vw, 140px)));
margin-inline: auto;
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 40;
min-height: var(--header-h);
height: auto;
display: flex;
align-items: center;
color: #fff;
padding-top: 8px;
padding-bottom: 18px;
margin: 0 !important;
transform: none !important;
transition: background 0.35s ease, box-shadow 0.35s ease;
}
body.admin-bar .site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .site-header {
top: 46px;
}
}
.site-header.is-scrolled {
background: rgba(12, 10, 8, 0.82);
backdrop-filter: blur(16px);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}
.header-inner {
width: min(1440px, calc(100% - clamp(40px, 7vw, 120px)));
margin-inline: auto;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 16px;
}
.nav {
display: flex;
gap: 28px;
align-items: center;
}
.nav .acca-menu,
.nav ul {
display: flex;
gap: 28px;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
list-style: none;
margin: 0;
padding: 0;
}
.nav--left {
justify-content: flex-end;
padding-right: 12px;
}
.nav--right {
justify-content: flex-start;
padding-left: 12px;
}
.nav a {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
position: relative;
padding: 6px 0;
color: #fff;
}
.nav a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.nav a:hover::after,
.nav a[aria-current="page"]::after,
.nav .current-menu-item > a::after,
.nav .current_page_item > a::after {
transform: scaleX(1);
}
.brand {
display: grid;
justify-items: center;
color: var(--ink);
}
.brand img {
height: 62px;
width: auto;
}
.acca-header-archive {
display: none;
}
@media (min-width: 1025px) {
.acca-header-archive {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 8px;
bottom: 18px;
right: 20px;
z-index: 6;
height: fit-content;
margin-block: auto;
transform: none;
padding: 8px 16px;
border: 1px solid var(--gold);
color: #fff;
font-family: var(--font);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
transition: background 0.2s ease, color 0.2s ease;
}
.acca-header-archive:hover {
background: var(--gold);
color: #fff;
}
}
.acca-mobile-bar {
display: none;
}
.menu-toggle {
display: none !important;
position: relative;
top: auto;
right: auto;
z-index: 500;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: rgba(12, 10, 8, 0.45) !important;
border: 0 !important;
border-radius: 999px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
appearance: none;
-webkit-appearance: none;
grid-template-columns: 1fr;
align-content: center;
justify-items: center;
gap: 5px;
}
body.admin-bar .menu-toggle {
top: auto;
}
@media screen and (max-width: 782px) {
body.admin-bar .menu-toggle {
top: auto;
}
}
.menu-toggle span {
display: block !important;
width: 18px;
height: 2px;
background: #fff !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
transition: transform 0.3s ease, opacity 0.3s ease;
} .mobile-menu {
position: fixed;
inset: 0;
z-index: 600;
background: #f7f2ea;
display: grid;
grid-template-rows: auto 1fr auto;
padding: 28px 28px 40px;
transform: translateX(100%);
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.mobile-menu.is-open {
transform: translateX(0);
}
.mobile-menu__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-menu__top img {
height: 42px;
}
.menu-close {
width: 72px;
height: 72px;
min-width: 72px;
min-height: 72px;
padding: 0;
display: grid;
place-items: center;
flex: 0 0 72px;
color: #1a1a1a;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0;
overflow: visible !important;
}
.menu-close svg {
width: 36px;
height: 36px;
display: block;
}
body.is-locked .acca-mobile-bar {
visibility: hidden;
pointer-events: none;
}
.mobile-menu nav {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
padding-left: 8px;
overflow-y: auto;
}
.mobile-menu nav .acca-menu,
.mobile-menu nav ul {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.mobile-menu nav li {
list-style: none;
margin: 0;
padding: 0;
}
.mobile-menu nav a {
font-family: var(--font);
font-size: clamp(28px, 7vw, 44px);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0;
transform: translateY(18px);
transition: opacity 0.45s ease, transform 0.45s ease, color 0.2s ease;
}
.mobile-menu.is-open nav a {
opacity: 1;
transform: none;
}
.mobile-menu.is-open nav li:nth-child(1) a { transition-delay: 0.12s; }
.mobile-menu.is-open nav li:nth-child(2) a { transition-delay: 0.18s; }
.mobile-menu.is-open nav li:nth-child(3) a { transition-delay: 0.24s; }
.mobile-menu.is-open nav li:nth-child(4) a { transition-delay: 0.3s; }
.mobile-menu.is-open nav li:nth-child(5) a { transition-delay: 0.36s; }
.mobile-menu.is-open nav li:nth-child(6) a { transition-delay: 0.42s; }
.mobile-menu.is-open nav li:nth-child(7) a { transition-delay: 0.48s; }
.mobile-menu.is-open nav li:nth-child(8) a { transition-delay: 0.54s; }
.mobile-menu nav .mobile-menu__parent {
display: flex;
align-items: center;
gap: 4px;
}
.mobile-menu nav .mobile-menu__parent a {
flex: 1 1 auto;
min-width: 0;
}
.mobile-menu nav .mobile-menu__fold,
.mobile-menu nav button.mobile-menu__fold {
flex: 0 0 44px;
width: 44px;
height: 44px;
margin-left: auto;
padding: 0;
display: grid;
place-items: center;
color: var(--ink);
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 0;
transform: translateY(18px);
transition: opacity 0.45s ease, transform 0.45s ease, color 0.2s ease;
}
.mobile-menu.is-open nav .mobile-menu__fold {
opacity: 1;
transform: none;
transition-delay: 0.3s;
}
.mobile-menu nav .mobile-menu__fold span {
width: 12px;
height: 12px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform 0.25s ease;
}
.mobile-menu nav .menu-item-has-children.is-open > .mobile-menu__parent .mobile-menu__fold span {
transform: rotate(225deg) translate(-2px, -2px);
}
.mobile-menu nav .menu-item-has-children > .sub-menu {
display: none;
gap: 4px;
margin: 4px 0 10px 2px;
}
.mobile-menu nav .menu-item-has-children.is-open > .sub-menu {
display: flex;
}
.mobile-menu nav .sub-menu a {
font-size: 15px;
font-weight: 400;
letter-spacing: 0.16em;
color: var(--muted);
}
.mobile-menu nav .sub-menu .current-menu-item a {
color: var(--gold-dark);
}
.mobile-menu nav a:hover {
color: var(--gold-dark);
}
.mobile-menu__foot {
display: flex;
gap: 18px;
align-items: center;
letter-spacing: 0.16em;
text-transform: uppercase;
font-size: 12px;
}
.mobile-menu__foot .socials {
gap: 12px;
}
.mobile-menu__foot .socials a {
width: 40px;
height: 40px;
border-color: rgba(26, 26, 26, 0.25);
} .hero {
position: relative;
width: 100%;
aspect-ratio: 1920 / 900;
max-height: 100svh;
min-height: 0;
height: auto;
color: #fff;
overflow: hidden;
background: #0c0a08;
touch-action: pan-y;
cursor: grab;
user-select: none;
}
.hero:active {
cursor: grabbing;
}
.hero-track {
position: absolute;
inset: 0;
}
.hero-slide {
position: absolute;
inset: 0;
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.7s ease, visibility 0.7s ease;
-webkit-user-drag: none;
}
.hero-slide.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 1;
}
.hero-slide[data-href] {
cursor: grab;
}
.hero::after {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 150px;
background: linear-gradient(180deg, rgba(12, 10, 8, 0.5), transparent);
pointer-events: none;
z-index: 2;
}
.hero img,
.hero-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
-webkit-user-drag: none;
user-select: none;
}
.hero-img--mobile {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.hero-copy {
display: none;
} .collections {
padding: 96px 0 72px;
}
.section-head {
max-width: 760px;
margin-bottom: 48px;
}
.section-head h2 {
margin: 0 0 18px;
font-family: var(--font);
font-size: clamp(42px, 5vw, 68px);
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1;
}
.section-head p {
margin: 0;
color: var(--muted);
font-size: 17px;
line-height: 1.85;
}
.collection-row {
display: flex;
gap: 28px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
padding-bottom: 8px;
overscroll-behavior-x: contain;
}
.collection-row::-webkit-scrollbar {
display: none;
}
.collection-card {
flex: 0 0 calc((100% - 56px) / 3.2);
min-width: 220px;
scroll-snap-align: start;
}
.collection-card figure {
margin: 0;
aspect-ratio: 1;
background: var(--sand);
display: grid;
place-items: center;
padding: 22px;
}
.collection-card img {
max-height: 82%;
width: auto;
height: auto;
max-width: 100%;
object-fit: contain;
}
.collection-card h3 {
margin: 20px 0 8px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.22em;
}
.collection-card .more {
font-size: 14px;
letter-spacing: 0.14em;
color: var(--muted);
}
.collection-card .more:hover {
color: var(--ink);
}
.slider-nav {
display: flex;
justify-content: flex-end;
gap: 18px;
margin-top: 28px;
}
.slider-nav button {
width: 42px;
height: 42px;
border: 1px solid var(--ink);
display: grid;
place-items: center;
transition: background 0.2s ease, color 0.2s ease;
}
.slider-nav button:hover {
background: var(--ink);
color: #fff;
} .dressing {
padding: 40px 0 100px;
}
.dressing-grid {
display: grid;
grid-template-columns: 0.92fr 1.08fr;
gap: 56px;
align-items: center;
}
.dressing-grid > * {
min-width: 0;
}
.dressing-title {
margin: 0 0 28px;
font-family: var(--font);
font-size: clamp(26px, 3vw, 40px);
font-weight: 500;
letter-spacing: 0.04em;
line-height: 1.15;
text-transform: uppercase;
position: relative;
}
.dressing-title .q {
position: absolute;
right: -8px;
top: -28px;
font-size: 120px;
color: rgba(26, 26, 26, 0.08);
font-family: var(--font);
line-height: 1;
pointer-events: none;
}
.modules {
display: flex;
gap: 16px;
margin-bottom: 28px;
}
.modules-carousel {
overflow: hidden;
margin: 0 0 28px 36px;
max-width: 380px;
padding-left: 8px;
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.modules-track {
display: flex;
align-items: center;
gap: 16px;
width: max-content;
min-height: 140px;
animation: acca-modules-marquee 64s linear infinite;
}
.modules-carousel:hover .modules-track {
animation-play-state: paused;
}
.modules-slide {
margin: 0;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
height: 140px;
}
.modules img,
.modules-slide img {
width: auto;
height: auto;
max-width: 120px;
max-height: 130px;
object-fit: contain;
object-position: center center;
background: transparent;
padding: 0;
}
@keyframes acca-modules-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.dressing p {
color: var(--muted);
font-size: 15px;
line-height: 1.85;
margin: 0 0 28px;
overflow-wrap: anywhere;
word-break: break-word;
max-width: 100%;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 196px;
height: 44px;
padding: 0 22px;
background: var(--gold);
color: #fff;
letter-spacing: 0.16em;
font-size: 12px;
text-transform: uppercase;
transition: background 0.2s ease;
}
.btn:hover {
background: var(--gold-dark);
}
.dressing-photo {
min-height: 520px;
background: var(--sand) center/cover no-repeat;
} .fairs {
position: relative;
min-height: 560px;
color: #fff;
display: flex;
align-items: center;
}
.fairs img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.72);
}
.fairs-panel {
position: relative;
z-index: 1;
width: min(560px, calc(100% - 48px));
margin-left: max(24px, calc((100% - var(--max)) / 2));
background: rgba(12, 12, 12, 0.72);
padding: 42px 40px;
}
.eyebrow {
display: inline-block;
margin-bottom: 16px;
font-size: 11px;
letter-spacing: 0.28em;
text-transform: uppercase;
}
.fairs-panel a.eyebrow {
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 2px;
}
.fairs-panel a.eyebrow:hover {
color: var(--gold);
border-bottom-color: var(--gold);
}
.fairs-panel p {
margin: 0;
font-size: 15px;
line-height: 1.85;
color: rgba(255, 255, 255, 0.88);
} .story {
padding: 96px 0;
}
.story-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
}
.story h2 {
margin: 0 0 28px;
font-family: var(--font);
font-size: clamp(40px, 4.6vw, 62px);
font-weight: 500;
letter-spacing: 0.12em;
}
.story p {
color: var(--muted);
font-size: 15px;
line-height: 1.9;
margin: 0 0 16px;
}
.story-logo {
margin-top: 28px;
height: 46px;
width: auto;
}
.story-photo {
aspect-ratio: 1 / 1;
width: 100%;
min-height: 0;
background: var(--sand) center top / cover no-repeat;
} .about-page {
background: var(--paper);
color: var(--ink);
}
.about-hero {
padding: 148px 0 40px;
}
.about-hero h1 {
margin: 10px 0 16px;
font-family: var(--font);
font-size: clamp(40px, 6vw, 68px);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1;
}
.about-lead {
margin: 0;
max-width: 36em;
color: var(--muted);
font-size: 17px;
line-height: 1.7;
}
.about-facts {
background: var(--sand);
padding: 36px 0;
}
.about-facts__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
max-width: 520px;
margin-inline: auto;
text-align: center;
}
.about-facts strong {
display: block;
font-family: var(--font);
font-size: clamp(26px, 3.4vw, 40px);
font-weight: 500;
letter-spacing: 0.08em;
}
.about-facts span {
display: block;
margin-top: 8px;
color: var(--muted);
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.about-story {
padding: 72px 0 96px;
}
.about-story__grid {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 64px;
align-items: start;
}
.about-copy h2 {
margin: 0 0 28px;
font-family: var(--font);
font-size: clamp(32px, 4vw, 48px);
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.about-copy p {
color: var(--muted);
font-size: 16px;
line-height: 1.9;
margin: 0 0 18px;
}
.about-photo {
aspect-ratio: 4 / 5;
min-height: 420px;
background: var(--sand) center top / cover no-repeat;
} .contact-body {
padding: 0 0 96px;
}
.contact-grid {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 28px;
align-items: stretch;
}
.contact-info,
.contact-form,
.contact-map {
min-width: 0;
}
.contact-info {
background: var(--sand);
padding: 36px 32px;
height: 100%;
}
.contact-info h2,
.contact-form h2 {
margin: 0 0 12px;
font-family: var(--font);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.contact-info h2 + p {
margin: 0 0 28px;
color: var(--muted);
font-size: 16px;
line-height: 1.7;
}
.contact-info p:last-child {
margin-bottom: 0;
}
.contact-map {
margin-top: 0;
min-height: 100%;
}
.contact-map iframe {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 360px;
border: 0;
background: var(--sand);
}
.contact-form {
margin-top: 56px;
}
.contact-info a {
color: var(--ink);
}
.contact-info a:hover {
color: var(--gold-dark);
}
.contact-form .wpcf7 {
margin: 0;
}
.contact-form .wpcf7-form > p,
.contact-form .wpcf7-form label {
display: block;
margin: 0 0 16px;
font-size: 13px;
letter-spacing: 0.06em;
color: var(--ink);
}
.contact-form .wpcf7 input[type="text"],
.contact-form .wpcf7 input[type="email"],
.contact-form .wpcf7 input[type="tel"],
.contact-form .wpcf7 textarea {
width: 100%;
max-width: 100%;
margin-top: 8px;
padding: 12px 14px;
border: 1px solid var(--line);
background: var(--paper);
color: var(--ink);
font-family: var(--font);
font-size: 15px;
line-height: 1.4;
box-sizing: border-box;
border-radius: 0;
box-shadow: none;
}
.contact-form .wpcf7 textarea {
min-height: 140px;
resize: vertical;
}
.contact-form .wpcf7 input:focus,
.contact-form .wpcf7 textarea:focus {
outline: 1px solid var(--gold);
border-color: var(--gold);
}
.contact-form .wpcf7-submit,
.contact-form input.wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 196px;
height: 44px;
margin-top: 8px;
padding: 0 22px;
border: 0;
background: var(--gold) !important;
color: #fff !important;
font-family: var(--font);
font-size: 12px;
letter-spacing: 0.16em;
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
}
.contact-form .wpcf7-submit:hover {
background: var(--gold-dark) !important;
}
.contact-form .wpcf7-not-valid-tip {
display: block;
margin-top: 6px;
color: #a33;
font-size: 13px;
letter-spacing: 0;
}
.contact-form .wpcf7-response-output,
.contact-form .wpcf7-response-output:empty {
display: none !important;
}
.contact-form form:is(.sent, .invalid, .unaccepted, .spam, .failed, .aborted) .wpcf7-response-output:not(:empty) {
display: block !important;
margin: 16px 0 0;
padding: 12px 14px;
border: 1px solid var(--line);
background: var(--sand);
color: var(--ink);
font-size: 13px;
letter-spacing: 0;
line-height: 1.5;
}
.contact-form .wpcf7-response-output::before,
.contact-form .wpcf7-response-output::after {
content: none !important;
display: none !important;
}
.contact-form .wpcf7-form p {
margin: 0 0 16px;
}
.contact-form .wpcf7 .hidden-fields-container {
display: none !important;
}
body.acca-custom-chrome .create-nav-msg {
display: none !important;
}
body.acca-custom-chrome.page-id-8 .woocommerce-coming-soon-store-only,
body.acca-custom-chrome .wp-block-woocommerce-coming-soon {
display: none !important;
}
.catalog-body {
padding: 0 0 96px;
}
.catalog-body .vc_row,
.catalog-body .wpb_content_element,
.catalog-body .wpb_text_column,
.catalog-body .wpb_wrapper {
margin: 0 !important;
}
.catalog-page ._df_book,
.catalog-page .df-container,
.catalog-page .df-lite {
width: 100%;
max-width: 100%;
}
body.acca-custom-chrome.woocommerce .main-page-wrapper,
body.acca-custom-chrome.tax-product_cat .main-page-wrapper,
body.acca-custom-chrome.single-product .main-page-wrapper {
padding-top: calc(var(--header-h) + 16px);
}
body.woocommerce-shop.acca-custom-chrome .wd-content-area,
body.tax-product_cat.acca-custom-chrome .wd-content-area,
body.tax-product_tag.acca-custom-chrome .wd-content-area {
width: min(var(--max), calc(100% - clamp(48px, 9vw, 140px)));
max-width: var(--max);
margin-inline: auto;
padding-top: 0;
padding-bottom: 96px;
}
body.single-product.acca-custom-chrome .wd-content-area {
width: min(var(--max), calc(100% - clamp(48px, 9vw, 140px)));
max-width: var(--max);
margin-inline: auto;
padding-top: calc(var(--header-h) + 28px);
padding-bottom: 96px;
}
body.single-product.acca-custom-chrome .product-image-summary,
body.single-product.acca-custom-chrome .product-image-summary-inner {
align-items: start;
}
body.single-product.acca-custom-chrome .woocommerce-product-gallery {
--wd-gallery-gap: 12px;
--wd-thumbs-width: 88px;
background: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-carousel-inner,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-carousel,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-carousel-wrap,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-carousel-item,
body.single-product.acca-custom-chrome .wd-gallery-images .woocommerce-product-gallery__image,
body.single-product.acca-custom-chrome .wd-gallery-images .woocommerce-product-gallery__image a,
body.single-product.acca-custom-chrome .wd-gallery-thumb,
body.single-product.acca-custom-chrome .wd-gallery-thumb .wd-carousel-item {
background: none !important;
background-color: transparent !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images {
position: relative;
min-width: 0;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-carousel-inner {
aspect-ratio: auto;
overflow: visible;
}
body.single-product.acca-custom-chrome .wd-gallery-images img,
body.single-product.acca-custom-chrome .woocommerce-product-gallery__image img {
width: 100%;
height: auto;
max-height: none;
object-fit: contain;
object-position: center;
display: block;
background: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .zoomImg {
background: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows {
position: absolute !important;
inset: 0 !important;
transform: none;
width: auto !important;
height: auto !important;
padding: 0;
pointer-events: none;
z-index: 6;
--wd-arrow-size: 42px;
--wd-arrow-offset-h: 12px;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-pos-sep::after {
content: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows .wd-btn-arrow,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-pos-sep .wd-btn-arrow,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows[class*="wd-hover"] .wd-btn-arrow {
pointer-events: auto !important;
opacity: 1 !important;
width: 42px;
height: 42px;
margin: 0;
background: none !important;
border: 0 !important;
box-shadow: none !important;
color: var(--ink) !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-pos-sep .wd-prev {
inset-inline-end: auto !important;
inset-inline-start: 12px !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-pos-sep .wd-next {
inset-inline-start: auto !important;
inset-inline-end: 12px !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows .wd-btn-arrow.wd-disabled {
opacity: 0.28 !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-arrow-inner {
display: grid !important;
place-items: center;
width: 42px !important;
height: 42px !important;
color: var(--ink) !important;
background: transparent !important;
border: 1px solid var(--ink) !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-btn-arrow:hover .wd-arrow-inner {
background: var(--ink) !important;
color: #fff !important;
border-color: var(--ink) !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-arrow-inner::before,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-arrow-inner:before {
content: none !important;
display: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-arrow-inner::after,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-arrow-inner:after {
content: "" !important;
display: block !important;
width: 18px;
height: 12px;
font-size: 0 !important;
font-family: none !important;
background: currentColor !important;
border: 0 !important;
box-shadow: none !important;
rotate: none !important;
transform: none !important;
-webkit-mask: var(--acca-arrow-mask) center / contain no-repeat;
mask: var(--acca-arrow-mask) center / contain no-repeat;
-webkit-mask-mode: alpha;
mask-mode: alpha;
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-prev .wd-arrow-inner {
--acca-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Cpath d='M17 6H1M1 6l5-5M1 6l5 5' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E");
}
body.single-product.acca-custom-chrome .wd-gallery-images .wd-next .wd-arrow-inner {
--acca-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Cpath d='M1 6h16M17 6l-5-5M17 6l-5 5' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E");
}
@media (min-width: 1025px) {
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow,
body.single-product.acca-custom-chrome .wd-gallery-images:hover .wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-prev,
body.single-product.acca-custom-chrome .wd-gallery-images .wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-next {
opacity: 1 !important;
pointer-events: auto !important;
transform: translateY(-50%) !important;
}
}
body.single-product.acca-custom-chrome .wd-gallery-thumb .wd-thumb-nav {
display: none !important;
}
body.single-product.acca-custom-chrome .wd-gallery-thumb .wd-carousel-item img {
object-fit: cover;
background: none !important;
}
body.single-product.acca-custom-chrome .summary-inner {
padding-top: 8px;
}
body.single-product.acca-custom-chrome .product_title {
margin: 12px 0 16px;
font-family: var(--font);
font-size: clamp(28px, 4vw, 46px);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.15;
color: var(--ink);
}
body.single-product.acca-custom-chrome .summary .price,
body.single-product.acca-custom-chrome .summary .price:empty,
body.single-product.acca-custom-chrome .woocommerce-Price-amount {
display: none !important;
}
body.single-product.acca-custom-chrome .wd-breadcrumbs,
body.single-product.acca-custom-chrome .woocommerce-breadcrumb {
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--muted);
}
body.single-product.acca-custom-chrome .wd-products-nav {
margin-bottom: 8px;
}
body.single-product.acca-custom-chrome .product-tabs-wrapper {
margin-top: 48px;
}
body.single-product.acca-custom-chrome .product-tabs-inner {
max-width: none;
padding-inline: 0;
}
body.single-product.acca-custom-chrome .related-and-upsells,
body.single-product.acca-custom-chrome .related-products {
margin-top: 56px;
padding-top: 8px;
clear: both;
}
body.single-product.acca-custom-chrome .related-products .wd-el-title,
body.single-product.acca-custom-chrome .related-products .slider-title {
margin-bottom: 24px;
font-family: var(--font);
font-size: clamp(22px, 3vw, 32px);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (max-width: 1024px) {
body.single-product.acca-custom-chrome .product-tabs-wrapper {
margin-top: 32px;
margin-bottom: 12px;
}
body.single-product.acca-custom-chrome .related-and-upsells,
body.single-product.acca-custom-chrome .related-products {
margin-top: 48px;
padding-top: 20px;
}
body.single-product.acca-custom-chrome .related-products .wd-carousel-item,
body.single-product.acca-custom-chrome .related-products .product-grid-item {
margin-bottom: 20px;
}
} .catalog {
position: relative;
min-height: 520px;
color: #fff;
}
.catalog img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 40%;
}
.catalog-ctas {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin: 48px 0 0 max(24px, calc((100% - var(--max)) / 2));
}
.catalog a,
.catalog-cta {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0;
color: #fff !important;
font-size: clamp(22px, 3.2vw, 40px);
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}
.catalog a:hover,
.catalog-cta:hover {
opacity: 0.85;
}
.catalog-hero-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 28px;
}
.catalog-hero-row h1 {
margin: 10px 0 0;
}
.catalog-archive-btn {
min-width: 0;
text-decoration: none;
} .site-footer {
background: var(--footer);
padding: 72px 0 24px;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 1.2fr 1fr auto;
gap: 40px;
align-items: start;
}
.site-footer h3 {
margin: 0 0 18px;
font-size: 18px;
font-weight: 500;
}
.site-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer li + li {
margin-top: 8px;
}
.site-footer a:hover {
opacity: 0.65;
}
.social-note {
margin: 0 0 16px;
color: var(--muted);
max-width: 220px;
}
.socials {
display: flex;
gap: 14px;
}
.socials a {
width: 36px;
height: 36px;
display: grid;
place-items: center;
border: 1px solid rgba(26, 26, 26, 0.2);
}
.footer-brand img {
height: 72px;
width: auto;
}
.copyright {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin: 40px auto 0;
padding: 28px 0 0;
border-top: 1px solid var(--line);
font-size: 14px;
font-weight: 400;
color: var(--ink);
letter-spacing: 0.02em;
}
.copyright img {
height: 22px;
width: auto;
display: block;
}
.copyright a {
display: inline-flex;
line-height: 0;
}
.copyright a:hover {
opacity: 0.7;
}
@media (min-width: 1200px) and (max-height: 960px) {
.hero img {
object-position: center;
}
}
@media (max-width: 1100px) {
.hero img {
object-position: center;
}
.collection-card {
flex-basis: calc((100% - 28px) / 2);
}
.dressing-grid,
.story-grid,
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.footer-brand {
grid-column: 1 / -1;
}
}
@media (max-width: 860px) {
:root {
--header-h: 72px;
}
.nav {
display: none;
}
.header-inner {
grid-template-columns: 1fr auto;
}
.brand {
justify-items: start;
}
.brand img {
height: 48px;
}
.collections,
.story {
padding: 64px 0;
}
.dressing-grid,
.story-grid,
.footer-grid,
.about-story__grid,
.contact-grid {
grid-template-columns: 1fr;
gap: 28px;
}
.modules-carousel {
margin: 0 auto 28px;
max-width: min(320px, 100%);
padding-left: 0;
}
.dressing-title {
overflow-wrap: anywhere;
padding-right: 8px;
}
.dressing-title .q {
font-size: 72px;
right: 0;
top: -16px;
}
.dressing .btn {
min-width: 0;
max-width: 100%;
}
.wrap {
width: auto;
max-width: 100%;
padding-inline: 20px;
box-sizing: border-box;
}
.about-hero {
padding: 112px 0 28px;
}
.about-facts__row {
gap: 12px;
}
.about-photo {
min-height: 300px;
aspect-ratio: 1;
}
.about-story {
padding: 48px 0 72px;
}
.contact-body,
.catalog-body {
padding-bottom: 72px;
}
.contact-info {
padding: 28px 22px;
}
.contact-map {
margin-top: 0;
min-height: 0;
}
.contact-map iframe {
height: 280px;
min-height: 280px;
}
.contact-form {
margin-top: 36px;
}
.collection-card {
flex-basis: 78%;
}
.dressing-photo,
.fairs,
.catalog {
min-height: 380px;
}
.fairs-panel {
margin: 32px 20px;
width: auto;
padding: 28px 24px;
}
.catalog a {
margin: 28px 20px;
font-size: 22px;
}
.copyright img {
height: 18px;
}
} body.acca-custom-chrome.sticky-toolbar-on,
body.acca-custom-chrome {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
html,
body.acca-custom-chrome {
background: var(--footer);
}
body.acca-custom-chrome .wd-page-wrapper,
body.acca-custom-chrome .website-wrapper {
min-height: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
} body.acca-custom-chrome .wd-skip-links,
body.acca-custom-chrome .wd-skip-links:focus-within {
inset-inline-start: -1000em !important;
left: -1000em !important;
top: auto !important;
pointer-events: none !important;
opacity: 0 !important;
}
body.acca-custom-chrome .wd-skip-content,
body.acca-custom-chrome .wd-skip-content.btn,
body.acca-custom-chrome a.wd-skip-content {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: 0 !important;
color: transparent !important;
}
body.acca-custom-chrome .whb-row.whb-with-bdf::before,
body.acca-custom-chrome .whb-row.whb-with-bdf:before {
content: none !important;
display: none !important;
opacity: 0 !important;
background: none !important;
backdrop-filter: none !important;
} body.acca-custom-chrome .whb-header,
body.acca-custom-chrome .whb-main-header,
body.acca-custom-chrome .whb-sticked .whb-main-header,
body.acca-custom-chrome .whb-header.whb-sticked .whb-main-header,
body.acca-custom-chrome.acca-home .whb-header,
body.acca-custom-chrome.acca-inner .whb-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 390 !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
margin: 0 !important;
transform: none !important;
animation: none !important;
color: #fff;
isolation: isolate;
transition: none !important;
}
body.acca-custom-chrome .whb-main-header::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: #0c0a08;
opacity: 0;
transition: opacity 0.25s ease;
}
body.acca-custom-chrome .whb-main-header.is-scrolled::before,
body.acca-custom-chrome.acca-home.is-header-scrolled .whb-main-header::before,
body.acca-custom-chrome.acca-inner .whb-main-header::before {
opacity: 1;
}
body.acca-custom-chrome.acca-inner .whb-main-header::before {
background: #0c0a08;
}
body.acca-custom-chrome .whb-main-header > :not(.acca-header-archive) {
position: relative;
z-index: 1;
}
body.acca-custom-chrome .whb-main-header > .acca-header-archive,
.site-header .acca-header-archive {
position: absolute;
top: 8px;
bottom: 18px;
right: 20px;
z-index: 6;
height: fit-content;
margin-block: auto;
transform: none;
}
body.admin-bar.acca-custom-chrome .whb-header,
body.admin-bar.acca-custom-chrome .whb-main-header,
body.admin-bar.acca-custom-chrome .whb-sticked .whb-main-header {
top: 32px !important;
}
@media screen and (max-width: 782px) {
body.admin-bar.acca-custom-chrome .whb-header,
body.admin-bar.acca-custom-chrome .whb-main-header,
body.admin-bar.acca-custom-chrome .whb-sticked .whb-main-header {
top: 46px !important;
}
}
body.acca-custom-chrome .whb-main-header.is-scrolled,
body.acca-custom-chrome .whb-header.is-scrolled,
body.acca-custom-chrome.acca-home.is-header-scrolled .whb-main-header,
body.acca-custom-chrome.acca-home.is-header-scrolled .whb-header,
body.acca-custom-chrome.acca-inner .whb-header,
body.acca-custom-chrome.acca-inner .whb-main-header {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
}
body.acca-custom-chrome.acca-home .whb-header.whb-sticked:not(.is-scrolled),
body.acca-custom-chrome.acca-home .whb-sticked:not(.is-scrolled) .whb-main-header {
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.acca-custom-chrome .whb-clone {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.acca-custom-chrome .whb-sticked .whb-not-sticky-row.whb-general-header,
body.acca-custom-chrome .whb-header.whb-sticked .whb-general-header {
display: block !important;
}
body.acca-custom-chrome .whb-sticky-prepared {
padding-top: 0 !important;
}
body.acca-custom-chrome .whb-general-header,
body.acca-custom-chrome .whb-general-header .whb-flex-row,
body.acca-custom-chrome .whb-general-header .whb-column,
body.acca-custom-chrome .whb-color-light:not(.whb-with-bg),
body.acca-custom-chrome .whb-color-dark:not(.whb-with-bg),
body.acca-custom-chrome .whb-row,
body.acca-custom-chrome .whb-sticked .whb-row,
body.acca-custom-chrome .whb-header .container,
body.acca-custom-chrome .whb-main-header .container,
body.acca-custom-chrome .whb-general-header .container,
body.acca-custom-chrome .whb-flex-row,
body.acca-custom-chrome .whb-column,
body.acca-custom-chrome .whb-header .wd-nav,
body.acca-custom-chrome .whb-header .wd-nav > li {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
transition: none !important;
}
body.acca-custom-chrome .whb-general-header {
min-height: var(--header-h);
padding-top: 8px;
padding-bottom: 18px;
}
body.acca-custom-chrome .whb-general-header-inner {
height: auto !important;
max-height: none !important;
min-height: calc(var(--header-h) - 26px);
align-items: center;
}
body.acca-custom-chrome .whb-general-header .container {
width: 100% !important;
max-width: none !important;
margin-inline: 0;
padding-inline: clamp(40px, 7vw, 120px) !important;
background: transparent !important;
}
body.acca-custom-chrome .whb-general-header .whb-col-left {
justify-content: flex-end !important;
margin-left: 0 !important;
padding-right: 12px;
}
body.acca-custom-chrome .whb-general-header .whb-col-right {
justify-content: flex-start !important;
margin-right: 0 !important;
padding-left: 12px;
}
body.acca-custom-chrome .whb-general-header .whb-col-center {
justify-content: center !important;
}
body.acca-custom-chrome .whb-main-header .wd-nav,
body.acca-custom-chrome .whb-general-header .wd-nav,
body.acca-custom-chrome .whb-general-header .wd-nav-header {
gap: 28px !important;
align-items: center;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li > a,
body.acca-custom-chrome .whb-main-header .wd-header-nav a,
body.acca-custom-chrome .whb-main-header .menu a,
body.acca-custom-chrome .whb-main-header .woodmart-nav-link,
body.acca-custom-chrome .whb-main-header .nav-link-text {
color: #fff !important;
font-family: var(--font) !important;
font-size: 14px !important;
font-weight: 400 !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
position: relative;
padding: 6px 0 !important;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li > a:focus,
body.acca-custom-chrome .whb-main-header .wd-nav > li > a:focus-visible,
body.acca-custom-chrome .whb-main-header .wd-nav > li > a:active {
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li > a:hover::after,
body.acca-custom-chrome .whb-main-header .wd-nav > li.current-menu-item > a::after,
body.acca-custom-chrome .whb-main-header .wd-nav > li.current_page_item > a::after,
body.acca-custom-chrome .whb-main-header .wd-nav > li.current-menu-ancestor > a::after {
transform: scaleX(1);
}
body.acca-custom-chrome .whb-main-header .wd-logo img,
body.acca-custom-chrome .whb-main-header .wd-header-logo img,
body.acca-custom-chrome .whb-general-header .site-logo img {
max-height: 62px !important;
max-width: 250px !important;
height: 62px !important;
width: auto !important;
}
@media (min-width: 1025px) {
body.acca-custom-chrome .wd-header-mobile-nav,
body.acca-custom-chrome .whb-main-header .wd-header-mobile-nav,
body.acca-custom-chrome .whb-main-header .mobile-nav-icon,
body.acca-custom-chrome .whb-main-header .wd-burger-icon,
body.acca-custom-chrome .whb-main-header .wd-tools-element.wd-header-mobile-nav {
display: none !important;
}
body.acca-custom-chrome .whb-header,
body.acca-custom-chrome .whb-main-header,
body.acca-custom-chrome .whb-general-header,
body.acca-custom-chrome .whb-general-header .whb-flex-row,
body.acca-custom-chrome .whb-general-header .whb-column {
overflow: visible !important;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li.menu-item-has-children {
position: relative;
}
body.acca-custom-chrome .whb-main-header .wd-dropdown-menu.wd-dropdown,
body.acca-custom-chrome .whb-main-header .wd-dropdown {
position: absolute !important;
top: calc(100% + 10px) !important;
left: 50% !important;
right: auto !important;
width: max-content !important;
min-width: 220px;
max-width: 280px;
margin: 0 !important;
padding: 0 !important;
transform: translateX(-50%) !important;
background: rgba(12, 10, 8, 0.96) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
border-radius: 0 !important;
z-index: 420 !important;
}
body.acca-custom-chrome .whb-main-header .wd-nav > li.menu-item-has-children:hover > .wd-dropdown,
body.acca-custom-chrome .whb-main-header .wd-nav > li.menu-item-has-children.wd-opened > .wd-dropdown,
body.acca-custom-chrome .whb-main-header .wd-nav > li.menu-item-has-children:focus-within > .wd-dropdown {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
display: block !important;
}
body.acca-custom-chrome .whb-main-header .wd-dropdown-menu .container,
body.acca-custom-chrome .whb-main-header .wd-dropdown .wd-entry-content {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 10px 0 !important;
}
body.acca-custom-chrome .whb-main-header .wd-sub-menu {
display: flex !important;
flex-direction: column;
gap: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none;
background: transparent !important;
}
body.acca-custom-chrome .whb-main-header .wd-sub-menu > li {
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
body.acca-custom-chrome .whb-main-header .wd-sub-menu > li > a,
body.acca-custom-chrome .whb-main-header .wd-sub-menu .woodmart-nav-link {
display: block !important;
width: 100%;
padding: 11px 22px !important;
color: #fff !important;
font-family: var(--font) !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase !important;
white-space: nowrap;
background: transparent !important;
}
body.acca-custom-chrome .whb-main-header .wd-sub-menu > li > a::after,
body.acca-custom-chrome .whb-main-header .wd-sub-menu .woodmart-nav-link::after {
content: none !important;
display: none !important;
}
body.acca-custom-chrome .whb-main-header .wd-sub-menu > li > a:hover,
body.acca-custom-chrome .whb-main-header .wd-sub-menu > li.current-menu-item > a {
color: var(--gold) !important;
background: rgba(255, 255, 255, 0.04) !important;
}
}
body.acca-custom-chrome.acca-inner .whb-header,
body.acca-custom-chrome.acca-inner .whb-main-header {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
@media (max-width: 1024px) {
:root {
--header-h: 72px;
}
body.acca-custom-chrome .whb-sticky-prepared,
body.acca-custom-chrome .wd-page-wrapper,
body.acca-custom-chrome .website-wrapper,
body.acca-custom-chrome .main-page-wrapper,
body.acca-home main#anasayfa,
body.acca-home .hero {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.acca-home .hero {
height: auto;
min-height: 0;
max-height: 100svh;
aspect-ratio: 3 / 4;
}
body.acca-home .hero-img--desktop {
display: none !important;
}
body.acca-home .hero-img--mobile {
display: block !important;
object-fit: cover;
object-position: center;
}
body.acca-home .hero::after {
height: 88px;
}
body.acca-custom-chrome .whb-header,
body.acca-custom-chrome .whb-main-header,
body.acca-custom-chrome .whb-clone {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
.acca-header-archive {
display: none !important;
}
body.acca-custom-chrome .acca-mobile-bar {
display: flex !important;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 400;
height: 72px;
padding: 0 14px 0 18px;
align-items: center;
justify-content: space-between;
gap: 12px;
background: transparent;
transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
}
body.acca-custom-chrome.acca-home .acca-mobile-bar.is-scrolled,
body.acca-custom-chrome.acca-home.is-header-scrolled .acca-mobile-bar {
background: #0c0a08;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
}
body.acca-custom-chrome.acca-inner .acca-mobile-bar {
background: #0c0a08;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.admin-bar.acca-custom-chrome .acca-mobile-bar {
top: 32px;
}
.acca-mobile-bar__logo {
display: flex;
align-items: center;
min-width: 0;
}
.acca-mobile-bar__logo img {
height: 40px;
width: auto;
max-width: 160px;
display: block;
}
html body.acca-custom-chrome button.menu-toggle,
html body.acca-custom-chrome .menu-toggle,
html body.acca-custom-chrome .acca-mobile-bar .menu-toggle {
display: grid !important;
position: relative !important;
top: auto !important;
right: auto !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
width: 46px !important;
height: 46px !important;
flex: 0 0 46px;
margin-left: auto;
z-index: 401 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.admin-bar.acca-custom-chrome button.menu-toggle,
html body.admin-bar.acca-custom-chrome .menu-toggle {
top: auto !important;
}
}
@media screen and (max-width: 782px) {
body.admin-bar.acca-custom-chrome .acca-mobile-bar {
top: 46px;
}
html body.admin-bar.acca-custom-chrome button.menu-toggle,
html body.admin-bar.acca-custom-chrome .menu-toggle {
top: auto !important;
}
}
@media (max-width: 480px) {
body.acca-home .hero {
height: auto;
max-height: 100svh;
aspect-ratio: 3 / 4;
}
body.acca-home .hero-img--mobile {
object-position: center;
}
} body.woocommerce-shop.acca-custom-chrome .acca-shop-hero,
body.tax-product_cat.acca-custom-chrome .acca-shop-hero,
body.tax-product_tag.acca-custom-chrome .acca-shop-hero {
background: var(--paper);
}
body.woocommerce-shop.acca-custom-chrome .acca-shop-hero h1,
body.tax-product_cat.acca-custom-chrome .acca-shop-hero h1,
body.tax-product_tag.acca-custom-chrome .acca-shop-hero h1 {
margin: 10px 0 0;
color: var(--ink);
}
body.woocommerce-shop.acca-custom-chrome .wd-breadcrumbs,
body.woocommerce-shop.acca-custom-chrome .woocommerce-breadcrumb,
body.woocommerce-shop.acca-custom-chrome .wd-page-title,
body.woocommerce-shop.acca-custom-chrome .title-shop,
body.woocommerce-shop.acca-custom-chrome .woocommerce-products-header,
body.tax-product_cat.acca-custom-chrome .wd-breadcrumbs,
body.tax-product_cat.acca-custom-chrome .woocommerce-breadcrumb,
body.tax-product_cat.acca-custom-chrome .wd-page-title,
body.tax-product_cat.acca-custom-chrome .title-shop,
body.tax-product_cat.acca-custom-chrome .woocommerce-products-header,
body.tax-product_tag.acca-custom-chrome .wd-breadcrumbs,
body.tax-product_tag.acca-custom-chrome .woocommerce-breadcrumb,
body.tax-product_tag.acca-custom-chrome .wd-page-title {
display: none !important;
}
body.woocommerce-shop.acca-custom-chrome .shop-loop-head,
body.tax-product_cat.acca-custom-chrome .shop-loop-head,
body.tax-product_tag.acca-custom-chrome .shop-loop-head {
margin-top: 8px;
margin-bottom: 24px;
}