img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

:root {
    --wp-block-synced-color: #d19563;
    --wp-block-synced-color--rgb: 209, 149, 99;
    --wp-bound-block-color: var(--wp-block-synced-color);
    --wp-editor-canvas-background: #ddd;
    --wp-admin-theme-color: #d19563;
    --wp-admin-theme-color--rgb: 209, 149, 99;

    /* Gloria Theme Colors */
    --gloria-primary: #d19563;
    --gloria-primary-rgb: 209, 149, 99;
    --wd-primary-color: #d19563;
    --wd-primary-color-rgb: 209, 149, 99;
}

@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px;
    }
}

.wp-element-button {
    cursor: pointer;
}

:root .has-very-light-gray-background-color {
    background-color: #eee;
}

:root .has-very-dark-gray-background-color {
    background-color: #313131;
}

:root .has-very-light-gray-color {
    color: #eee;
}

:root .has-very-dark-gray-color {
    color: #313131;
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3);
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec);
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671);
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59);
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf);
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc);
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
}

.has-regular-font-size {
    font-size: 1em;
}

.has-larger-font-size {
    font-size: 2.625em;
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal);
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge);
}

.has-text-align-center {
    text-align: center;
}

.has-text-align-left {
    text-align: left;
}

.has-text-align-right {
    text-align: right;
}

.has-fit-text {
    white-space: nowrap !important;
}

#end-resizable-editor-section {
    display: none;
}

.aligncenter {
    clear: both;
}

.items-justified-left {
    justify-content: flex-start;
}

.items-justified-center {
    justify-content: center;
}

.items-justified-right {
    justify-content: flex-end;
}

.items-justified-space-between {
    justify-content: space-between;
}

.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

html :where(.has-border-color) {
    border-style: solid;
}

html :where([style*=border-top-color]) {
    border-top-style: solid;
}

html :where([style*=border-right-color]) {
    border-right-style: solid;
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid;
}

html :where([style*=border-left-color]) {
    border-left-style: solid;
}

html :where([style*=border-width]) {
    border-style: solid;
}

html :where([style*=border-top-width]) {
    border-top-style: solid;
}

html :where([style*=border-right-width]) {
    border-right-style: solid;
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid;
}

html :where([style*=border-left-width]) {
    border-left-style: solid;
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%;
}

:where(figure) {
    margin: 0 0 1em;
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}

@media screen and (max-width: 600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px;
    }
}

/* ---- WP Block Image ---- */
.wp-block-image>a,
.wp-block-image>figure>a {
    display: inline-block;
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wp-block-image[style*=border-radius] img,
.wp-block-image[style*=border-radius]>a {
    border-radius: inherit;
}

.wp-block-image.has-custom-border img {
    box-sizing: border-box;
}

.wp-block-image.aligncenter {
    text-align: center;
}

.wp-block-image.alignfull>a,
.wp-block-image.alignwide>a {
    width: 100%;
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    height: auto;
    width: 100%;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
    display: table;
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image.alignright>figcaption {
    caption-side: bottom;
    display: table-caption;
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0;
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-image :where(figcaption) {
    margin-bottom: 1em;
    margin-top: .5em;
}

.wp-block-image.is-style-circle-mask img {
    border-radius: 9999px;
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px;
}

.wp-block-image figure {
    margin: 0;
}

/* ---- WP Lightbox ---- */
.wp-lightbox-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.wp-lightbox-container img {
    cursor: zoom-in;
}

.wp-lightbox-container img:hover+button {
    opacity: 1;
}

.wp-lightbox-container button {
    align-items: center;
    backdrop-filter: blur(16px) saturate(180%);
    background-color: #5a5a5a40;
    border: none;
    border-radius: 4px;
    cursor: zoom-in;
    display: flex;
    height: 20px;
    justify-content: center;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px;
    width: 20px;
    z-index: 100;
}

.wp-lightbox-overlay {
    box-sizing: border-box;
    cursor: zoom-out;
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 100000;
}

.wp-lightbox-overlay .scrim {
    background-color: #fff;
    height: 100%;
    opacity: .9;
    position: absolute;
    width: 100%;
    z-index: 2000000;
}

.wp-lightbox-overlay.active {
    visibility: visible;
}

/* ---- WP Social Links ---- */
.wp-block-social-links {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
}

.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
    border-bottom: 0;
    box-shadow: none;
    text-decoration: none;
}

.wp-block-social-links .wp-social-link svg {
    height: 1em;
    width: 1em;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    font-size: .65em;
    margin-left: .5em;
    margin-right: .5em;
}

.wp-block-social-links.has-small-icon-size {
    font-size: 16px;
}

.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
    font-size: 24px;
}

.wp-block-social-links.has-large-icon-size {
    font-size: 36px;
}

.wp-block-social-links.has-huge-icon-size {
    font-size: 48px;
}

.wp-block-social-links.aligncenter {
    display: flex;
    justify-content: center;
}

.wp-block-social-links.alignright {
    justify-content: flex-end;
}

.wp-block-social-link {
    border-radius: 9999px;
    display: block;
}

.wp-block-social-link {
    height: auto;
}

.wp-block-social-link a {
    align-items: center;
    display: flex;
    line-height: 0;
}

.wp-block-social-link:hover {
    transform: scale(1.1);
}

.wp-block-social-links .wp-block-social-link.wp-social-link {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Social link brand colors */
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff;
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff;
}

/* ---- Global Styles / Presets ---- */
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
}

:where(body) {
    margin: 0;
}

body {
    padding: 0;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

/* ---- Layout ---- */
.wp-site-blocks>.alignleft {
    float: left;
    margin-right: 2em;
}

.wp-site-blocks>.alignright {
    float: right;
    margin-left: 2em;
}

.wp-site-blocks>.aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

.is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

.is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

.is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

.is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

.is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---- WooCommerce ---- */
.woocommerce form .form-row .required {
    visibility: visible;
}

.woocommerce-product-gallery {
    opacity: 1 !important;
}

/* ---- WPBakery Animations ---- */
.wpb_animate_when_almost_visible {
    opacity: 1;
}

/* ---- Özel Sayfa Stilleri (VC Custom CSS) ---- */
#row-fabrika p img {
    filter: invert(1);
    max-width: 150px;
}

#row-fabrika p {
    font-size: 1.4em;
}

@media (max-width: 1367px) {
    #row-fabrika p {
        font-size: 1em;
        text-shadow: 0 0 6px black;
    }

    #row-fabrika .main-wrapp-img img {
        height: 510px;
        object-fit: cover;
        object-position: left;
    }
}

.baslik-img {
    max-width: 110px;
    margin: auto;
    margin-bottom: 0 !important;
}

/* ---- Ürün Detay (Molivo, Edra, Orva) Modern Tüm Satır Kart Tasarımı ---- */

/* Tüm Satırı (Row) Tek Bir Kart Yapma */
#solurunler,
#sagurunler,
.urun-card-sol,
.urun-card-sag {
    background: rgba(var(--wd-primary-color-rgb), 0.04);
    border: 1px solid rgba(var(--wd-primary-color-rgb), 0.15);
    border-radius: 24px;
    padding: 40px 20px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.03);
    margin-bottom: 60px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

#solurunler h1,
#sagurunler h1,
.urun-card-sol h1,
.urun-card-sag h1 {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    font-size: 38px !important;
    color: var(--wd-primary-color) !important;
    display: block !important;
}

#solurunler p,
#sagurunler p,
.urun-card-sol p,
.urun-card-sag p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #555 !important;
}

#solurunler h1,
#solurunler p,
.urun-card-sol h1,
.urun-card-sol p {
    text-align: left !important;
}

#sagurunler h1,
#sagurunler p,
.urun-card-sag h1,
.urun-card-sag p {
    text-align: right !important;
}

/* İç Sütunları Temizleme (Kart İçinde Kart Olmaması İçin) */
#solurunler .vc_column-inner:has(h1),
#sagurunler .vc_column-inner:has(h1),
.urun-card-sol .vc_column-inner:has(h1),
.urun-card-sag .vc_column-inner:has(h1) {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 20px 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* Sütun içindeki fazlalık beyaz arka planları temizle */
#solurunler .wpb_text_column,
#sagurunler .wpb_text_column,
.urun-card-sol .wpb_text_column,
.urun-card-sag .wpb_text_column {
    background: transparent !important;
    padding: 0 !important;
}

/* Küçük İmgeler (Thumbnail) Tasarımı */
.product-thumbs {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

#sagurunler .product-thumbs,
.urun-card-sag .product-thumbs {
    justify-content: flex-end;
}

.product-thumbs img {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.product-thumbs img:hover {
    transform: translateY(-5px);
}

.kucukimg {
    max-width: 300px;
    margin: auto;
}

/* Main Image Boundary Enforcement */
.fotofoti img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* Arrow Overlay for Product Images */
.fotofoti a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

.fotofoti a .wd-product-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    pointer-events: none;
}

.fotofoti a:hover .wd-product-arrow {
    background: rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Dinamik Tanıtım Kartları (Katalog, Instagram vb.) */
.home-dynamic-card {
    background: rgba(var(--wd-primary-color-rgb), 0.04);
    border: 1px solid rgba(var(--wd-primary-color-rgb), 0.15);
    border-radius: 20px;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
    margin-bottom: 30px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.home-dynamic-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    background: rgba(var(--wd-primary-color-rgb), 0.06);
}

.home-dynamic-card h1 {
    font-size: 28px !important;
    color: var(--wd-primary-color) !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

.home-dynamic-card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #666 !important;
    text-align: center !important;
}

.home-dynamic-card .card-img-wrap {
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.home-dynamic-card .card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.home-dynamic-card:hover .card-img-wrap img {
    transform: scale(1.05);
}

.home-dynamic-card .card-footer {
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 768px) {
    .home-dynamic-card {
        padding: 20px !important;
    }

    .home-dynamic-card h1 {
        font-size: 22px !important;
    }
}

height: 30px;
fill: #fff;
}

/* Product Thumbs Grid - Boundaries */
.product-thumbs {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
    padding-bottom: 10px;
}

.product-thumbs img {
    width: 140px;
    height: 90px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.product-thumbs img:hover {
    transform: translateY(-5px);
}

/* ---- VC Row Özel Marginler ---- */
.vc_custom_1766226451119 {
    margin-top: -40px !important;
    margin-bottom: 70px !important;
}

.vc_custom_1766229006547 {
    margin-bottom: 30px !important;
}

.vc_custom_1770203798255 {
    margin-bottom: 40px !important;
}

/* ---- CTA (Tüm Koleksiyonlar) Zarif Kart Revizyonu ---- */
.vc_custom_1766230315632 {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

.vc_custom_1766230315632 h2 {
    font-size: 22px !important;
    color: #666 !important;
    font-weight: 300 !important;
    margin-bottom: 0 !important;
    font-family: 'Marcellus', serif !important;
}

.vc_custom_1766230264471 {
    background: rgba(var(--wd-primary-color-rgb), 0.05) !important;
    border: 1px solid rgba(var(--wd-primary-color-rgb), 0.2) !important;
    padding: 30px 20px !important;
    border-radius: 12px !important;
    /* Klasik, zarif kart köşesi */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
    margin: 0 auto 60px auto !important;
    max-width: 800px !important;
    /* Çok büyük olmasın, şık ve yatay bir kutu olsun */
}

.vc_custom_1766230264471 h1 {
    font-size: 28px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    font-family: 'Marcellus', serif !important;
}

.vc_custom_1766230264471 h1 span {
    color: var(--wd-primary-color) !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    .vc_custom_1766230315632 h2 {
        font-size: 18px !important;
    }

    .vc_custom_1766230264471 h1 {
        font-size: 20px !important;
    }

    .vc_custom_1766230264471 {
        padding: 25px 15px !important;
        max-width: 90% !important;
    }
}

.vc_custom_1766228557964 {
    margin-bottom: -30px !important;
}

.vc_custom_1766389201862 {
    margin-bottom: 0px !important;
}

.vc_custom_1758822190381 {
    margin-bottom: 30px !important;
}

.vc_custom_1758822184597 {
    margin-bottom: 30px !important;
}

.vc_custom_1758822179207 {
    margin-bottom: 30px !important;
}

.vc_custom_1766230312151 {
    margin-bottom: 10px !important;
}

.vc_custom_1769471133718 {
    border-radius: 15px !important;
}

.vc_custom_1769471156238 {
    border-radius: 15px !important;
}

.vc_custom_1769471164543 {
    border-radius: 15px !important;
}

/* ---- Footer VC Custom CSS ---- */
.vc_custom_1766225358346 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.vc_custom_1766225228764 {
    margin-bottom: 40px !important;
}

/* ---- WoodMart Video Aspect Ratios ---- */
.wd-rs-698501c1c80d5.wd-el-video.wd-with-aspect-ratio {
    --wd-aspect-ratio: 21/9;
}

.wd-rs-698503305e255.wd-el-video.wd-with-aspect-ratio {
    --wd-aspect-ratio: 16/9;
}

.wd-rs-6977fc6b99d3c.wd-el-video.wd-with-aspect-ratio {
    --wd-aspect-ratio: 1/1;
}

.wd-rs-6977fcacaba6b.wd-el-video.wd-with-aspect-ratio {
    --wd-aspect-ratio: 1/1;
}

.wd-rs-6977fcb60e967.wd-el-video.wd-with-aspect-ratio {
    --wd-aspect-ratio: 1/1;
}

/* Videoların kesilmesini önlemek ve estetik görünüm katmak için */
.wd-rs-6977fc7292fb6 .wd-carousel-item video {
    object-fit: cover !important;
    border-radius: 12px;
}

/* ---- Hero Slider (Swiper.js) Premium Stilleri ---- */
.wd-page-content.main-page-wrapper {
    overflow-x: hidden;
}

.wd-page-content.main-page-wrapper,
.wd-content-layout,
.wd-content-area,
.entry-content,
.wpb-content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.Hero-Slider-Row {
    margin-top: 0 !important;
    margin-bottom: 70px !important;
}

.hero-swiper {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: calc(100vh - 70px);
    /* 70px matches typical header height, eliminates bottom white gap */
    min-height: 500px;
    background: #f1f1f1;
    overflow: hidden;
}

.hero-slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 8s ease;
}

.swiper-slide-active .hero-slide img {
    transform: scale(1.1);
}

.hero-content {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 10;
    max-width: 700px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 1s ease 0.8s;

    /* Premium Theme-Colored Glassmorphism */
    background: linear-gradient(135deg, rgba(var(--wd-primary-color-rgb), 0.35) 0%, rgba(0, 0, 0, 0.4) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 40px 50px;
    border-radius: 16px;
    border-left: 6px solid var(--wd-primary-color);
    border-top: 1px solid rgba(var(--wd-primary-color-rgb), 0.4);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

.swiper-slide-active .hero-content {
    opacity: 1;
    transform: translateY(-50%) translateX(30px);
}

.hero-content h2 {
    font-size: 64px !important;
    font-weight: 800 !important;
    margin-bottom: 20px;
    color: #fff !important;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.hero-content p {
    font-size: 26px;
    margin-bottom: 35px;
    font-weight: 300;
    opacity: 0.9;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .hero-swiper {
        height: calc(100vh - 55px);
        min-height: 400px;
    }

    .hero-content {
        left: 5%;
        right: 5%;
        max-width: 90%;
        padding: 25px 20px;
    }

    .swiper-slide-active .hero-content {
        transform: translateY(-50%) translateX(10px);
    }

    .hero-content h2 {
        font-size: 32px !important;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .hero-content p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1.4;
        white-space: normal;
    }

    .hero-image-overlay {
        background: rgba(0, 0, 0, 0.2) !important;
    }

    /* Hide navigation arrows on mobile */
    .hero-swiper .swiper-button-next,
    .hero-swiper .swiper-button-prev {
        display: none !important;
    }
}

.hero-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Lighter global overlay since the text now has its own background box */
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
}

/* Swiper Navigasyon Özelleştirme */
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-swiper .swiper-button-next:after,
.hero-swiper .swiper-button-prev:after {
    display: none !important;
}

.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
    background: var(--gloria-primary);
    transform: scale(1.1);
}

.hero-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0.5;
}

.hero-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--gloria-primary);
    width: 30px;
    border-radius: 6px;
}

.woodmart-nav-link:hover .nav-link-text,
.current-menu-item .nav-link-text {
    color: var(--gloria-primary) !important;
}

.wd-social-icon:hover {
    background-color: var(--gloria-primary) !important;
}

.hero-swiper .swiper-button-next:hover,
.hero-swiper .swiper-button-prev:hover {
    background: var(--gloria-primary);
    transform: scale(1.1);
}

/* Hide broken font icons when using SVGs */
.wd-social-icon span:before,
.wd-tools-icon:before,
.wd-header-mobile-nav .wd-tools-icon:before {
    content: none !important;
}

/* Ensure SVGs are centered and sized correctly */
.wd-social-icon span svg {
    display: inline-block;
    vertical-align: middle;
    width: 24px !important;
    height: 24px !important;
}

.wd-tools-icon svg {
    display: inline-block;
    vertical-align: middle;
    width: 26px !important;
    height: 26px !important;
}

.woodmart-nav-link .nav-link-text {
    font-size: 16px !important;
    font-weight: 500;
}

/* Gloria Language Switcher */
.gloria-lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.gloria-lang-switcher a {
    color: inherit;
    text-decoration: none !important;
    transition: all 0.3s ease;
    opacity: 0.5;
}

.gloria-lang-switcher a:hover {
    color: var(--gloria-primary);
    opacity: 0.8;
}

.gloria-lang-switcher a.active {
    color: var(--gloria-primary);
    opacity: 1;
}

.gloria-lang-switcher span {
    opacity: 0.2;
}

.mobile-lang {
    margin: 0 15px 0 0;
}

@media (max-width: 768px) {
    .gloria-lang-switcher {
        margin: 0 10px;
    }
}

/* Product Slider Navigation */
.product-next,
.product-prev {
    color: var(--gloria-primary) !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.product-next:after,
.product-prev:after {
    display: none !important;
}

.product-next:hover,
.product-prev:hover {
    background: var(--gloria-primary) !important;
    color: #fff !important;
    transform: scale(1.1);
}

.mySwiper {
    padding: 60px 0 80px 0 !important;
    overflow: visible !important;
    width: 100%;
}

.mySwiper .swiper-slide {
    width: 320px !important;
    height: auto !important;
    opacity: 0.6;
    transition: all 0.4s ease;
}

.mySwiper .swiper-slide-active {
    opacity: 1;
    filter: none;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.mySwiper .swiper-slide:not(.swiper-slide-active) {
    filter: blur(1px);
}

@media (max-width: 768px) {
    .mySwiper .swiper-slide {
        width: 260px !important;
    }
}

/* ---- Header Stilleri ---- */
:root {
    --wd-top-bar-h: .00001px;
    --wd-top-bar-sm-h: .00001px;
    --wd-top-bar-sticky-h: .00001px;
    --wd-top-bar-brd-w: .00001px;
    --wd-header-general-h: 94px;
    --wd-header-general-sm-h: 60px;
    --wd-header-general-sticky-h: 60px;
    --wd-header-general-brd-w: 1px;
    --wd-header-bottom-h: .00001px;
    --wd-header-bottom-sm-h: .00001px;
    --wd-header-bottom-sticky-h: .00001px;
    --wd-header-bottom-brd-w: .00001px;
    --wd-header-clone-h: .00001px;
    --wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
    --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w));
    --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w));
    --wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w));
}

.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
    margin-top: 9px;
}

.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu):after {
    height: 20px;
}

:root:has(.whb-general-header.whb-border-boxed) {
    --wd-header-general-brd-w: .00001px;
}

@media (max-width: 1024px) {
    :root:has(.whb-general-header.whb-hidden-mobile) {
        --wd-header-general-brd-w: .00001px;
    }
}

.whb-top-bar {
    background-color: rgba(130, 183, 53, 1);
}

.whb-rsv0a3sq9ouqx8e44x0b form.searchform {
    --wd-form-height: 46px;
}

.whb-general-header {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(129, 129, 129, 0.2);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* ---- Swiper Kaydırıcı Stilleri ---- */
.mySwiper {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
}

.mySwiper .swiper-slide {
    width: 320px;
    height: auto;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.mySwiper .swiper-slide-active {
    opacity: 1;
}

.mySwiper .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    color: #000;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after {
    font-size: 18px;
}

/* ---- WhatsApp Click-to-Chat Animasyonları ---- */
.ht_ctc_entry_animation {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-iteration-count: 1;
}

@keyframes ht_ctc_anim_corner {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.ht_ctc_an_entry_corner {
    animation-name: ht_ctc_anim_corner;
    animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
    transform-origin: bottom var(--side, right);
}

.ht-ctc .ctc_s_7:hover .ctc_s_7_icon_padding,
.ht-ctc .ctc_s_7:hover .ctc_cta_stick {
    background-color: #25d366 !important;
}

.ht-ctc .ctc_s_7:hover svg g path {
    fill: #f4f4f4 !important;
}

/* ---- Header Nav Override (Dil seçici kaldırıldıktan sonra) ---- */
.wd-nav-header>.menu-item>.woodmart-nav-link {
    white-space: nowrap;
}

.wd-nav-header {
    flex-wrap: nowrap;
}

/* Arama ikonu konumu */
.whb-col-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ==============================
   FOOTER STYLES
   ============================== */

.wd-footer.footer-container {
    background-color: #fff;
    border-top: 1px solid #e8e8e8;
    color: #333;
    font-size: 14px;
}

.wd-footer .main-footer {
    padding: 70px 0;
}

/* 3-column grid */
.wd-footer .vc_row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.wd-footer .vc_col-sm-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Footer Logo */
.footerlogos img {
    max-height: 44px;
    width: auto;
    object-fit: contain;
    margin-bottom: 24px;
    display: block;
}

/* Social icons — bordered circles */
.wd-footer .wd-social-icons {
    display: flex;
    gap: 12px;
    margin-top: 4px;
    margin-bottom: 0;
}

.wd-footer .wd-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.wd-footer .wd-social-icon:hover {
    background-color: var(--gloria-primary);
    border-color: var(--gloria-primary);
    color: #fff;
}

.wd-footer .wd-social-icon span:before {
    content: none !important;
}

.wd-footer .wd-social-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Footer menu heading */
.wd-footer .widgettitle {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    color: #111;
}

/* Footer menu list */
.wd-footer .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wd-footer .menu>.menu-item>a {
    display: block;
    padding: 5px 0;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.wd-footer .menu>.menu-item>a:hover {
    color: var(--gloria-primary);
}

/* Sub-menu items */
.wd-footer .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0 0 0 12px;
}

.wd-footer .sub-menu .menu-item a {
    display: block;
    padding: 3px 0;
    color: #777;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}

.wd-footer .sub-menu .menu-item a::before {
    content: '›  ';
    color: #aaa;
}

.wd-footer .sub-menu .menu-item a:hover {
    color: var(--gloria-primary);
}

/* KVKK link */
.wd-footer #menu-footerkvkk .menu-item a {
    color: #888;
    font-size: 13px;
    text-decoration: none;
    margin-top: 16px;
    display: block;
}

.wd-footer #menu-footerkvkk .menu-item a:hover {
    color: var(--gloria-primary);
}

/* Contact list */
.wd-footer .wd-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.wd-footer .wd-list li {
    padding: 5px 0 5px 16px;
    color: #555;
    font-size: 14px;
    position: relative;
    line-height: 1.5;
}

.wd-footer .wd-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--gloria-primary);
}

/* Copyright bar */
.wd-copyrights {
    background-color: #f7f7f7;
    border-top: 1px solid #e8e8e8;
    padding: 18px 0;
}

.wd-copyrights .wd-grid-g {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.wd-copyrights .wd-col-start p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.wd-copyrights .wd-col-end {
    display: flex;
    align-items: center;
}

.wd-copyrights .beratlogo {
    height: 30px;
    width: auto;
    display: block;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.wd-copyrights .beratlogo:hover {
    opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .wd-footer .vc_col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 36px;
    }

    .wd-footer .main-footer {
        padding: 48px 0 24px;
    }

    .wd-copyrights .wd-grid-g {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ==========================================================================
   Hakkımızda Sayfası (About Us Page)
   ========================================================================== */

.page-title-banner {
    background-color: #1a1a1a;
    padding: 80px 0;
    text-align: center;
    margin-bottom: 60px;
}

.page-title-banner h1 {
    color: #fff;
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
}

.about-us-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.about-hero-section {
    display: flex;
    gap: 50px;
    align-items: center;
    margin-bottom: 80px;
}

.about-hero-section .about-image {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.about-hero-section .about-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.about-hero-section .about-image:hover img {
    transform: scale(1.05);
}

.about-hero-section .about-image-overlay {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.about-hero-section .about-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    z-index: 1;
}

.about-image-overlay .subtitle {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.about-image-overlay .title {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
    position: relative;
    z-index: 2;
}

.about-hero-section .about-text {
    flex: 1;
}

.about-hero-section .about-text p {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.about-vision-mission {
    margin-bottom: 80px;
}

.vm-block {
    margin-bottom: 60px;
    padding: 40px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
    border-left: 4px solid #d19563;
}

.vm-block.text-right {
    text-align: right;
    border-left: none;
    border-right: 4px solid #d19563;
}

.vm-block h2 {
    font-size: 28px;
    color: #111;
    margin-bottom: 20px;
    font-weight: 600;
}

.vm-block p {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

@media (max-width: 991px) {
    .about-hero-section {
        flex-direction: column;
    }
}

/* Remove dropdown arrow from header menu items */
.wd-nav>li.menu-item-has-children>a::after {
    display: none !important;
}

/* Specific fix for the provided screenshot (Ürünler) */
.menu-item-has-children>a::after {
    content: none !important;
}

/* Mobile Header Layout Fix */
@media (max-width: 1024px) {

    /* Hide desktop-only elements on mobile */
    .whb-visible-lg {
        display: none !important;
    }

    /* Ensure mobile-only elements are visible */
    .whb-hidden-lg {
        display: flex !important;
    }

    /* Ensure top bar remains hidden on mobile if it has the hidden class */
    .whb-top-bar.whb-hidden-mobile {
        display: none !important;
    }

    /* Main header inner flex properties for mobile */
    .whb-general-header-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Mobile Left Column (Logo) */
    .whb-mobile-left {
        flex: 1 1 auto;
        justify-content: flex-start;
        display: flex !important;
        align-items: center;
    }

    /* Mobile Center Column (Empty) */
    .whb-mobile-center {
        display: none !important;
    }

    /* Mobile Right Column (Languages & Hamburger) */
    .whb-mobile-right {
        flex: 0 0 auto;
        justify-content: flex-end;
        display: flex !important;
        align-items: center;
        gap: 15px;
    }

    /* Ensure the mobile language switcher displays properly */
    .gloria-lang-switcher.mobile-lang {
        display: flex !important;
        align-items: center;
        margin: 0 !important;
    }

    /* Ensure the mobile menu icon wrapper displays properly */
    .wd-header-mobile-nav {
        display: flex !important;
        align-items: center;
    }
}

/* Ensure desktop elements don't get messed up if they overlap */
@media (min-width: 1025px) {
    .whb-hidden-lg {
        display: none !important;
    }
}

/* Fix missing dropdown icon in mobile menu */
.mobile-nav .wd-nav-opener::after,
.wd-nav-mobile .wd-nav-opener::after,
.wd-nav-opener::after {
    content: "▼" !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.mobile-nav .wd-nav-opener.wd-active::after,
.wd-nav-mobile .wd-nav-opener.wd-active::after,
.wd-nav-opener.wd-active::after {
    content: "▲" !important;
}

/* ---- Katalog ve Instagram Bölümleri Revizesi ---- */
.wd-rs-6946895bc05ac,
.wd-rs-694689f810eb0 {
    margin-bottom: 50px !important;
}

.wd-rs-6946895bc05ac img,
.wd-rs-694689f810eb0 img {
    max-height: 400px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.wd-rs-6946895bc05ac .wpb_text_column,
.wd-rs-694689f810eb0 .wpb_text_column {
    padding: 20px 40px;
}

.wd-rs-6946895bc05ac h1,
.wd-rs-694689f810eb0 h1 {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.wd-rs-6946895bc05ac p,
.wd-rs-694689f810eb0 p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #555 !important;
}

@media (max-width: 768px) {

    .wd-rs-6946895bc05ac .wpb_text_column,
    .wd-rs-694689f810eb0 .wpb_text_column {
        padding: 20px 10px;
        text-align: center !important;
    }

    .wd-rs-6946895bc05ac h1,
    .wd-rs-694689f810eb0 h1,
    .wd-rs-6946895bc05ac p,
    .wd-rs-694689f810eb0 p {
        text-align: center !important;
    }
}