@font-face {
font-family: "Montreal";
src: url(https://mobset.com.tr/wp-content/uploads/2026/09/Montreal-Thin.woff2) format("woff2");
font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Montreal";
src: url(https://mobset.com.tr/wp-content/uploads/2026/09/Montreal-Light.woff2) format("woff2");
font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Montreal";
src: url(https://mobset.com.tr/wp-content/uploads/2026/09/Montreal-Regular.woff2) format("woff2");
font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Montreal";
src: url(https://mobset.com.tr/wp-content/uploads/2026/09/Montreal-Medium.woff2) format("woff2");
font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
font-family: "Montreal";
src: url(https://mobset.com.tr/wp-content/uploads/2026/09/Montreal-Bold.woff2) format("woff2");
font-weight: 700; font-style: normal; font-display: swap;
} :root { --ms-bone:   #FAF8F5; --ms-sand:   #EFE9E1; --ms-stone:  #D9D2C7; --ms-clay:   #B9A894; --ms-walnut: #6B5744; --ms-ink:    #1C1A17; --ms-muted:  #5C5650; --ms-brass:  #A8845C; --ms-brass-deep: #7A5C33; --ms-white:  #FFFFFF;
--ms-charcoal: #211D18; --ms-espresso: #34291F;  --ms-font-display: "Montreal", -apple-system, "Segoe UI", sans-serif;
--ms-font-body:    "Montreal", "Jost", -apple-system, "Segoe UI", sans-serif; --ms-fs-hero:  clamp(2.5rem,    1.30rem + 5.6vw,  6rem);
--ms-fs-h1:    clamp(2rem,      1.45rem + 3.05vw, 4.25rem);
--ms-fs-h2:    clamp(1.75rem,   1.30rem + 2.45vw, 3.5rem);
--ms-fs-h3:    clamp(1.1875rem, 1.07rem + 0.75vw, 1.75rem);
--ms-fs-h4:    clamp(1rem,      0.97rem + 0.38vw, 1.3125rem);
--ms-fs-body:  clamp(0.9375rem, 0.90rem + 0.12vw, 1.0313rem);
--ms-fs-small: clamp(0.8125rem, 0.79rem + 0.06vw, 0.875rem);
--ms-fs-eyebrow: clamp(0.6875rem, 0.68rem + 0.04vw, 0.75rem); --ms-lh-display: 1.02;
--ms-lh-body: 1.68;
--ms-ls-eyebrow: 0.18em;
--ms-ls-display: -0.035em; --ms-section-y: clamp(2.75rem, 1.6rem + 3.2vw, 5.5rem);
--ms-gutter:    clamp(1rem, 0.5rem + 2vw, 3rem);
--ms-gap:       clamp(1rem, 0.6rem + 1.4vw, 2.25rem);
--ms-maxw:      1560px; --ms-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--ms-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--ms-dur: 0.6s; --wd-text-font: var(--ms-font-body);
--wd-secondary-font: var(--ms-font-body);
--wd-title-font: var(--ms-font-display);
--wd-alternative-font: var(--ms-font-body);
--wd-text-font-weight: 300;
--wd-title-font-weight: 400;
--wd-text-color: var(--ms-ink);
--wd-title-color: var(--ms-ink);
--wd-primary-color: var(--ms-ink);
--wd-link-color: var(--ms-ink);
--wd-link-color-hover: var(--ms-brass);
--wd-brd-radius: 2px;
--wd-form-brd-radius: 0px;
} body {
font-family: var(--ms-font-body);
font-size: var(--ms-fs-body);
font-weight: 300;
line-height: var(--ms-lh-body);
color: var(--ms-ink);
background-color: var(--ms-bone);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4,
.wd-entities-title,
.woodmart-title-container .title,
.wd-el-title {
font-family: var(--ms-font-display);
font-weight: 300;
color: var(--ms-ink);
letter-spacing: var(--ms-ls-display);
line-height: var(--ms-lh-display);
text-transform: none;
}
h1 { font-size: var(--ms-fs-h1); }
h2 { font-size: var(--ms-fs-h2); }
h3 { font-size: var(--ms-fs-h3); }
h4 { font-size: var(--ms-fs-h4); } .wd-info-box h1, .wd-info-box h2, .wd-info-box h3, .wd-info-box h4,
.info-box-inner h1, .info-box-inner h2, .info-box-inner h3, .info-box-inner h4,
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.wd-post .wd-entities-title {
font-size: var(--ms-fs-h3);
line-height: 1.22;
letter-spacing: 0;
margin-bottom: 0.35em;
} h5, h6,
.widgettitle,
h2.widgettitle,
.widget-title,
.wd-widget-title {
font-family: var(--ms-font-body);
font-weight: 400;
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-ink);
}
p { margin-bottom: 1.1em; }
a {
color: var(--ms-ink);
text-decoration: none;
transition: color 0.3s var(--ms-ease);
}
a:hover { color: var(--ms-brass); }
strong, b { font-weight: 500; }
::selection {
background: var(--ms-clay);
color: var(--ms-white);
} .ms-eyebrow {
display: inline-block;
font-family: var(--ms-font-body);
font-size: var(--ms-fs-eyebrow);
font-weight: 400;
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-muted);
margin-bottom: 0.9em;
}
.ms-display {
font-family: var(--ms-font-display);
font-size: var(--ms-fs-hero);
font-weight: 300;
line-height: var(--ms-lh-display);
letter-spacing: var(--ms-ls-display);
}
.ms-lead {
font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
font-weight: 300;
line-height: 1.75;
color: var(--ms-muted);
max-width: 62ch;
}
.ms-rule {
border: 0;
border-top: 1px solid var(--ms-stone);
margin: 0;
}  .wd-popup, .woodmart-tooltip { color: var(--ms-ink); } img, .wd-image img, .product-image-link img { border-radius: 2px; }
.btn, button, input[type="submit"] { border-radius: 0; } @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
}  .whb-top-bar {
background-color: var(--ms-sand) !important;
border-bottom: 1px solid var(--ms-stone);
}
.whb-general-header {
background-color: var(--ms-bone) !important;
border-bottom: 1px solid var(--ms-stone);
} .site-logo img {
filter: none !important;
} .whb-main-header span.nav-link-text,
.whb-main-header .wd-tools-element > a,
.whb-main-header .wd-tools-icon,
.wd-header-search .wd-tools-icon,
.whb-top-bar a,
.whb-top-bar .wd-tools-element > a,
.gtranslate_wrapper a,
.whb-top-bar span {
color: var(--ms-ink) !important;
}
.whb-main-header span.nav-link-text:hover,
.gtranslate_wrapper a:hover {
color: var(--ms-brass) !important;
} .whb-general-header .whb-column.whb-col-center.whb-visible-lg,
.whb-general-header .whb-column.whb-col-right.whb-visible-lg {
border-bottom-color: transparent !important;
} .whb-main-header .wd-nav-main > li > a {
font-family: var(--ms-font-body) !important;
}
.whb-main-header .wd-nav-main > li > a .nav-link-text {
font-family: var(--ms-font-body) !important;
font-size: 0.72rem !important;
font-weight: 400 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
} .whb-main-header .wd-nav-main > li > a .nav-link-text::after {
content: "";
display: block;
height: 1px;
margin-top: 5px;
background: var(--ms-ink);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s var(--ms-ease-out);
}
.whb-main-header .wd-nav-main > li:hover > a .nav-link-text::after,
.whb-main-header .wd-nav-main > li.current-menu-item > a .nav-link-text::after {
transform: scaleX(1);
} .wd-dropdown-menu.wd-design-default {
background-color: var(--ms-bone) !important;
border: 1px solid var(--ms-stone);
border-radius: 0 !important;
box-shadow: 0 18px 44px rgba(28, 26, 23, 0.1);
}
.wd-dropdown-menu .wd-sub-menu li > a {
color: var(--ms-ink) !important;
font-family: var(--ms-font-body);
letter-spacing: 0.04em;
}
.wd-dropdown-menu .wd-sub-menu li > a:hover {
color: var(--ms-brass) !important;
} .ms-scrolled .whb-general-header {
box-shadow: 0 1px 20px rgba(28, 26, 23, 0.08);
} .wd-footer,
.footer-container {
background-color: var(--ms-sand) !important;
border-top: 1px solid var(--ms-stone);
}
.wd-footer a { color: var(--ms-muted); }
.wd-footer a:hover { color: var(--ms-brass); }
.copyrights-wrapper {
border-top: 1px solid var(--ms-stone);
font-size: var(--ms-fs-small);
color: var(--ms-muted);
} input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
font-family: var(--ms-font-body);
font-size: var(--ms-fs-body);
color: var(--ms-ink);
border-color: var(--ms-stone);
transition: border-color 0.35s var(--ms-ease);
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--ms-brass) !important;
outline: none;
box-shadow: none;
}
::placeholder { color: var(--ms-muted); opacity: 0.75; } .wd-info-box .info-box-inner a,
.wd-product .wd-entities-title a {
font-family: var(--ms-font-display);
}
.wd-info-box .btn-link,
.wd-info-box a.btn {
font-family: var(--ms-font-body);
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-muted);
}
.wd-info-box:hover .btn-link,
.wd-info-box:hover a.btn {
color: var(--ms-ink);
} a:focus-visible,
button:focus-visible,
input:focus-visible,
.btn:focus-visible {
outline: 2px solid var(--ms-brass);
outline-offset: 3px;
} .whb-header img.wd-custom-icon,
.whb-header img.phonebtn,
.whb-top-bar img[src$=".svg"],
.wd-header-mobile-nav img.wd-custom-icon {
filter: brightness(0);
opacity: 0.85;
}
.whb-header img.wd-custom-icon:hover,
.wd-header-mobile-nav img.wd-custom-icon:hover {
opacity: 1;
} .whb-header .site-logo img {
filter: none !important;
opacity: 1;
} .whb-header .wd-social-icons,
.whb-header .wd-social-icon,
.whb-header .wd-social-icon .wd-icon,
.whb-header .wd-social-icon:hover .wd-icon {
color: var(--ms-ink) !important;
}
.whb-header .wd-social-icon:hover,
.whb-header .wd-social-icon:hover .wd-icon {
color: var(--ms-brass) !important;
}  .ms-section { padding-block: var(--ms-section-y); }
.ms-section > .wpb_column > .vc_column-inner { padding-inline: var(--ms-gutter); }
.ms-band { background: var(--ms-sand); }  .ms-section-head { margin-bottom: clamp(1.5rem, 0.9rem + 1.8vw, 2.5rem); max-width: none; }
:is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper,
.ms-showroom-main,
.ms-archive-head {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: clamp(0.9rem, 1.6vw, 1.75rem);
} :is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper::before,
.ms-showroom-main::before,
.ms-archive-head::before {
content: "";
grid-column: 1;
grid-row: 1;
height: 1px;
background: var(--ms-stone);
} :is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper > p:has(> .ms-eyebrow),
.ms-showroom-main > p:has(> .ms-eyebrow),
.ms-archive-head > .ms-eyebrow {
grid-column: 2;
grid-row: 1;
margin: 0;
} :is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper > :is(h1, h2),
.ms-showroom-main > h2,
.ms-archive-head > .ms-archive-title {
grid-column: 1 / -1;
grid-row: 2;
margin: clamp(1rem, 0.7rem + 0.9vw, 1.6rem) 0 0;
} :is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper > *:not(h1):not(h2):not(p:has(> .ms-eyebrow)),
.ms-showroom-main > *:not(h2):not(p:has(> .ms-eyebrow)),
.ms-archive-head > *:not(.ms-eyebrow):not(.ms-archive-title) {
grid-column: 1 / -1;
}
:is(.ms-section-head, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper > p { max-width: 46ch; }
.ms-section-head h2 { max-width: 20ch; } .ms-dark :is(.ms-section-head, .ms-split-text, .ms-cta-band) > .wpb_wrapper::before { background: rgba(250, 248, 245, 0.28); } .ms-form-head > .wpb_wrapper > p:has(> .ms-eyebrow),
.ms-ig-head > p:has(> .ms-eyebrow) { margin: 0; }
.ms-form-head .ms-eyebrow,
.ms-ig-head .ms-eyebrow { display: inline-flex; align-items: center; gap: clamp(0.7rem, 1.6vw, 1.1rem); }
.ms-form-head .ms-eyebrow::before,
.ms-form-head .ms-eyebrow::after,
.ms-ig-head .ms-eyebrow::before,
.ms-ig-head .ms-eyebrow::after {
content: "";
width: clamp(26px, 6vw, 56px);
height: 1px;
background: var(--ms-stone);
}
@media (max-width: 767px) {
:is(.ms-section-head, .ms-page-head-inner, .ms-split-text, .ms-cta-band, .ms-rail-aside) > .wpb_wrapper,
.ms-showroom-main,
.ms-archive-head { column-gap: 0.9rem; }
}   #ms-hero {
position: relative;
padding: 0;
overflow: hidden;
min-height: clamp(460px, 80svh, 880px);
display: flex;
}
#ms-hero > .wpb_column { width: 100%; }
#ms-hero > .wpb_column > .vc_column-inner { padding-inline: 0; height: 100%; }
#ms-hero .wd-image {
position: absolute;
inset: 0;
margin: 0 !important;
}
#ms-hero .wd-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 62% 58%;
border-radius: 0;
animation: ms-kenburns 24s var(--ms-ease) infinite alternate;
}
@keyframes ms-kenburns {
from { transform: scale(1);    }
to   { transform: scale(1.07); }
} #ms-hero::after { content: "" !important;
display: block !important;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(90deg, rgba(250,248,245,.97) 0%, rgba(250,248,245,.93) 26%, rgba(250,248,245,.74) 42%, rgba(250,248,245,.28) 60%, rgba(250,248,245,0) 78%);
pointer-events: none;
}
.ms-hero-overlay {
position: absolute;
inset-block: 0;
inset-inline-start: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding-inline: var(--ms-gutter);
max-width: min(48rem, 88%);
margin: 0 !important;
}
.ms-hero-overlay .wpb_wrapper > * { margin-bottom: 0; }
.ms-hero-overlay h1 { margin: 0.15em 0 0.5em; }
.ms-hero-overlay .ms-lead { max-width: 34ch; }
.ms-hero-overlay p { margin-bottom: 0; } .ms-cat-grid .vc_column-inner { padding-inline: calc(var(--ms-gap) / 2); }
.ms-cat .info-box-icon { overflow: hidden; margin-bottom: 1.1em; }
.ms-cat .info-box-icon img {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
display: block;
transition: transform 0.9s var(--ms-ease-out);
}
.ms-cat:hover .info-box-icon img { transform: scale(1.05); }
.ms-cat h3 {
font-size: var(--ms-fs-h4);
margin: 0;
display: flex;
align-items: baseline;
gap: 0.6em;
}
.ms-cat h3::after {
content: "→";
font-family: var(--ms-font-body);
font-size: 0.8em;
opacity: 0;
transform: translateX(-6px);
transition: opacity 0.4s var(--ms-ease), transform 0.4s var(--ms-ease-out);
}
.ms-cat:hover h3::after { opacity: 1; transform: none; } .wd-product .wd-entities-title,
.product-grid-item .wd-entities-title {
font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem) !important;
} .ms-products .product-image-link img,
.ms-products .wd-product img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
background: var(--ms-sand);
}
.ms-products .wd-product { text-align: left; } .ms-usp-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
}
.ms-usp-item { border-top: 1px solid var(--ms-stone); padding-top: 1.25rem; }
.ms-usp-no {
display: block;
font-family: var(--ms-font-body);
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
color: var(--ms-brass);
margin-bottom: 0.9em;
}
.ms-usp-item h4 { margin: 0 0 0.45em; }
.ms-usp-item p { margin: 0; color: var(--ms-muted); font-size: var(--ms-fs-small); } .ms-split .vc_column-inner { padding-inline: calc(var(--ms-gap) / 2); }
#ms-hakkimizda .wd-image img,
#ms-katalog .wd-image img { width: 100%; height: auto; display: block; }
.ms-split-text h2 { margin: 0.2em 0 0.6em; }
.ms-split-text .ms-lead { margin-bottom: 1.1em; } .ms-showroom-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: clamp(2rem, 1rem + 3vw, 4.5rem);
align-items: start;
}
.ms-showroom-main h2 { margin: 0.2em 0 0.5em; }
.ms-info-row { border-top: 1px solid var(--ms-stone); padding: 1.1rem 0; }
.ms-info-row p { margin: 0.35em 0 0; color: var(--ms-muted); }
.ms-info-row:last-child { border-top: 0; padding-top: 0.5rem; } #ms-insta .wd-insta-item img,
.ms-insta-grid .wd-insta-item img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
}  @media (max-width: 1024px) {
.ms-hero-overlay { max-width: 100%; }
#ms-hero::after {
background: linear-gradient(180deg, rgba(250,248,245,.55) 0%, rgba(250,248,245,.88) 62%, rgba(250,248,245,.97) 100%);
}
.ms-hero-overlay { justify-content: flex-end; padding-bottom: clamp(2rem, 6vw, 4rem); }
} @media (max-width: 767px) {
#ms-hero { min-height: clamp(400px, 66svh, 580px); }
.ms-cat-grid .wpb_column { margin-bottom: var(--ms-gap); }
.ms-usp-grid { gap: 1.5rem; }
.ms-section-head { margin-bottom: 1.75rem; }
} @media (min-width: 1700px) {
.ms-section > .wpb_column > .vc_column-inner,
#ms-hero .ms-hero-overlay {
max-width: var(--ms-maxw);
margin-inline: auto;
}
} .home .ms-cat {
position: relative;
overflow: hidden;
margin: 0 !important;
}
.home .ms-cat .box-icon-wrapper,
.home .ms-cat .info-box-icon {
margin: 0 !important;
}
.home .ms-cat .info-box-content {
position: absolute;
z-index: 4;
right: 0;
bottom: 0;
left: 0;
padding: clamp(2.75rem, 5vw, 5rem) clamp(0.85rem, 1.5vw, 1.35rem) clamp(0.85rem, 1.5vw, 1.35rem);
background: linear-gradient(180deg, transparent 0%, rgba(20, 19, 17, 0.78) 100%);
pointer-events: none;
}
.home .ms-cat .info-box-inner,
.home .ms-cat .info-box-inner > :first-child,
.home .ms-cat .info-box-inner > :last-child {
margin: 0;
}
.home .ms-cat h3 {
justify-content: space-between;
width: 100%;
color: var(--ms-bone);
font-size: clamp(0.9rem, 0.82rem + 0.35vw, 1.15rem);
line-height: 1.2;
}
.home .ms-cat h3::after {
flex: 0 0 auto;
margin-left: auto;
opacity: 1;
transform: none;
}
.home .ms-cat .wd-info-box-link {
z-index: 5;
}
@media (max-width: 480px) {
.home .ms-cat .info-box-content {
padding: 2.75rem 0.75rem 0.75rem;
}
.home .ms-cat h3 {
font-size: clamp(0.82rem, 3.8vw, 0.95rem);
}
} .ms-section + .ms-section:not(.ms-band) { padding-top: calc(var(--ms-section-y) * 0.55); }
.ms-band + .ms-section { padding-top: var(--ms-section-y); }
#ms-hero + .ms-section { padding-top: var(--ms-section-y); }   .ms-w { display: inline-block; vertical-align: bottom; }
.ms-wi { display: inline-block; }
.ms-motion .ms-split .ms-wi {
opacity: 0;
filter: blur(10px);
transform: translateY(0.75em) rotate(1.5deg);
}
.ms-motion .ms-split.ms-split-in .ms-wi {
opacity: 1;
filter: blur(0);
transform: none;
transition:
opacity 0.8s var(--ms-ease-out) calc(var(--i, 0) * 55ms),
filter 0.9s var(--ms-ease-out) calc(var(--i, 0) * 55ms),
transform 0.9s var(--ms-ease-out) calc(var(--i, 0) * 55ms);
} .ms-motion .ms-reveal { opacity: 0; transform: translateY(28px); }
.ms-motion .ms-reveal.ms-in {
opacity: 1; transform: none;
transition:
opacity 0.8s var(--ms-ease-out) calc(var(--ms-i, 0) * 85ms),
transform 0.8s var(--ms-ease-out) calc(var(--ms-i, 0) * 85ms);
} .ms-motion .ms-scroll-reveal {
transform-origin: 0 50%;
will-change: transform;
}
.ms-motion .ms-scroll-reveal .ms-sr-word {
display: inline-block;
opacity: 0.08;
filter: blur(7px);
will-change: opacity, filter;
}
@media (prefers-reduced-motion: reduce) {
.ms-scroll-reveal,
.ms-scroll-reveal .ms-sr-word {
opacity: 1 !important;
filter: none !important;
transform: none !important;
}
} .ms-motion .ms-expand {
--ms-p: 0;
transform: scale(calc(0.82 + 0.18 * var(--ms-p)));
border-radius: calc(14px - 14px * var(--ms-p));
overflow: hidden;
transition: transform 0.15s linear, border-radius 0.15s linear;
will-change: transform;
} .ms-parallax-wrap { overflow: hidden; }
.ms-parallax { will-change: transform; } .ms-magnet { transition: transform 0.5s var(--ms-ease-out); } .ms-glare { position: relative; }
.ms-glare::before {
content: "";
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
opacity: 0;
transition: opacity 0.45s var(--ms-ease);
background: radial-gradient(
320px circle at var(--gx, 50%) var(--gy, 50%),
rgba(255, 255, 255, 0.28),
rgba(255, 255, 255, 0.06) 42%,
transparent 68%
);
}
.ms-glare:hover::before { opacity: 1; } .ms-marquee {
overflow: hidden;
background: var(--ms-charcoal);
color: var(--ms-bone);
padding-block: clamp(1rem, 0.6rem + 1.2vw, 1.75rem);
border-block: 1px solid rgba(250, 248, 245, 0.12);
}
.ms-marquee-track {
display: flex;
width: max-content;
gap: clamp(2rem, 1rem + 3vw, 4.5rem);
animation: ms-marquee 34s linear infinite;
}
.ms-marquee:hover .ms-marquee-track { animation-play-state: paused; }
.ms-marquee-track span {
font-family: var(--ms-font-display);
font-size: clamp(1.5rem, 1rem + 2.4vw, 3rem);
line-height: 1;
white-space: nowrap;
opacity: 0.85;
}
.ms-marquee-track span::after {
content: "·";
margin-left: clamp(2rem, 1rem + 3vw, 4.5rem);
color: var(--ms-brass);
}
@keyframes ms-marquee { to { transform: translateX(-50%); } } #ms-noise {
position: fixed;
inset: 0;
z-index: 9998;
pointer-events: none;
opacity: 0.045;
mix-blend-mode: multiply;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
} .ms-dark {
background: var(--ms-charcoal) !important;
color: var(--ms-bone);
}
.ms-dark h1, .ms-dark h2, .ms-dark h3, .ms-dark h4 { color: var(--ms-bone); }
.ms-dark .ms-eyebrow { color: var(--ms-brass); }
.ms-dark .ms-lead, .ms-dark p { color: rgba(250, 248, 245, 0.74); }
.ms-dark a { color: var(--ms-bone); }
.ms-dark .ms-info-row { border-top-color: rgba(250, 248, 245, 0.18); }
.ms-dark .ms-usp-item { border-top-color: rgba(250, 248, 245, 0.18); } #ms-hero { min-height: clamp(560px, 92svh, 1000px); }
#ms-hero::after {
background:
linear-gradient(90deg, rgba(20,18,15,.86) 0%, rgba(20,18,15,.80) 38%, rgba(20,18,15,.62) 58%, rgba(20,18,15,.34) 78%, rgba(20,18,15,.20) 100%),
linear-gradient(0deg, rgba(20,18,15,.62) 0%, rgba(20,18,15,.10) 55%, rgba(20,18,15,0) 100%) !important;
}
#ms-hero .ms-hero-overlay,
#ms-hero .ms-hero-overlay h1,
#ms-hero .ms-hero-overlay p { color: var(--ms-bone); }
#ms-hero .ms-hero-overlay h1 { text-shadow: 0 2px 28px rgba(20,18,15,.45); }
#ms-hero .ms-hero-overlay .ms-lead { text-shadow: 0 1px 16px rgba(20,18,15,.5); }
#ms-hero .ms-eyebrow { color: var(--ms-brass); }
#ms-hero .ms-lead { color: rgba(250, 248, 245, 0.82); }
#ms-hero .wd-image img { animation-duration: 30s; } #ms-hero .ms-hero-overlay::after {
content: "";
position: absolute;
left: var(--ms-gutter);
bottom: clamp(1.5rem, 4vw, 3rem);
width: 1px;
height: clamp(38px, 6vw, 64px);
background: linear-gradient(180deg, rgba(250,248,245,.9), rgba(250,248,245,0));
animation: ms-cue 2.4s var(--ms-ease) infinite;
}
@keyframes ms-cue {
0%, 100% { transform: scaleY(0.35); transform-origin: top; opacity: .35; }
50%      { transform: scaleY(1);    transform-origin: top; opacity: 1; }
} .ms-scrolled .whb-general-header { box-shadow: 0 1px 24px rgba(28,26,23,.10); } .wd-info-box .info-box-icon img,
.wd-product .product-image-link img { transition: transform 1s var(--ms-ease-out), filter .6s var(--ms-ease); }
.wd-info-box:hover .info-box-icon img,
.wd-product:hover .product-image-link img { transform: scale(1.07); } .wd-button-wrapper .btn,
.btn.btn-style-bordered {
position: relative; overflow: hidden; z-index: 0;
transition: color .4s var(--ms-ease), border-color .4s var(--ms-ease);
}
.wd-button-wrapper .btn::after,
.btn.btn-style-bordered::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: var(--ms-ink);
transform: scaleY(0); transform-origin: bottom;
transition: transform .45s var(--ms-ease-out);
}
.wd-button-wrapper .btn:hover::after,
.btn.btn-style-bordered:hover::after { transform: scaleY(1); } @media (max-width: 1024px) {
#ms-hero::after {
background:
linear-gradient(0deg,
rgba(20,18,15,.92) 0%,
rgba(20,18,15,.86) 32%,
rgba(20,18,15,.60) 55%,
rgba(20,18,15,.28) 78%,
rgba(20,18,15,.35) 100%) !important;
}
.ms-hero-overlay { justify-content: flex-end; padding-bottom: clamp(2.5rem, 8vw, 4.5rem); }
#ms-hero .ms-hero-overlay::after { display: none; }
}  .wd-header-mobile-nav img.wd-custom-icon { display: none !important; }
.wd-header-mobile-nav > a { display: flex !important; align-items: center; gap: 10px; }  .wd-header-mobile-nav { margin-right: clamp(1rem, 0.5rem + 1vw, 1.75rem); }
.wd-header-mobile-nav > a {
position: relative;
width: 46px;
height: 46px;
border: 1px solid currentColor;
border-radius: 50%;
justify-content: center;
gap: 0 !important;
overflow: hidden;
transition: color 0.4s var(--ms-ease), border-color 0.4s var(--ms-ease), transform 0.4s var(--ms-ease-out);
} .wd-header-mobile-nav > a::before {
content: "";
position: absolute;
inset: 0;
background: currentColor;
border-radius: 50%;
transform: scale(0);
transition: transform 0.5s var(--ms-ease-out);
z-index: 0;
} .wd-header-mobile-nav > a::after {
content: "";
position: relative;
z-index: 1;
width: 16px;
height: 7px;
border-top: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transition: transform 0.5s var(--ms-ease-out), border-color 0.4s var(--ms-ease), height 0.4s var(--ms-ease);
}
@media (hover: hover) and (pointer: fine) {
.wd-header-mobile-nav:hover > a { transform: scale(1.04); }
.wd-header-mobile-nav:hover > a::before { transform: scale(1); }
.wd-header-mobile-nav:hover > a::after { border-color: var(--ms-bone); height: 9px; }
} .ms-menu-open .wd-header-mobile-nav > a::after { height: 2px; } .wd-header-mobile-nav .wd-tools-text { margin-left: 10px; }
.wd-header-mobile-nav > a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.wd-header-mobile-nav .wd-tools-text {
font-family: var(--ms-font-body);
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
}  .whb-top-bar {
transition: max-height 0.45s var(--ms-ease), opacity 0.35s var(--ms-ease);
max-height: 60px; overflow: hidden;
}
.ms-scrolled .whb-top-bar { max-height: 0; opacity: 0; } .ms-motion .ms-split.ms-force .ms-wi,
.ms-motion .ms-reveal.ms-force {
opacity: 1 !important;
filter: none !important;
transform: none !important;
transition: none !important;
}  #ms-hero::after { background: linear-gradient(0deg,
rgba(20,18,15,.62) 0%,
rgba(20,18,15,.28) 18%,
rgba(20,18,15,0)  38%) !important;
}
@media (max-width: 1024px) {
#ms-hero::after {
background: linear-gradient(0deg,
rgba(20,18,15,.70) 0%,
rgba(20,18,15,.32) 22%,
rgba(20,18,15,0)  45%) !important;
}
} .ms-hero-overlay {
justify-content: flex-end;
padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}
.ms-hero-overlay h1 { margin: 0 0 0.45em; }
#ms-hero .ms-hero-overlay h1 { text-shadow: 0 2px 24px rgba(20,18,15,.55); } #ms-hero .ms-hero-overlay::after { display: none; } #ms-insta .wd-insta-username,
#ms-insta .instagram-username,
#ms-insta a[href*="instagram"] {
font-family: var(--ms-font-display);
font-size: clamp(1.25rem, 0.9rem + 1.5vw, 2rem);
letter-spacing: 0;
text-transform: none;
} #ms-insta .wd-insta-meta,
#ms-insta [class*="insta-likes"],
#ms-insta [class*="insta-comments"] {
font-size: var(--ms-fs-small);
opacity: 0.85;
} .wd-footer .footer-logo img[src*="mobset-logo"] {
max-width: 200px !important;
width: 100% !important;
height: auto;
display: block;
}
.wd-footer .footer-logo:has(img[src*="mobset-logo"]) {
margin-top: clamp(0.5rem, 1.5vw, 1.75rem);
} .whb-general-header .site-logo a { display: block; line-height: 0; }
.whb-main-header .wd-nav-main > li > a { align-items: center; } .whb-main-header .wd-nav-main > li > a .nav-link-text {
position: relative;
display: inline-block;
overflow: hidden;
font-family: var(--ms-font-body) !important;
font-size: 0.8125rem !important; font-weight: 400 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
line-height: 1.5;
} .whb-main-header .wd-nav-main > li > a .nav-link-text::after { display: none !important; }
.ms-nav-a, .ms-nav-b {
display: block;
transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
}
.ms-nav-b {
position: absolute;
inset: 0;
transform: translateY(105%);
color: var(--ms-brass);
}
.whb-main-header .wd-nav-main > li:hover > a .ms-nav-a,
.whb-main-header .wd-nav-main > li:focus-within > a .ms-nav-a { transform: translateY(-105%); }
.whb-main-header .wd-nav-main > li:hover > a .ms-nav-b,
.whb-main-header .wd-nav-main > li:focus-within > a .ms-nav-b { transform: translateY(0); } .whb-main-header .wd-nav-main > li.current-menu-item > a { position: relative; }
.whb-main-header .wd-nav-main > li.current-menu-item > a::after {
content: "";
position: absolute;
left: 50%; bottom: -2px;
width: 3px; height: 3px;
margin-left: -1.5px;
border-radius: 50%;
background: var(--ms-brass);
} .whb-main-header .wd-nav-main > li { margin-inline: clamp(0.5rem, 0.9vw, 1.1rem); }  .whb-general-header .whb-col-center { justify-content: center; }
.whb-general-header .whb-col-center .wd-nav-main { margin-inline: auto; } .whb-general-header .whb-col-center,
.whb-general-header .whb-col-left,
.whb-general-header .whb-col-right { align-items: center; } .whb-main-header .wd-nav-main > li.current-menu-item > a::after { bottom: -1px; } .ms-ig-head { text-align: center; max-width: 46ch; margin: 0 auto clamp(1.75rem, 1rem + 2.4vw, 3rem); }
.ms-ig-head h2 { margin: 0.15em 0 0.4em; }
.ms-ig-head .ms-lead { margin: 0 auto; }
.ms-ig-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: clamp(0.5rem, 0.3rem + 0.7vw, 1rem);
}
.ms-ig-item {
position: relative;
display: block;
aspect-ratio: 1 / 1;
overflow: hidden;
background: var(--ms-sand);
}
.ms-ig-item img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
border-radius: 0;
transition: transform 1s var(--ms-ease-out);
}
.ms-ig-item:hover img { transform: scale(1.08); } .ms-ig-veil {
position: absolute; inset: 0;
background: rgba(28, 26, 23, 0.42);
opacity: 0;
transition: opacity 0.45s var(--ms-ease);
}
.ms-ig-veil::after {
content: "↗";
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: var(--ms-bone);
font-family: var(--ms-font-body);
font-size: 1.5rem;
transform: translateY(8px);
transition: transform 0.45s var(--ms-ease-out);
}
.ms-ig-item:hover .ms-ig-veil { opacity: 1; }
.ms-ig-item:hover .ms-ig-veil::after { transform: none; }
.ms-ig-cta { text-align: center; margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); }
.ms-ig-cta .ms-btn { margin-top: 0; }
@media (max-width: 1024px) { .ms-ig-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px)  { .ms-ig-grid { grid-template-columns: repeat(2, 1fr); } } .wd-footer .footer-logo:has(img[src*="mobset-logo"]) {
max-width: 220px !important;
width: 220px !important;
}
.wd-footer .footer-logo img[src*="mobset-logo"] {
max-width: 220px !important;
width: 100% !important;
height: auto;
display: block;
} .whb-general-header .wd-header-nav,
.whb-general-header .wd-header-main-nav {
text-align: center !important;
width: 100%;
margin: 0 !important;
}
.whb-general-header .wd-nav-main {
justify-content: center !important;
vertical-align: middle;
} .whb-general-header .whb-col-center > * { align-self: center; }
.whb-general-header .wd-nav-main > li > a { padding-block: 0; } .whb-general-header .wd-header-nav {
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
} .whb-general-header .wd-nav-main { transform: translateY(3px); } .whb-general-header {
padding-top: 20px !important;
padding-bottom: 20px !important;
} .whb-sticked .whb-general-header {
padding-top: 12px !important;
padding-bottom: 12px !important;
} body, input, textarea, select, button,
.wd-nav a, .widgettitle, .wd-widget-title,
.woocommerce-breadcrumb, .wd-tools-text, .btn, .button {
font-family: var(--ms-font-body);
} .wd-entities-title,
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.wd-info-box h1, .wd-info-box h2, .wd-info-box h3, .wd-info-box h4,
.info-box-inner h1, .info-box-inner h2, .info-box-inner h3, .info-box-inner h4 {
font-family: var(--ms-font-display);
} .ms-display { font-weight: 200; letter-spacing: -0.04em; }
h1 { font-weight: 300; }
h2 { font-weight: 300; }
h3, h4 { font-weight: 400; letter-spacing: -0.015em; }
.wd-entities-title,
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.wd-info-box h1, .wd-info-box h2, .wd-info-box h3, .wd-info-box h4,
.info-box-inner h1, .info-box-inner h2, .info-box-inner h3, .info-box-inner h4 {
font-weight: 400;
letter-spacing: -0.01em;
} .ms-rail .vc_column-inner { padding-inline: 0; }
.ms-rail-aside { position: sticky; top: 120px; padding-right: clamp(1rem, 3vw, 3rem); }
.ms-rail-aside h2 { margin: 0.15em 0 0.5em; }
.ms-rail-aside .ms-lead { margin-bottom: 1.5rem; }
.ms-rail-nav { display: flex; gap: 0.6rem; margin-bottom: 1.25rem; }
.ms-rail-btn {
width: 46px; height: 46px;
border: 1px solid var(--ms-stone);
background: transparent;
color: var(--ms-ink);
font-size: 1rem;
cursor: pointer;
border-radius: 0;
transition: background 0.35s var(--ms-ease), color 0.35s var(--ms-ease), border-color 0.35s var(--ms-ease), opacity 0.35s var(--ms-ease);
}
.ms-rail-btn:hover:not(:disabled) { background: var(--ms-ink); color: var(--ms-bone); border-color: var(--ms-ink); }
.ms-rail-btn:disabled { opacity: 0.3; cursor: default; }
.ms-rail-link {
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
border-bottom: 1px solid var(--ms-stone);
padding-bottom: 3px;
}
.ms-rail-link:hover { border-color: var(--ms-brass); } .ms-rail-track .products,
.ms-rail-track .wd-products {
display: flex !important;
flex-wrap: nowrap !important;
gap: 24px;
overflow-x: auto; overflow-y: hidden;
overscroll-behavior-x: contain;
scroll-snap-type: x proximity;
scrollbar-width: none;
cursor: grab;
padding-bottom: 4px;
margin: 0 !important;
}
.ms-rail-track .products::-webkit-scrollbar { display: none; }
.ms-rail-track .products.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.ms-rail-track .products > .wd-product {
flex: 0 0 clamp(260px, 27vw, 380px);
width: auto !important;
max-width: none !important;
scroll-snap-align: start;
margin: 0 !important;
} .ms-rail-track .product-image-link img,
.ms-rail-track .wd-product img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
}
.ms-rail-track .wd-product * { user-select: none; }
@media (max-width: 1024px) { .ms-rail-aside { position: static; padding-inline: 16px; margin-bottom: 1.5rem; }
.ms-rail .vc_column_container { width: 100% !important; }
} .ms-archive-head {
padding-block: clamp(1.5rem, 1rem + 2vw, 3rem) clamp(1.75rem, 1rem + 2.5vw, 3rem);
border-bottom: 1px solid var(--ms-stone);
margin-bottom: clamp(1.75rem, 1rem + 2.5vw, 3.25rem);
}
.ms-archive-title {
font-size: var(--ms-fs-h1);
font-weight: 300;
letter-spacing: var(--ms-ls-display);
line-height: 1.02;
margin: 0.1em 0 0.4em;
}
.ms-archive-meta {
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-muted);
}
.ms-archive-head .ms-lead { margin: 0 0 1rem; } .tax-product_cat .wd-product .product-image-link img,
.post-type-archive-product .wd-product .product-image-link img {
aspect-ratio: 12 / 7;
object-fit: cover;
width: 100%;
}
.tax-product_cat .wd-product .hover-img img,
.post-type-archive-product .wd-product .hover-img img {
aspect-ratio: 12 / 7;
object-fit: cover;
}
.wd-product .hover-img img { aspect-ratio: 4 / 3; object-fit: cover; }
.tax-product_cat .wd-product .wd-entities-title,
.post-type-archive-product .wd-product .wd-entities-title { text-align: left; }
.tax-product_cat .wd-product,
.post-type-archive-product .wd-product { text-align: left; } .tax-product_cat .wd-product .wd-entities-title::after,
.post-type-archive-product .wd-product .wd-entities-title::after {
content: "İncele →";
display: block;
margin-top: 0.5em;
font-family: var(--ms-font-body);
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-muted);
opacity: 0;
transform: translateY(4px);
transition: opacity 0.4s var(--ms-ease), transform 0.4s var(--ms-ease-out);
}
.tax-product_cat .wd-product:hover .wd-entities-title::after,
.post-type-archive-product .wd-product:hover .wd-entities-title::after {
opacity: 1; transform: none;
} .single-product .ms-pd-eyebrow {
display: block;
color: var(--ms-brass) !important;
margin-bottom: 0.6em;
}
.single-product .product_title {
font-size: var(--ms-fs-h1) !important;
font-weight: 300 !important;
letter-spacing: var(--ms-ls-display) !important;
line-height: 1.04 !important;
margin: 0 0 0.6em !important;
} .single-product .summary-inner {
position: sticky;
top: 120px;
} .single-product .teklif-btn,
.single-product .wd-before-add-to-cart .btn {
width: 100%;
justify-content: center;
padding: 1.15em 2rem !important;
background: var(--ms-ink) !important;
color: var(--ms-bone) !important;
border: 1px solid var(--ms-ink) !important;
font-family: var(--ms-font-body) !important;
font-size: var(--ms-fs-eyebrow) !important;
letter-spacing: var(--ms-ls-eyebrow) !important;
text-transform: uppercase !important;
transition: background 0.4s var(--ms-ease), color 0.4s var(--ms-ease);
}
.single-product .teklif-btn:hover {
background: transparent !important;
color: var(--ms-ink) !important;
} .single-product .product_meta {
margin-top: 2rem;
padding-top: 1.1rem;
border-top: 1px solid var(--ms-stone);
font-size: var(--ms-fs-small);
color: var(--ms-muted);
}
.single-product .product_meta a { color: var(--ms-ink); }
.single-product .wd-social-icons { margin-top: 1rem; } .single-product .woocommerce-product-gallery img { border-radius: 0; }
.single-product .wd-gallery-thumb img { opacity: 0.6; transition: opacity 0.35s var(--ms-ease); }
.single-product .wd-gallery-thumb .wd-active img,
.single-product .wd-gallery-thumb img:hover { opacity: 1; }
@media (max-width: 1024px) {
.single-product .summary-inner { position: static; }
} .single-product .summary-inner,
.single-product .summary-inner .product_title,
.single-product .summary-inner .product_meta,
.single-product .summary-inner .wd-social-icons {
text-align: left !important;
}
.single-product .summary-inner .wd-social-icons { justify-content: flex-start; } .single-product .product_title {
font-size: var(--ms-fs-h2) !important;
}  .wd-product .hover-img,
.wd-product:hover .hover-img,
.wd-product .wd-product-hover,
.wd-product:hover .wd-product-hover {
transform: none !important;
} .wd-product .product-image-link img,
.wd-product .hover-img img {
transform: scale(1);
transition: transform 0.9s var(--ms-ease-out), opacity 0.5s var(--ms-ease) !important;
will-change: transform;
}
.wd-product:hover .product-image-link img,
.wd-product:hover .hover-img img {
transform: scale(1.05);
} .wd-product .hover-img { transition: opacity 0.5s var(--ms-ease) !important; } .wd-product .product-wrapper.ms-glare::before { display: none; } .ms-rail-track .wd-product .product-element-top { overflow: hidden; } .wd-product .content-product-imagin {
display: none !important;
} .home .whb-header,
.home .whb-main-header {
position: absolute !important;
left: 0; right: 0; top: 0;
z-index: 400;
} #ms-hero .ms-hero-media,
#ms-hero .ms-hero-media > .wpb_wrapper,
#ms-hero .ms-hero-slides {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
}
#ms-hero .ms-hero-slides {
touch-action: pan-y;
user-select: none;
-webkit-user-select: none;
}
#ms-hero .ms-hero-slide picture { pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
#ms-hero .ms-hero-slides { cursor: grab; }
#ms-hero .ms-hero-slides.is-swiping { cursor: grabbing; }
#ms-hero .ms-btn,
#ms-hero .ms-hero-dots button { cursor: pointer; }
}
#ms-hero .ms-hero-slide {
position: absolute;
inset: 0;
display: block;
opacity: 0;
visibility: hidden;
transition: opacity 1.15s var(--ms-ease), visibility 0s linear 1.15s;
}
#ms-hero .ms-hero-slide.is-active {
z-index: 1;
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
#ms-hero .ms-hero-slide picture,
#ms-hero .ms-hero-slide img {
display: block;
width: 100%;
height: 100%;
}
#ms-hero .ms-hero-slide img {
object-fit: cover;
object-position: 50% 50%;
animation: ms-hero-breathe 12s var(--ms-ease-out) both;
}
#ms-hero .ms-hero-slide.is-active img { animation-name: ms-hero-breathe; }
@keyframes ms-hero-breathe {
from { transform: scale(1); }
to { transform: scale(1.015); }
}
#ms-hero::after { display: none !important; }
#ms-hero .ms-hero-slide::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(0deg, rgba(20,18,15,.58) 0%, rgba(20,18,15,.18) 24%, rgba(20,18,15,0) 48%);
}
#ms-hero .ms-hero-slide-content {
position: absolute;
z-index: 2;
left: var(--ms-gutter);
bottom: clamp(2.25rem, 5vw, 4.5rem);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(.9rem, 1.6vw, 1.35rem);
color: var(--ms-bone);
}
#ms-hero .ms-hero-slide-content h1 {
margin: 0;
color: var(--ms-bone);
font-family: var(--ms-font-display);
font-size: clamp(3rem, 6.4vw, 6.5rem);
font-weight: 300;
line-height: .9;
letter-spacing: -.045em;
text-shadow: 0 2px 24px rgba(20,18,15,.42);
}
#ms-hero .ms-hero-dots {
position: absolute;
z-index: 3;
right: var(--ms-gutter);
bottom: clamp(1.5rem, 4vw, 3rem);
display: flex;
gap: 0.55rem;
}
#ms-hero .ms-hero-dots button {
width: 2.75rem;
height: 2.75rem;
padding: 0;
border: 0;
background: transparent;
position: relative;
cursor: pointer;
}
#ms-hero .ms-hero-dots button::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: rgba(250, 248, 245, 0.48);
transform: scaleX(0.45);
transition: transform 0.45s var(--ms-ease-out), background 0.3s var(--ms-ease);
}
#ms-hero .ms-hero-dots button.is-active::before {
background: var(--ms-bone);
transform: scaleX(1);
}
.ms-cat-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--ms-gap);
}
.ms-cat-grid::before,
.ms-cat-grid::after { display: none !important; }
.ms-cat-grid > .wpb_column {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.ms-cat-grid .vc_column-inner { padding-inline: 0; }
.ms-cat .info-box-icon {
background: var(--ms-sand);
margin-bottom: 1rem;
}
.ms-cat-grid > .wpb_column:nth-child(1) .info-box-icon img {
content: url(//mobset.com.tr/wp-content/themes/woodmart-child/assets/images/home/v2/category-yemek-v2.webp);
}
.ms-cat-grid > .wpb_column:nth-child(2) .info-box-icon img {
content: url(//mobset.com.tr/wp-content/themes/woodmart-child/assets/images/home/v2/category-tv-v2.webp);
}
.ms-cat-grid > .wpb_column:nth-child(3) .info-box-icon img {
content: url(//mobset.com.tr/wp-content/themes/woodmart-child/assets/images/home/v2/category-masa-v3.webp);
}
.ms-cat-grid > .wpb_column:nth-child(4) .info-box-icon img {
content: url(//mobset.com.tr/wp-content/themes/woodmart-child/assets/images/home/v2/category-sehpa-v3.webp);
}
@media (max-width: 1024px) {
.ms-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
#ms-hero { min-height: clamp(540px, calc(100svh - 88px), 780px); }
#ms-hero .ms-hero-slide-content { bottom: 5.25rem; }
#ms-hero .ms-hero-slide-content h1 { font-size: clamp(3rem, 16vw, 4.75rem); }
#ms-hero .ms-hero-dots {
left: var(--ms-gutter);
right: auto;
bottom: 1rem;
}
}  .ms-page-head .ms-bas-split {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
align-items: center;
}
.ms-page-head .ms-bas-split > .wpb_column {
width: auto !important;
min-width: 0;
}
.ms-page-head .ms-page-head-inner h1 {
width: 100%;
max-width: 100%;
font-size: clamp(3.25rem, 4vw, 6.25rem) !important;
overflow-wrap: normal;
}
.ms-page-head .ms-map,
.ms-page-head .ms-map iframe { width: 100% !important; } body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
grid-template-columns: minmax(0, 1fr) auto;
padding: clamp(2rem, 3.5vw, 4rem);
background:
radial-gradient(circle at 86% 18%, rgba(168, 132, 92, 0.12), transparent 34%),
var(--ms-sand);
border: 0;
margin-bottom: clamp(2.5rem, 4vw, 5rem);
}
body.post-type-archive-product .ms-archive-title,
body.tax-product_cat .ms-archive-title { align-self: end; }
body.post-type-archive-product .ms-archive-meta,
body.tax-product_cat .ms-archive-meta {
display: flex;
align-items: baseline;
gap: 0.55rem;
padding: 0;
text-transform: lowercase;
letter-spacing: 0.08em;
}
.ms-archive-count {
font-family: var(--ms-font-display);
font-size: clamp(3.5rem, 5vw, 7rem);
font-weight: 200;
line-height: 0.8;
letter-spacing: -0.055em;
color: var(--ms-ink);
}
.ms-archive-cats {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-top: clamp(1.5rem, 2.5vw, 2.75rem);
}
.ms-archive-cats a {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 0.65rem 1rem;
border: 1px solid color-mix(in srgb, var(--ms-ink) 22%, transparent);
color: var(--ms-ink) !important;
font-size: var(--ms-fs-small);
line-height: 1;
transition: background 0.3s var(--ms-ease), color 0.3s var(--ms-ease), border-color 0.3s var(--ms-ease);
}
.ms-archive-cats a:hover,
.ms-archive-cats a.is-active {
background: var(--ms-ink);
border-color: var(--ms-ink);
color: var(--ms-bone) !important;
}
@media (min-width: 1600px) {
body.post-type-archive-product .products,
body.tax-product_cat .products,
body.post-type-archive-product .wd-products,
body.tax-product_cat .wd-products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1024px) {
.ms-page-head .ms-bas-split { display: block; }
}
@media (max-width: 767px) {
body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
grid-template-columns: 1fr auto;
padding: 1.5rem;
}
.ms-archive-cats {
flex-wrap: nowrap;
overflow-x: auto;
margin-inline: -1.5rem;
padding-inline: 1.5rem;
scrollbar-width: none;
}
.ms-archive-cats::-webkit-scrollbar { display: none; }
.ms-archive-cats a { white-space: nowrap; }
}
@media (max-width: 480px) {
.ms-cat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.ms-cat .info-box-icon img { aspect-ratio: 1 / 1; }
}
@media (prefers-reduced-motion: reduce) {
#ms-hero .ms-hero-slide { transition: none; }
#ms-hero .ms-hero-slide img { animation: none; }
}  .home .whb-general-header,
.home .whb-top-bar,
.home .whb-main-header,
.home .whb-header {
background-color: transparent !important;
border-bottom-color: transparent !important;
box-shadow: none !important;
} #ms-hero::before {
content: "" !important;
display: block !important;
position: absolute;
top: 0; left: 0;
width: 100%;
height: clamp(150px, 20vh, 240px);
z-index: 2;
pointer-events: none;
background: linear-gradient(180deg,
rgba(250, 248, 245, 0.88) 0%,
rgba(250, 248, 245, 0.62) 40%,
rgba(250, 248, 245, 0.22) 72%,
rgba(250, 248, 245, 0) 100%);
} .whb-general-header .site-logo,
.whb-general-header .site-logo a,
.whb-general-header .site-logo img,
.whb-general-header .site-logo a img {
max-height: 90px !important;
max-width: none !important;
width: auto !important;
height: auto !important;
}
@media (max-width: 767px) {
.whb-general-header .site-logo,
.whb-general-header .site-logo a,
.whb-general-header .site-logo img,
.whb-general-header .site-logo a img { max-height: 72px !important; }
#ms-hero::before { height: clamp(120px, 16vh, 180px); }
} .home .whb-general-header-inner {
height: auto !important;
min-height: 90px;
align-items: center;
}
@media (max-width: 767px) {
.home .whb-general-header-inner { min-height: 72px; }
} .ms-usp-no,
.ms-pd-eyebrow,
.ms-archive-head .ms-eyebrow,
.ms-section-head .ms-eyebrow,
.ms-ig-head .ms-eyebrow,
.ms-split-text .ms-eyebrow,
.ms-showroom .ms-eyebrow,
.ms-info-row .ms-eyebrow {
color: var(--ms-brass-deep) !important;
} .ms-dark .ms-eyebrow,
#ms-hero .ms-eyebrow,
.ms-menu .ms-eyebrow,
.ms-marquee-track span::after {
color: var(--ms-brass) !important;
} .ms-band .ms-usp-item p,
#ms-guven .ms-usp-item p {
font-size: var(--ms-fs-body);
color: var(--ms-muted);
} @media (max-width: 1024px) {
.wd-header-mobile-nav > a {
min-width: 44px;
min-height: 44px;
margin-right: -6px;
}
} html.ms-search-open { overflow: hidden; }
.ms-search { position: fixed; inset: 0; z-index: 9999; }
.ms-search[hidden] { display: none; }
.ms-search-bg {
position: absolute; inset: 0;
background: var(--ms-charcoal);
transform: scaleY(0);
transform-origin: top;
transition: transform 0.58s cubic-bezier(0.76, 0, 0.24, 1);
}
.ms-search.is-open .ms-search-bg { transform: scaleY(1); }
.ms-search.is-closing .ms-search-bg { transform-origin: top; }
.ms-search-inner {
position: relative; z-index: 2;
height: 100%;
display: flex; flex-direction: column; justify-content: center;
max-width: var(--ms-maxw);
margin-inline: auto;
padding: 0 var(--ms-gutter);
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s var(--ms-ease-out) 0.3s, transform 0.5s var(--ms-ease-out) 0.3s;
}
.ms-search.is-open .ms-search-inner { opacity: 1; transform: none; }
.ms-search.is-closing .ms-search-inner {
opacity: 0; transform: translateY(12px);
transition: opacity 0.2s var(--ms-ease) 0s, transform 0.2s var(--ms-ease) 0s;
}
.ms-search-inner .ms-eyebrow { color: var(--ms-brass); } .ms-search-form {
display: flex; align-items: center; gap: 1rem;
border-bottom: 1px solid rgba(250, 248, 245, 0.28);
padding-bottom: 0.6rem;
margin-top: 0.4rem;
}
.ms-search-form input[type="search"] {
flex: 1 1 auto;
background: transparent !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
padding: 0 !important;
color: var(--ms-bone) !important;
font-family: var(--ms-font-display);
font-size: clamp(1.75rem, 1rem + 3.4vw, 3.75rem);
font-weight: 300;
letter-spacing: var(--ms-ls-display);
line-height: 1.1;
height: auto !important;
}
.ms-search-form input::placeholder { color: rgba(250, 248, 245, 0.34); }
.ms-search-form input::-webkit-search-cancel-button { display: none; }
.ms-search-form button[type="submit"] { flex: 0 0 auto; } .ms-search-quick { margin-top: clamp(2rem, 4vh, 3.5rem); }
.ms-search-links { display: flex; flex-wrap: wrap; gap: 0.6rem 2rem; margin-top: 0.6rem; }
.ms-search-links a {
font-family: var(--ms-font-display);
font-size: clamp(1.1rem, 0.9rem + 0.8vw, 1.6rem);
color: rgba(250, 248, 245, 0.72) !important;
position: relative;
}
.ms-search-links a::after {
content: ""; position: absolute; left: 0; right: 0; bottom: -3px;
height: 1px; background: var(--ms-brass);
transform: scaleX(0); transform-origin: left;
transition: transform 0.4s var(--ms-ease-out);
}
.ms-search-links a:hover { color: var(--ms-bone) !important; }
.ms-search-links a:hover::after { transform: scaleX(1); } .ms-search-close {
position: absolute; z-index: 3;
top: clamp(1.25rem, 3vh, 2.25rem); right: var(--ms-gutter);
width: 54px; height: 54px;
background: none; border: 0; padding: 0; cursor: pointer;
opacity: 0; transition: opacity 0.4s var(--ms-ease) 0.4s;
}
.ms-search.is-open .ms-search-close { opacity: 1; }
.ms-search.is-closing .ms-search-close { opacity: 0; transition: opacity 0.2s var(--ms-ease); }
.ms-search-close span {
position: absolute; left: 50%; top: 50%;
width: 22px; height: 2px; background: var(--ms-bone); border-radius: 2px;
transform: translate(-50%, -50%) rotate(45deg);
transition: transform 0.5s var(--ms-ease-out);
}
.ms-search-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.ms-search-close:hover span { transform: translate(-50%, -50%) rotate(135deg); }
.ms-search-close:hover span:last-child { transform: translate(-50%, -50%) rotate(45deg); } .wd-search-dropdown { display: none !important; } .ms-search-open .whb-header { opacity: 0; pointer-events: none; }
.ms-search-open .ht-ctc,
.ms-search-open [class*="ht_ctc"],
.ms-search-open #ms-noise { opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 767px) {
.ms-search-form { flex-direction: column; align-items: stretch; gap: 1.25rem; }
.ms-search-form button[type="submit"] { align-self: flex-start; }
}   .ms-page-head { padding-block: clamp(7.5rem, 5rem + 5vw, 10rem) clamp(2rem, 1rem + 3vw, 3.5rem); } .ms-page-head-inner h1 { max-width: 16ch; }
.ms-page-head-inner .ms-lead { margin-top: 1.2rem; }
.ms-page-head-inner .ms-lead { max-width: 46ch; }
.ms-page-head + .ms-section { padding-top: 0; } #ms-hikaye .wd-image img { width: 100%; height: auto; display: block; } #ms-neden .ms-usp-no {
display: block;
margin-bottom: 0.8em;
text-transform: uppercase;
}
#ms-neden .ms-usp-item h4 { margin: 0 0 0.5em; } .ms-cta-band { max-width: 54ch; }
.ms-cta-band h2 { margin: 0.15em 0 0.5em; }
.ms-cta-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.ms-cta-actions .ms-btn { margin-top: 0; }  .ms-yer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: clamp(2rem, 1rem + 3vw, 4.5rem);
}
.ms-yer-item { border-top: 1px solid var(--ms-stone); padding-top: 1.5rem; }
.ms-yer-item .ms-eyebrow { display: block; margin-bottom: 1.1rem; }
.ms-yer-item p {
margin: 0 0 1.4rem;
font-size: var(--ms-fs-body);
line-height: 1.8;
color: var(--ms-ink);
} .ms-kanal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: clamp(2rem, 1rem + 3vw, 4rem);
}
.ms-kanal-item { border-top: 1px solid var(--ms-stone); padding-top: 1.5rem; }
.ms-kanal-item .ms-eyebrow { display: block; margin-bottom: 1rem; }
.ms-kanal-deger {
display: inline-block;
font-family: var(--ms-font-display);
font-size: clamp(1.15rem, 0.9rem + 0.8vw, 1.6rem);
line-height: 1.3;
color: var(--ms-ink) !important;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 0.4s var(--ms-ease);
}
.ms-kanal-deger:hover { border-bottom-color: var(--ms-brass-deep); } .ms-ic-link {
display: inline-block;
font-size: var(--ms-fs-eyebrow);
letter-spacing: var(--ms-ls-eyebrow);
text-transform: uppercase;
color: var(--ms-ink) !important;
border-bottom: 1px solid var(--ms-stone);
padding-bottom: 3px;
transition: border-color 0.4s var(--ms-ease);
}
.ms-ic-link:hover { border-bottom-color: var(--ms-brass-deep); } .ms-form-head { text-align: center; margin-bottom: clamp(2rem, 1.2rem + 2vw, 3.25rem); }
.ms-form-head h2 { margin: 0.15em 0 0.4em; max-width: none; }
.ms-form-head .ms-lead { margin: 0 auto; max-width: 46ch; }
.ms-form-head, .ms-contact-form { max-width: 660px; margin-inline: auto; }
.ms-contact-form .wpcf7 input[type="text"],
.ms-contact-form .wpcf7 input[type="email"],
.ms-contact-form .wpcf7 input[type="tel"],
.ms-contact-form .wpcf7 textarea {
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid var(--ms-stone);
border-radius: 0;
padding: 0.85em 0;
font-family: var(--ms-font-body);
font-size: var(--ms-fs-body);
color: var(--ms-ink);
}
.ms-contact-form .wpcf7 textarea { min-height: 120px; resize: vertical; }
.ms-contact-form .wpcf7 input:focus,
.ms-contact-form .wpcf7 textarea:focus {
border-bottom-color: var(--ms-brass-deep);
outline: none;
}
.ms-contact-form .wpcf7 p { margin-bottom: 1.1rem; }
.ms-contact-form .wpcf7-form > h3 { display: none; }
.ms-contact-form .wpcf7-form > p:not(:has(input, textarea, select)) { display: none; }
.ms-contact-form .wpcf7-form p:has(#page-title) { display: none; } .ms-contact-form .wpcf7-form > p:has(input[type="submit"]) { text-align: center; margin-top: 2rem; } .ms-map, .ms-map .wpb_gmaps_widget, .ms-map .wpb_wrapper { margin: 0 !important; padding: 0 !important; } .ms-bas-split { display: flex; flex-wrap: nowrap; align-items: center; gap: clamp(1.5rem, 1rem + 2.5vw, 4rem); }
.ms-bas-split > .wpb_column {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0;
}
.ms-bas-split > .wpb_column > .vc_column-inner { padding: 0 !important; }
.ms-map iframe {
display: block;
width: 100% !important;
height: clamp(300px, 26vw, 440px) !important;
border: 0;
filter: grayscale(1) contrast(0.92);
transition: filter 0.6s var(--ms-ease);
}
.ms-map:hover iframe { filter: grayscale(0) contrast(1); }
@media (max-width: 1024px) { .vc_row.ms-bas-split { display: block; } .ms-bas-split > .wpb_column { width: 100% !important; float: none !important; }
.ms-map-yan { margin-top: clamp(1.75rem, 1rem + 3vw, 2.75rem) !important; }
.ms-map iframe { height: clamp(260px, 52vw, 360px) !important; }
} @media (min-width: 1921px) {
:root {
--ms-fs-hero:    clamp(6rem,      5.00vw, 10rem);
--ms-fs-h1:      clamp(4.25rem,   3.40vw, 7rem);
--ms-fs-h2:      clamp(3.5rem,    2.80vw, 5.5rem);
--ms-fs-h3:      clamp(1.75rem,   1.35vw, 2.5rem);
--ms-fs-h4:      clamp(1.3125rem, 1.00vw, 1.75rem);
--ms-fs-body:    clamp(1.0313rem, 0.78vw, 1.375rem);
--ms-fs-small:   clamp(0.875rem,  0.66vw, 1.125rem);
--ms-fs-eyebrow: clamp(0.75rem,   0.55vw, 0.95rem);
--ms-section-y:  clamp(5.5rem,    4.60vw, 9rem);
--ms-gap:        clamp(2.25rem,   1.90vw, 3.5rem);
}
.container,
.wd-content-layout.container,
.container.wd-entry-content,
.container.main-footer,
.container.wd-grid-g {
max-width: clamp(1600px, 76vw, 2400px) !important;
}
.wd-section-stretch > .wpb_column > .vc_column-inner,
.vc_column-inner,
.ms-hero-overlay {
max-width: clamp(1560px, 74vw, 2360px) !important;
} .ms-rail-track .products > .wd-product { flex-basis: clamp(380px, 21vw, 520px); }
}  .home #ms-hero {
height: 100vh !important;
height: 100svh !important;
min-height: 100svh !important;
max-height: none !important;
}
@supports (height: 100dvh) {
.home #ms-hero { height: 100dvh !important; }
} .home .ms-section-head > .wpb_wrapper,
.home .ms-split-text > .wpb_wrapper,
.home .ms-showroom-main,
.home .ms-ig-head {
display: block;
grid-template-columns: none;
}
.home .ms-section-head > .wpb_wrapper::before,
.home .ms-split-text > .wpb_wrapper::before,
.home .ms-showroom-main::before,
.home .ms-ig-head::before { display: none; }
.home .ms-section-head h2,
.home .ms-split-text h2,
.home .ms-showroom-main h2,
.home .ms-ig-head h2 {
margin-top: 0;
text-wrap: balance;
} .home .ms-collections-head > .wpb_wrapper {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.65fr);
align-items: end;
gap: clamp(2rem, 6vw, 8rem);
padding-top: clamp(1.25rem, 2vw, 2rem);
border-top: 1px solid color-mix(in srgb, var(--ms-ink) 24%, transparent);
}
.home .ms-collections-head h2 { margin: 0; max-width: 9ch; }
.home .ms-collections-head .ms-section-intro {
margin: 0 0 0.45rem;
max-width: 44ch;
color: var(--ms-muted);
font-size: clamp(1rem, 0.85rem + 0.35vw, 1.25rem);
line-height: 1.65;
} .home .ms-arrivals-row { overflow: hidden; }
.home .ms-arrivals-head > .wpb_wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 2rem;
padding-top: clamp(1.25rem, 2vw, 2rem);
margin-bottom: clamp(2rem, 3.6vw, 4rem);
border-top: 1px solid color-mix(in srgb, var(--ms-ink) 24%, transparent);
}
.home .ms-arrivals-head h2 {
margin: 0 0 0.25rem;
max-width: none;
font-size: var(--ms-fs-h2);
line-height: 0.98;
}
.home .ms-arrivals-head p {
margin: 0;
color: var(--ms-muted);
font-size: var(--ms-fs-body);
}
.home .ms-text-link {
display: inline-flex;
align-items: center;
gap: 0.7rem;
padding-bottom: 0.3rem;
border-bottom: 1px solid currentColor;
color: var(--ms-ink) !important;
font-size: var(--ms-fs-small);
white-space: nowrap;
}
.home .ms-text-link span { transition: transform 0.35s var(--ms-ease-out); }
.home .ms-text-link:hover span { transform: translateX(0.35rem); }
.home .ms-arrivals-grid .products,
.home .ms-arrivals-grid .wd-products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: clamp(1.15rem, 2vw, 2.25rem) !important;
margin: 0 !important;
}
.home .ms-arrivals-grid .wd-product {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.home .ms-arrivals-grid .wd-product:nth-child(-n+2) { grid-column: span 2; }
.home .ms-arrivals-grid .product-wrapper { height: 100%; }
.home .ms-arrivals-grid .product-element-top {
overflow: hidden;
background: var(--ms-warm-white);
aspect-ratio: 4 / 3;
}
.home .ms-arrivals-grid .wd-product:nth-child(-n+2) .product-element-top { aspect-ratio: 16 / 10; }
.home .ms-arrivals-grid .product-element-top img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: transform 0.8s var(--ms-ease-out);
}
.home .ms-arrivals-grid .wd-product:hover .product-element-top img { transform: scale(1.025); }
.home .ms-arrivals-grid .wd-entities-title {
margin-top: 1rem;
font-size: clamp(0.94rem, 0.86rem + 0.2vw, 1.08rem);
line-height: 1.35;
} body.post-type-archive-product .main-page-wrapper,
body.tax-product_cat .main-page-wrapper,
body.single-product .main-page-wrapper {
padding-top: clamp(1.25rem, 2.2vw, 2.75rem);
}
body.post-type-archive-product .main-page-wrapper,
body.tax-product_cat .main-page-wrapper {
padding-top: clamp(2.5rem, 3vw, 4rem);
}
body.single-product .main-page-wrapper {
padding-top: clamp(3.25rem, 4vw, 4rem);
}
body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: 2rem;
padding: clamp(2.25rem, 4vw, 4.5rem) 0 clamp(1.5rem, 2.5vw, 2.75rem);
margin-bottom: clamp(2rem, 3vw, 3.5rem);
border-bottom: 1px solid color-mix(in srgb, var(--ms-ink) 22%, transparent);
}
body.post-type-archive-product .ms-archive-head::before,
body.tax-product_cat .ms-archive-head::before { display: none; }
body.post-type-archive-product .ms-archive-title,
body.tax-product_cat .ms-archive-title {
margin: 0;
max-width: 14ch;
font-size: var(--ms-fs-h1);
line-height: 0.96;
}
body.post-type-archive-product .ms-archive-meta,
body.tax-product_cat .ms-archive-meta {
padding-bottom: 0.35rem;
color: var(--ms-muted);
font-size: var(--ms-fs-small);
}
body.post-type-archive-product .ms-archive-head .ms-lead,
body.tax-product_cat .ms-archive-head .ms-lead {
grid-column: 1 / -1;
max-width: 56ch;
margin: 0;
}
body.single-product .product-image-summary-wrap {
padding-top: clamp(1.75rem, 3vw, 3.75rem);
}
body.single-product .summary-inner { padding-top: clamp(0.25rem, 0.8vw, 0.75rem); }
body.single-product .ms-pd-category {
display: inline-block;
margin-bottom: clamp(0.8rem, 1.4vw, 1.2rem);
padding-bottom: 0.2rem;
border-bottom: 1px solid color-mix(in srgb, var(--ms-ink) 35%, transparent);
color: var(--ms-muted) !important;
font-size: var(--ms-fs-small);
line-height: 1.2;
}
body.single-product .ms-pd-category:hover {
border-color: var(--ms-ink);
color: var(--ms-ink) !important;
}
@media (max-width: 1024px) {
.home .ms-arrivals-grid .products,
.home .ms-arrivals-grid .wd-products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.home .ms-arrivals-grid .wd-product:nth-child(-n+2) { grid-column: span 1; }
}
@media (max-width: 767px) {
.home .ms-collections-head > .wpb_wrapper,
.home .ms-arrivals-head > .wpb_wrapper { grid-template-columns: 1fr; gap: 1.1rem; }
.home .ms-collections-head h2 { max-width: none; }
.home .ms-arrivals-head .ms-text-link { justify-self: start; }
.home .ms-arrivals-grid .wd-product:nth-child(-n+2) { grid-column: span 2; }
.home .ms-arrivals-grid .wd-product:nth-child(n+3) .product-element-top { aspect-ratio: 1 / 1; }
body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head { grid-template-columns: 1fr; gap: 0.75rem; }
}
@media (max-width: 380px) {
.home .ms-arrivals-grid .products,
.home .ms-arrivals-grid .wd-products { grid-template-columns: 1fr !important; }
.home .ms-arrivals-grid .wd-product:nth-child(-n+2) { grid-column: span 1; }
}
@media (max-height: 520px) and (orientation: landscape) {
.home #ms-hero .ms-hero-slide-content { bottom: 1.1rem; }
.home #ms-hero .ms-hero-slide-content h1 { font-size: clamp(2.25rem, 9vh, 3.25rem); }
.home #ms-hero .ms-hero-slide-content .ms-btn { margin-top: 0.65rem; }
.home #ms-hero .ms-hero-dots { bottom: 0.8rem; }
}  .whb-general-header .whb-general-header-inner {
height: auto !important;
min-height: 90px;
align-items: center;
}
body:not(.home) .whb-header,
body:not(.home) .whb-main-header,
body:not(.home) .whb-general-header {
background-color: var(--ms-bone) !important;
}
@media (max-width: 767px) {
:root {
--ms-gutter: clamp(1.25rem, 0.95rem + 1.6vw, 1.5rem);
}
.whb-general-header .whb-general-header-inner {
min-height: 72px;
padding-inline: var(--ms-gutter) !important;
} .wd-content-layout.container,
.container.wd-content-layout,
.container.wd-grid-f,
.container.wd-grid-g,
.container.wd-entry-content,
.main-footer.container,
.wd-footer .container {
padding-inline: var(--ms-gutter) !important;
} body.single-product .single-product-page > .container {
padding-inline: var(--ms-gutter) !important;
} body.post-type-archive-product .main-page-wrapper,
body.tax-product_cat .main-page-wrapper {
padding-top: 4.25rem !important;
}
body.single-product .main-page-wrapper {
padding-top: 4.5rem !important;
} .ms-page-head > .wpb_column > .vc_column-inner,
.ms-section > .wpb_column > .vc_column-inner {
padding-inline: var(--ms-gutter) !important;
} .home #ms-hero,
.ms-band,
.ms-dark,
.wd-footer {
--ms-gutter: 1rem;
} .home #ms-hero,
.home .ms-band,
.home .ms-dark {
width: 100vw !important;
max-width: none !important;
margin-inline: calc(50% - 50vw) !important;
}
} @media (hover: none), (pointer: coarse) {
.wd-product .hover-img,
.wd-product .wd-entities-title::after {
display: none !important;
}
.wd-product:hover .product-element-top img,
.home .ms-arrivals-grid .wd-product:hover .product-element-top img {
transform: none !important;
}
} body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: clamp(1.25rem, 2.5vw, 3rem);
padding: clamp(2rem, 3.5vw, 4rem);
border: 0;
margin-bottom: clamp(2.5rem, 4vw, 5rem);
}
body.post-type-archive-product .ms-archive-head > .ms-archive-title,
body.tax-product_cat .ms-archive-head > .ms-archive-title {
grid-column: 1;
grid-row: 1;
align-self: end;
margin: 0;
}
body.post-type-archive-product .ms-archive-head > .ms-archive-meta,
body.tax-product_cat .ms-archive-head > .ms-archive-meta {
grid-column: 2;
grid-row: 1;
align-self: end;
justify-self: end;
padding: 0;
}
body.post-type-archive-product .ms-archive-head > .ms-lead,
body.tax-product_cat .ms-archive-head > .ms-lead {
grid-column: 1 / -1;
grid-row: 2;
}
body.post-type-archive-product .ms-archive-head > .ms-archive-cats,
body.tax-product_cat .ms-archive-head > .ms-archive-cats {
grid-column: 1 / -1;
grid-row: 3;
margin-top: 0;
}
@media (max-width: 767px) {
body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.25rem 1.5rem;
padding: 1.5rem;
}
body.post-type-archive-product .ms-archive-title,
body.tax-product_cat .ms-archive-title {
font-size: clamp(2.5rem, 11.5vw, 3.25rem);
}
.ms-archive-count { font-size: clamp(3rem, 13.5vw, 4rem); }
} .home #ms-yeni.ms-arrivals-row {
padding-block: clamp(2.75rem, 4vw, 4.75rem);
background: var(--ms-sand);
}
.home #ms-yeni .ms-arrivals-head > .wpb_wrapper {
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem;
padding-top: 0;
margin-bottom: clamp(1.5rem, 2.2vw, 2.5rem);
border-top: 0;
}
.home #ms-yeni .ms-arrivals-head h2 {
font-size: clamp(2.6rem, 4.2vw, 5rem);
line-height: 0.94;
}
.home #ms-yeni .ms-arrivals-head p {
max-width: 34ch;
margin-top: 0.55rem;
}
.home #ms-yeni .ms-arrivals-grid .products,
.home #ms-yeni .ms-arrivals-grid .wd-products {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: clamp(0.8rem, 1.35vw, 1.35rem) !important;
}
.home #ms-yeni .ms-arrivals-grid .wd-product,
.home #ms-yeni .ms-arrivals-grid .wd-product:nth-child(-n+2) {
grid-column: span 1;
}
.home #ms-yeni .ms-arrivals-grid .product-element-top,
.home #ms-yeni .ms-arrivals-grid .wd-product:nth-child(-n+2) .product-element-top {
aspect-ratio: 4 / 3;
border: 1px solid color-mix(in srgb, var(--ms-ink) 9%, transparent);
background: var(--ms-warm-white);
}
.home #ms-yeni .ms-arrivals-grid .wd-entities-title {
margin-top: 0.75rem;
font-size: clamp(0.82rem, 0.75rem + 0.18vw, 0.98rem);
}
@media (max-width: 1024px) and (min-width: 768px) {
.home #ms-yeni .ms-arrivals-grid .products,
.home #ms-yeni .ms-arrivals-grid .wd-products {
grid-template-columns: none !important;
grid-auto-flow: column;
grid-auto-columns: minmax(14rem, 31vw);
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scrollbar-width: none;
padding-bottom: 0.25rem;
}
.home #ms-yeni .ms-arrivals-grid .products::-webkit-scrollbar,
.home #ms-yeni .ms-arrivals-grid .wd-products::-webkit-scrollbar {
display: none;
}
.home #ms-yeni .ms-arrivals-grid .wd-product,
.home #ms-yeni .ms-arrivals-grid .wd-product:nth-child(-n+2) {
width: auto !important;
grid-column: auto;
scroll-snap-align: start;
}
} .wd-product .product-wrapper {
gap: 0 !important;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--ms-ink) 12%, transparent);
background: var(--ms-bone);
transition: border-color 0.3s var(--ms-ease), transform 0.35s var(--ms-ease-out);
}
.wd-product:hover .product-wrapper {
border-color: color-mix(in srgb, var(--ms-ink) 28%, transparent);
transform: translateY(-2px);
}
.wd-product .product-element-bottom {
min-height: 3.5rem;
padding: 0.9rem 1rem !important;
background: var(--ms-bone);
border-top: 1px solid color-mix(in srgb, var(--ms-ink) 10%, transparent);
}
.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.home #ms-yeni .ms-arrivals-grid .wd-entities-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
margin: 0 !important;
line-height: 1.25;
}
.wd-product .wd-entities-title > a {
flex: 1 1 auto;
}
.wd-product .wd-entities-title::after,
.product-grid-item .wd-entities-title::after {
content: "→" !important;
display: inline-block !important;
flex: 0 0 auto;
margin: 0 !important;
color: var(--ms-muted);
font-family: var(--ms-font-body);
font-size: 0.9em;
line-height: 1;
opacity: 0.65 !important;
transform: none !important;
transition: transform 0.3s var(--ms-ease-out), opacity 0.3s var(--ms-ease);
}
.wd-product:hover .wd-entities-title::after,
.product-grid-item:hover .wd-entities-title::after {
opacity: 1 !important;
transform: translateX(0.2rem) !important;
}
.home #ms-yeni .wd-product .product-element-top {
border: 0;
}
@media (hover: none), (pointer: coarse) {
.wd-product:hover .product-wrapper {
transform: none;
}
} @media (max-width: 767px) {
body.post-type-archive-product .ms-archive-head,
body.tax-product_cat .ms-archive-head {
width: 100vw;
max-width: none;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.25rem 1rem;
margin-inline: calc(50% - 50vw) !important;
margin-bottom: 2rem;
padding: 1.5rem var(--ms-gutter);
}
body.post-type-archive-product .ms-archive-title,
body.tax-product_cat .ms-archive-title {
font-size: clamp(2.25rem, 10vw, 2.75rem);
line-height: 1;
}
body.post-type-archive-product .ms-archive-meta,
body.tax-product_cat .ms-archive-meta {
gap: 0.4rem;
align-self: center;
letter-spacing: 0.06em;
}
body.post-type-archive-product .ms-archive-count,
body.tax-product_cat .ms-archive-count {
font-size: clamp(1.85rem, 8vw, 2.2rem);
line-height: 1;
}
body.post-type-archive-product .ms-archive-head > .ms-archive-cats,
body.tax-product_cat .ms-archive-head > .ms-archive-cats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.6rem;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
}
.ms-archive-cats a {
justify-content: center;
min-width: 0;
padding-inline: 0.65rem;
text-align: center;
white-space: normal;
}
}
@media (max-width: 767px) {
.home #ms-yeni.ms-arrivals-row {
padding-block: 3rem;
width: 100vw;
max-width: none;
margin-inline: calc(50% - 50vw) !important;
}
.home #ms-yeni .ms-arrivals-head > .wpb_wrapper {
grid-template-columns: 1fr;
gap: 1rem;
margin-bottom: 1.5rem;
}
.home #ms-yeni .ms-arrivals-head h2 {
font-size: clamp(2.5rem, 12vw, 3.4rem);
}
.home #ms-yeni .ms-arrivals-grid .products,
.home #ms-yeni .ms-arrivals-grid .wd-products {
display: grid !important;
grid-template-columns: none !important;
grid-auto-flow: column;
grid-auto-columns: minmax(15.5rem, 78vw);
gap: 1rem !important;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scrollbar-width: none;
margin-inline: calc(var(--ms-gutter) * -1) !important;
padding-inline: var(--ms-gutter);
padding-bottom: 0.25rem;
}
.home #ms-yeni .ms-arrivals-grid .products::-webkit-scrollbar,
.home #ms-yeni .ms-arrivals-grid .wd-products::-webkit-scrollbar {
display: none;
}
.home #ms-yeni .ms-arrivals-grid .wd-product,
.home #ms-yeni .ms-arrivals-grid .wd-product:nth-child(-n+2) {
width: auto !important;
grid-column: auto;
scroll-snap-align: start;
}
} .home #ms-yeni .ms-showcase-ready > .ms-showcase-source {
display: none !important;
}
.home #ms-yeni.ms-arrivals-row {
position: relative;
overflow: hidden;
padding-block: clamp(2rem, 2.8vw, 3rem);
background:
radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--ms-white) 72%, transparent) 0, transparent 38%),
var(--ms-sand);
}
.home #ms-yeni .ms-arrivals-head > .wpb_wrapper {
position: relative;
z-index: 2;
gap: 0.65rem 1.25rem;
margin-bottom: clamp(0.35rem, 0.7vw, 0.7rem);
}
.home #ms-yeni .ms-arrivals-head h2 {
font-size: clamp(2.25rem, 3vw, 3.35rem);
}
.home #ms-yeni .ms-arrivals-head p {
margin-top: 0.25rem;
margin-bottom: 0;
line-height: 1.45;
}
.home #ms-yeni .ms-coverflow {
--cf-card: clamp(190px, 22vw, 330px);
position: relative;
width: 100%;
color: var(--ms-ink);
}
.home #ms-yeni .ms-coverflow-stage {
position: relative;
min-height: clamp(300px, 27vw, 390px);
}
.home #ms-yeni .ms-coverflow-frame {
position: absolute;
inset: 0;
display: grid;
align-items: center;
overflow: hidden;
padding-block: clamp(1rem, 1.8vw, 1.75rem);
outline: none;
cursor: grab;
touch-action: pan-y;
}
.home #ms-yeni .ms-coverflow-frame.is-dragging {
cursor: grabbing;
}
.home #ms-yeni .ms-coverflow-frame:focus-visible {
outline: 1px solid var(--ms-ink);
outline-offset: -3px;
}
.home #ms-yeni .ms-coverflow-track {
position: relative;
height: var(--cf-card);
transform-style: preserve-3d;
user-select: none;
-webkit-user-select: none;
}
.home #ms-yeni .ms-coverflow-card {
position: absolute;
top: 0;
left: 50%;
width: var(--cf-card);
aspect-ratio: 1;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--ms-ink) 12%, transparent);
border-radius: 18px;
background: var(--ms-bone);
box-shadow: 0 24px 60px color-mix(in srgb, var(--ms-ink) 18%, transparent);
transform-origin: center center;
will-change: transform, opacity;
-webkit-tap-highlight-color: transparent;
}
.home #ms-yeni .ms-coverflow-card::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid color-mix(in srgb, var(--ms-white) 45%, transparent);
border-radius: inherit;
pointer-events: none;
}
.home #ms-yeni .ms-coverflow-card img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
transition: transform 0.7s var(--ms-ease-out);
}
.home #ms-yeni .ms-coverflow-card.is-active:hover img {
transform: scale(1.025);
}
.home #ms-yeni .ms-coverflow-card-name {
display: none;
}
.home #ms-yeni .ms-coverflow-nav {
position: absolute;
z-index: 200;
top: 50%;
display: grid;
width: 3rem;
height: 3rem;
padding: 0;
place-items: center;
border: 1px solid color-mix(in srgb, var(--ms-ink) 18%, transparent);
border-radius: 50%;
color: var(--ms-ink);
background: color-mix(in srgb, var(--ms-bone) 88%, transparent);
box-shadow: 0 8px 24px color-mix(in srgb, var(--ms-ink) 10%, transparent);
transform: translateY(-50%);
transition: color 0.25s var(--ms-ease), background 0.25s var(--ms-ease), transform 0.25s var(--ms-ease-out);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.home #ms-yeni .ms-coverflow-nav.is-prev {
left: max(0.25rem, 1.25vw);
}
.home #ms-yeni .ms-coverflow-nav.is-next {
right: max(0.25rem, 1.25vw);
}
.home #ms-yeni .ms-coverflow-nav:hover,
.home #ms-yeni .ms-coverflow-nav:focus-visible {
color: var(--ms-bone);
background: var(--ms-ink);
}
.home #ms-yeni .ms-coverflow-nav.is-prev:hover {
transform: translate(-0.15rem, -50%);
}
.home #ms-yeni .ms-coverflow-nav.is-next:hover {
transform: translate(0.15rem, -50%);
}
.home #ms-yeni .ms-coverflow-footer {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
min-height: 2.85rem;
border-top: 1px solid color-mix(in srgb, var(--ms-ink) 14%, transparent);
}
.home #ms-yeni .ms-coverflow-caption {
grid-column: 2;
display: flex;
align-items: baseline;
justify-content: center;
gap: clamp(0.75rem, 1.4vw, 1.4rem);
min-width: 20rem;
color: var(--ms-ink);
text-align: center;
}
.home #ms-yeni .ms-coverflow-caption strong {
font-family: var(--ms-font-display);
font-size: clamp(1.05rem, 1.15vw, 1.25rem);
font-weight: 400;
letter-spacing: -0.02em;
}
.home #ms-yeni .ms-coverflow-caption span {
color: var(--ms-muted);
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.home #ms-yeni .ms-coverflow-caption i {
display: inline-block;
margin-left: 0.25rem;
font-style: normal;
transition: transform 0.25s var(--ms-ease-out);
}
.home #ms-yeni .ms-coverflow-caption:hover i {
transform: translate(0.15rem, -0.15rem);
}
@media (max-width: 767px) {
.home #ms-yeni.ms-arrivals-row {
padding-block: 1.5rem;
}
.home #ms-yeni .ms-arrivals-head {
margin-bottom: 0.75rem;
}
.home #ms-yeni .ms-arrivals-head > .wpb_wrapper {
padding-inline: 0;
margin-bottom: 0;
}
.home #ms-yeni .ms-arrivals-head h2 {
font-size: var(--ms-fs-h2);
line-height: var(--ms-lh-display);
}
.home #ms-yeni .ms-arrivals-head p {
line-height: var(--ms-lh-body);
}
.home #ms-yeni .ms-coverflow {
--cf-card: clamp(192px, 61vw, 248px);
}
.home #ms-yeni .ms-coverflow-stage {
min-height: 285px;
}
.home #ms-yeni .ms-coverflow-frame {
padding-block: 1rem;
}
.home #ms-yeni .ms-coverflow-nav {
top: auto;
bottom: 1.25rem;
width: 2.75rem;
height: 2.75rem;
transform: none;
}
.home #ms-yeni .ms-coverflow-nav.is-prev {
left: var(--ms-gutter);
}
.home #ms-yeni .ms-coverflow-nav.is-next {
right: var(--ms-gutter);
}
.home #ms-yeni .ms-coverflow-nav.is-prev:hover,
.home #ms-yeni .ms-coverflow-nav.is-next:hover {
transform: none;
}
.home #ms-yeni .ms-coverflow-footer {
grid-template-columns: 1fr;
gap: 0;
min-height: 2.75rem;
margin-top: 0.15rem;
padding: 0.55rem var(--ms-gutter) 0;
}
.home #ms-yeni .ms-coverflow-caption {
grid-column: 1;
flex-direction: row;
gap: 0.75rem;
min-width: 0;
}
.home #ms-yeni .ms-coverflow-caption strong {
font-size: 1.05rem;
white-space: nowrap;
}
.home #ms-yeni .ms-coverflow-caption span {
font-size: 0.66rem;
white-space: nowrap;
}
}
@media (prefers-reduced-motion: reduce) {
.home #ms-yeni .ms-coverflow-card img,
.home #ms-yeni .ms-coverflow-nav,
.home #ms-yeni .ms-coverflow-caption i {
transition: none !important;
}
} .home #ms-guven {
display: none !important;
} @media (min-width: 768px) {
body.post-type-archive-product .main-page-wrapper,
body.tax-product_cat .main-page-wrapper {
padding-top: max(5.625rem, clamp(2.5rem, 3vw, 4rem)) !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
body.single-product .main-page-wrapper {
padding-top: 5.625rem !important;
}
} @media (min-width: 600px) and (max-width: 799px) {
body.post-type-archive-product .products,
body.tax-product_cat .products,
body.post-type-archive-product .wd-products,
body.tax-product_cat .wd-products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} @media (min-width: 1025px) {
.whb-general-header .whb-general-header-inner {
position: relative;
}
.whb-general-header .whb-col-center.whb-visible-lg {
position: absolute;
inset-inline-start: 50%;
width: auto;
margin: 0 !important;
padding-bottom: 0 !important;
transform: translateX(-50%);
}
}  html.ms-menu-scrolllock,
html.ms-menu-scrolllock body { overflow: hidden !important; overscroll-behavior: none; }
html.ms-menu-locked { scrollbar-color: var(--ms-charcoal) var(--ms-charcoal); }
.ms-menu-locked .whb-header { opacity: 0; pointer-events: none; }
.ms-menu-locked .ht-ctc,
.ms-menu-locked .ht-ctc-chat,
.ms-menu-locked [class*="ht_ctc"],
.ms-menu-locked .wd-sticky-btn,
.ms-menu-locked #ms-noise {
opacity: 0 !important;
pointer-events: none !important;
} .ms-menu-open .mobile-nav,
.ms-menu-open .wd-close-side { visibility: hidden !important; pointer-events: none !important; }
.ms-menu { --ms-menu-w: var(--ms-maxw); --ms-menu-x: max(var(--ms-gutter), calc((100% - var(--ms-menu-w)) / 2 + var(--ms-gutter))); --ms-bar-top: clamp(1.25rem, 3vh, 2.25rem);
--ms-bar-h: 54px;
--ms-logo-w: clamp(116px, 11vw, 176px);
--ms-bar-mid: calc(var(--ms-bar-top) + max(var(--ms-bar-h), var(--ms-logo-w) / 2) / 2);
position: fixed;
inset: 0;
z-index: 100000000; display: block;
color: var(--ms-bone);
touch-action: manipulation;
outline: none;
}
.ms-menu[hidden] { display: none; } .ms-menu.is-closing { pointer-events: none; } .ms-menu-bg {
position: absolute;
inset: 0;
background: var(--ms-charcoal);
transform: scaleY(0);
transform-origin: top;
transition: transform 0.62s cubic-bezier(0.76, 0, 0.24, 1);
}
.ms-menu.is-open .ms-menu-bg { transform: scaleY(1); } .ms-menu-logo {
position: absolute;
z-index: 3;
top: calc(var(--ms-bar-mid) - var(--ms-logo-w) / 4);
left: var(--ms-menu-x);
display: block;
width: var(--ms-logo-w);
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.45s var(--ms-ease) 0.28s, transform 0.6s var(--ms-ease-out) 0.28s;
}
.ms-menu.is-open .ms-menu-logo { opacity: 1; transform: none; }
.ms-menu-logo img { display: block; width: 100%; height: auto; } .ms-menu-close {
position: absolute;
z-index: 3;
top: calc(var(--ms-bar-mid) - var(--ms-bar-h) / 2);
right: var(--ms-menu-x);
width: var(--ms-bar-h);
height: var(--ms-bar-h);
margin: 0;
padding: 0;
border: 0;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
cursor: pointer;
opacity: 0;
transition: opacity 0.4s var(--ms-ease) 0.4s;
}
.ms-menu.is-open .ms-menu-close { opacity: 1; }
.ms-menu-close span {
position: absolute;
left: 50%;
top: 50%;
width: 22px;
height: 2px;
border-radius: 2px;
background: var(--ms-bone);
transform: translate(-50%, -50%) rotate(45deg);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.ms-menu-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }
.ms-menu-close:focus { outline: none; }
.ms-menu-close:focus-visible { outline: 1px solid var(--ms-brass); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
.ms-menu-close:hover span { transform: translate(-50%, -50%) rotate(135deg); }
.ms-menu-close:hover span:last-child { transform: translate(-50%, -50%) rotate(45deg); }
} .ms-menu-inner {
position: relative;
z-index: 2;
height: 100%;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: clamp(2rem, 4vw, 6rem);
align-items: center;
padding: clamp(5.5rem, 12vh, 8.5rem) var(--ms-gutter) clamp(2rem, 6vh, 4rem);
max-width: var(--ms-menu-w);
margin-inline: auto;
}
.ms-menu-nav {
max-height: 100%;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: none;
}
.ms-menu-nav::-webkit-scrollbar { width: 0; } .ms-menu-list { list-style: none; margin: 0; padding: 0; }
.ms-menu-item { border-top: 1px solid rgba(250, 248, 245, 0.12); }
.ms-menu-item:last-child { border-bottom: 1px solid rgba(250, 248, 245, 0.12); }
.ms-menu-link {
display: flex;
align-items: baseline;
width: fit-content; max-width: 100%;
padding-block: clamp(0.45rem, 1.1vh, 0.9rem);
color: var(--ms-bone) !important;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
} .ms-menu-label {
display: block;
overflow: hidden;
padding-right: 0.12em;
font-family: var(--ms-font-display);
font-size: clamp(1.6rem, 0.9rem + 2.5vw, 3rem);
font-weight: 300;
line-height: 1.12;
letter-spacing: -0.03em;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
}
.ms-menu-label > span {
display: block;
transform: translateY(105%);
transition:
transform 0.72s cubic-bezier(0.16, 1, 0.3, 1) calc(0.22s + var(--i, 0) * 0.055s),
color 0.35s var(--ms-ease);
}
.ms-menu.is-open .ms-menu-label > span { transform: none; }
.ms-menu-item.is-current .ms-menu-label > span { color: var(--ms-brass); }
@media (hover: hover) and (pointer: fine) {
.ms-menu-link:hover .ms-menu-label { transform: translateX(0.5rem); }
.ms-menu-link:hover .ms-menu-label > span { color: var(--ms-brass); }
}
.ms-menu-link:focus-visible .ms-menu-label { transform: translateX(0.5rem); }
.ms-menu-link:focus-visible .ms-menu-label > span { color: var(--ms-brass); }
.ms-menu-link:focus-visible { box-shadow: inset 0 -1px 0 var(--ms-brass); }
.ms-menu-subs {
display: flex;
flex-wrap: wrap;
gap: 0 1.25rem;
padding: 0 0 0.75rem;
}
.ms-menu-subs a {
font-size: var(--ms-fs-small);
color: rgba(250, 248, 245, 0.6) !important;
transition: color 0.3s var(--ms-ease);
}
.ms-menu-subs a:hover { color: var(--ms-brass) !important; } .ms-menu-aside {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(1.5rem, 3vh, 2.5rem);
opacity: 0;
transform: translateY(18px);
transition: opacity 0.6s var(--ms-ease-out) 0.42s, transform 0.6s var(--ms-ease-out) 0.42s;
}
.ms-menu.is-open .ms-menu-aside { opacity: 1; transform: none; } .ms-menu-media {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: rgba(250, 248, 245, 0.05);
}
.ms-menu-media img {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
opacity: 0;
transform: scale(1.04); transition: opacity 0.55s var(--ms-ease) 0.55s, transform 1.1s var(--ms-ease-out);
}
.ms-menu-media img.is-on {
z-index: 2;
opacity: 1;
transform: none;
transition: opacity 0.55s var(--ms-ease) 0s, transform 1.1s var(--ms-ease-out);
}
.ms-menu-meta { display: grid; gap: 0.9rem; }
.ms-menu-meta-row {
border-top: 1px solid rgba(250, 248, 245, 0.14);
padding-top: 0.85rem;
line-height: 1.5;
}
.ms-menu-meta-row .ms-eyebrow { display: block; color: var(--ms-brass); margin-bottom: 0.35em; }
.ms-menu-meta-row a,
.ms-menu-meta-row p {
margin: 0;
font-size: var(--ms-fs-small);
color: rgba(250, 248, 245, 0.8) !important;
transition: color 0.3s var(--ms-ease);
}
.ms-menu-meta-row a:hover { color: var(--ms-bone) !important; }
.ms-menu-social { display: flex; gap: 1rem; text-transform: capitalize; } .ms-menu.is-closing .ms-menu-label { transform: none; }
.ms-menu.is-closing .ms-menu-label > span {
transform: translateY(105%);
transition: transform 0.34s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.ms-menu.is-closing .ms-menu-aside {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.26s var(--ms-ease) 0s, transform 0.26s var(--ms-ease) 0s;
}
.ms-menu.is-closing .ms-menu-close,
.ms-menu.is-closing .ms-menu-logo { opacity: 0; transition: opacity 0.2s var(--ms-ease) 0s; } @media (min-width: 901px) and (max-height: 820px) {
.ms-menu-inner { padding-top: clamp(5rem, 11vh, 6.5rem); padding-bottom: clamp(1.5rem, 4vh, 2.5rem); }
.ms-menu-label { font-size: clamp(1.5rem, 4.4vh, 2.6rem); }
.ms-menu-link { padding-block: clamp(0.3rem, 0.8vh, 0.6rem); }
} @media (max-width: 900px) {
.ms-menu { height: 100svh; height: 100dvh; }
.ms-menu-inner {
grid-template-columns: 1fr;
align-content: safe center;
gap: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding-top: calc(4.75rem + env(safe-area-inset-top, 0px));
padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
}
.ms-menu-nav { max-height: none; overflow: visible; }
.ms-menu-aside { display: none; }
.ms-menu-link { width: 100%; } .ms-menu {
--ms-bar-top: calc(0.6rem + env(safe-area-inset-top, 0px));
--ms-bar-h: 48px;
--ms-logo-w: clamp(108px, 31vw, 142px);
}
}
@media (max-width: 480px) {
.ms-menu-label { font-size: clamp(1.6rem, 1rem + 5vw, 2.4rem); }
} @media (min-width: 1921px) {
.ms-menu { --ms-menu-w: clamp(1560px, 74vw, 2360px); }
.ms-menu-label { font-size: clamp(3rem, 2.6vw, 5.5rem); }
.ms-menu { --ms-logo-w: clamp(176px, 7vw, 260px); --ms-bar-h: 64px; }
.ms-menu-close span { width: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.ms-menu-bg,
.ms-menu-logo,
.ms-menu-close,
.ms-menu-label,
.ms-menu-label > span,
.ms-menu-aside,
.ms-menu-media img {
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
}
} @property --ms-gl-angle   { syntax: "<angle>";      initial-value: 0deg;    inherits: false; }
@property --ms-gl-offset  { syntax: "<angle>";      initial-value: 0deg;    inherits: false; }
@property --ms-gl-percent { syntax: "<percentage>"; initial-value: 5%;      inherits: false; }
@property --ms-gl-shine   { syntax: "<color>";      initial-value: #f3e6d3; inherits: false; }
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)),
.wpcf7 input.wpcf7-submit {
--gl-fill: #1c1a17;
--gl-inset: #2f2a23;
--gl-label: #faf8f5;
--gl-accent: #a8845c;
--gl-soft: #d4b48c;
--gl-dot: #ffffff;
--gl-dur: 3s;
--gl-ease: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
--gl-fs: clamp(0.95rem, 0.9rem + 0.25vw, 1.125rem);
--gl-py: clamp(0.95rem, 0.85rem + 0.35vw, 1.25rem);
--gl-px: clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem);
--ms-gl-shine: #f3e6d3;
isolation: isolate;
position: relative;
overflow: hidden;
cursor: pointer;
outline-offset: 4px;
-webkit-appearance: none;
appearance: none;
min-height: 0 !important;
height: auto !important;
padding: var(--gl-py) var(--gl-px) !important;
font-family: var(--ms-font-body) !important;
font-size: var(--gl-fs) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-decoration: none !important;
text-shadow: none !important;
text-align: center;
color: var(--gl-label) !important;
border: 1px solid transparent !important;
border-radius: 32px !important;
background:
linear-gradient(var(--gl-fill), var(--gl-fill)) padding-box,
conic-gradient(
from calc(var(--ms-gl-angle) - var(--ms-gl-offset)),
transparent,
var(--gl-accent) var(--ms-gl-percent),
var(--ms-gl-shine) calc(var(--ms-gl-percent) * 2),
var(--gl-accent) calc(var(--ms-gl-percent) * 3),
transparent calc(var(--ms-gl-percent) * 4)
) border-box !important;
box-shadow: inset 0 0 0 1px var(--gl-inset) !important;
transition:
--ms-gl-offset var(--gl-ease),
--ms-gl-percent var(--gl-ease),
--ms-gl-shine var(--gl-ease),
box-shadow var(--gl-ease),
transform 0.5s var(--ms-ease-out);
animation:
ms-gl-angle var(--gl-dur) linear infinite,
ms-gl-angle calc(var(--gl-dur) / 0.4) linear infinite reverse paused;
animation-composition: add;
}
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) {
display: inline-flex;
align-items: center;
justify-content: center;
}
.ms-btn { margin-top: 1.6em; }
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):active,
.wpcf7 input.wpcf7-submit:active { translate: 0 1px; } :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::before,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::after,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) > .ms-gl-l::before {
content: "";
pointer-events: none;
position: absolute;
inset: auto;
left: 50%;
top: 50%;
translate: -50% -50%;
transform: none;
z-index: -1;
} :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::before {
--size: calc(100% - 6px);
--pos: 2px;
--space: calc(var(--pos) * 2);
width: var(--size);
height: var(--size);
background: radial-gradient(circle at var(--pos) var(--pos), var(--gl-dot) calc(var(--pos) / 4), transparent 0) padding-box;
background-size: var(--space) var(--space);
background-repeat: space;
-webkit-mask-image: conic-gradient(from calc(var(--ms-gl-angle) + 45deg), black, transparent 10% 90%, black);
mask-image: conic-gradient(from calc(var(--ms-gl-angle) + 45deg), black, transparent 10% 90%, black);
border-radius: inherit;
opacity: 0.4;
animation:
ms-gl-angle var(--gl-dur) linear infinite,
ms-gl-angle calc(var(--gl-dur) / 0.4) linear infinite reverse paused;
animation-composition: add;
} :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::after {
width: 100%;
height: auto;
aspect-ratio: 1;
background: linear-gradient(-50deg, transparent, var(--gl-accent), transparent);
-webkit-mask-image: radial-gradient(circle at bottom, transparent 40%, black);
mask-image: radial-gradient(circle at bottom, transparent 40%, black);
opacity: 0.6;
animation:
ms-gl-shimmer var(--gl-dur) linear infinite,
ms-gl-shimmer calc(var(--gl-dur) / 0.4) linear infinite reverse paused;
animation-composition: add;
} :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) > .ms-gl-l::before {
--size: calc(100% + 1rem);
width: var(--size);
height: var(--size);
box-shadow: inset 0 -1ex 2rem 4px var(--gl-accent);
opacity: 0;
transition: opacity var(--gl-ease);
animation: ms-gl-breathe calc(var(--gl-dur) * 1.5) linear infinite;
} @media (hover: hover) {
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):hover,
.wpcf7 input.wpcf7-submit:hover {
--ms-gl-percent: 20%;
--ms-gl-offset: 95deg;
--ms-gl-shine: var(--gl-soft);
animation-play-state: running;
}
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):hover::before,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):hover::after { animation-play-state: running; }
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):hover > .ms-gl-l::before { opacity: 1; }
.wpcf7 input.wpcf7-submit:hover {
box-shadow: inset 0 0 0 1px var(--gl-inset), inset 0 -1ex 2rem 4px color-mix(in srgb, var(--gl-accent) 60%, transparent) !important;
}
}
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):focus-visible,
.wpcf7 input.wpcf7-submit:focus-visible {
--ms-gl-percent: 20%;
--ms-gl-offset: 95deg;
--ms-gl-shine: var(--gl-soft);
animation-play-state: running;
}
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):focus-visible::before,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):focus-visible::after { animation-play-state: running; }
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):focus-visible > .ms-gl-l::before { opacity: 1; }
.wpcf7 input.wpcf7-submit:disabled { opacity: 0.6; cursor: progress; } :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)).ms-wa-btn {
--gl-fill: #ffffff;
--gl-inset: var(--ms-stone);
--gl-label: var(--ms-ink);
--gl-soft: #7a5c33;
--gl-dot: #7a5c33;
--ms-gl-shine: #7a5c33;
display: flex;
width: 100%;
margin-top: 0.75rem;
} :is(.ms-dark, #ms-hero, .ms-search) :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) {
--gl-inset: rgba(250, 248, 245, 0.16);
} .ms-gl-l { display: inline-flex; align-items: center; gap: 0.6em; }
.btn-icon-pos-left > .ms-gl-l > .wd-btn-icon { order: -1; }
.ms-gl-l .wd-btn-icon { line-height: 1; font-size: 0.95em; margin: 0; } .single-product .site-content a.btn:not(.btn-style-link) { width: 100%; } .ms-gl-uyku,
.ms-gl-uyku::before,
.ms-gl-uyku::after,
.ms-gl-uyku > .ms-gl-l::before { animation-play-state: paused !important; } @media (max-width: 400px) {
.single-product :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) {
--gl-px: 1rem;
--gl-fs: 0.9375rem;
white-space: nowrap;
}
.single-product :is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) .wd-btn-icon { display: none; }
}
@keyframes ms-gl-angle   { to { --ms-gl-angle: 360deg; } }
@keyframes ms-gl-shimmer { to { rotate: 360deg; } }
@keyframes ms-gl-breathe { from, to { scale: 1; } 50% { scale: 1.2; } }
@media (min-width: 1921px) {
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)),
.wpcf7 input.wpcf7-submit {
--gl-fs: clamp(1.125rem, 0.6vw, 1.4rem);
--gl-py: clamp(1.25rem, 0.7vw, 1.6rem);
--gl-px: clamp(2.5rem, 1.4vw, 3.4rem);
}
}
@media (prefers-reduced-motion: reduce) {
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)),
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::before,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link))::after,
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)) > .ms-gl-l::before,
.wpcf7 input.wpcf7-submit {
animation: none !important;
transition: none !important;
}
:is(.ms-btn, .ms-wa-btn, .ms-search-form button[type="submit"], .site-content a.btn:not(.btn-style-link)):is(:hover, :focus-visible) > .ms-gl-l::before { opacity: 0; }
}