/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

/* ========================================
   Global Color Variables
   ======================================== */
body #main {
    background-color: #191D1A;
}

:root {
    --Primitives-Gold_Dark: #D97E16;
    --Primitives-Gold_Dark2: #60350B;
    --hny-gold: #F69207;
    --hny-gold-light: #F5BA69;
    --UI-Stroke: #303230;
    --UI-Stroke_Green: #174A40;
    --UI-Stroke_Green-light: #11705D;
    --Text-Colors-Medium: #C7CDC2;
    --Text-Colors-Light: #FBFBFB;
    --Text-Colors-Highlight3: #73B280;
    --hny-bg-body: #191D1A;
    --hny-bg-green-dark: #0E2D20;
    --hny-bg-turq: #60BAD3;
    --Text-Colors-Highlight2: #F5BA69;
    --Text-Colors-Darker: #8F8F79;
    --Primitives-Green_2: #0E2D20;
    --Primitives-Black: #18191C;

}

.hny-text-primitives-green_2 {
    color: var(--Primitives-Green_2);
}

.hny-text-primitives-black {
    color: var(--Primitives-Black) !important;
}

.hny-text-colors-darker {
    color: var(--Text-Colors-Darker) !important;
}

.hny-text-colors-turq {
    color: var(--hny-bg-turq) !important;
}

.hny-text-colors-light,
.footerlink a {
    color: var(--Text-Colors-Light) !important;
}

.hny-text-colors-highlight2,
.footerlink a:hover,
.products-carousel .vcex-terms-grid-entry-excerpt {
    color: var(--Text-Colors-Highlight2) !important;
}

.hny-text-colors-highlight3 {
    color: var(--Text-Colors-Highlight3) !important;
}

.hny-text-colors-medium {
    color: var(--Text-Colors-Medium) !important;
}

.hny-text-gold {
    color: var(--hny-gold) !important;
}

.hny-text-gold-light {
    color: var(--hny-gold-light) !important;
}

.hny-bg-gold-dark {
    background-color: var(--Primitives-Gold_Dark);
}

.hny-bg-gold-dark2 {
    background-color: var(--Primitives-Gold_Dark2);
}

.hny-bg-primitives-green_2 {
    background-color: var(--Primitives-Green_2);
}

/* ========================================
   Classes
   ======================================== */
.gold-circle {
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: var(--Primitives-Gold_Dark);
    line-height: 1px;
    border-radius: 10px;
    margin: 6px;
}

.hny-mb-32 {
    margin-bottom: 32px;
}

.hny-mb-24 {
    margin-bottom: 24px;
}

.hny-discover-welcome {
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
}

.mobile-br {
    display: none;
}

@media (max-width: 767px) {
    .mobile-br {
        display: block;
    }
}

.footerlink a {
    text-decoration: unset !important;
}

.footerlink {
    margin-bottom: 16px;
}

#welcome-section {
    min-height: 51vh;
}

.maxwidth-160 {
    width: 100%;
    max-width: 160px;
}

.maxwidth-140 {
    width: 100%;
    max-width: 140px;
}

.maxwidth-360 {
    width: 100%;
    max-width: 360px;
}

.maxwidth-466 {
    width: 100%;
    max-width: 466px;
}

.maxwidth-477 {
    width: 100%;
    max-width: 477px;
}

.maxwidth-483 {
    width: 100%;
    max-width: 483px;
}

.maxwidth-660 {
    width: 100%;
    max-width: 660px;
}

.maxwidth-779 {
    width: 100%;
    max-width: 779px;
}

.maxwidth-833 {
    width: 100%;
    max-width: 833px;
}

.maxwidth-1170 {
    width: 100%;
    max-width: 1170px;
}

.biggest-header, .biggest-header .vcex-heading-inner {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 90px !important;
    line-height: 85px;
    letter-spacing: 0%;
    text-align: center;
}

.body-s {
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 150%;
    letter-spacing: 1%;
}

.body-m {
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 150%;
    letter-spacing: 1%;
}

.body-m-bold {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 1%;
}

.body-l {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 150%;
    letter-spacing: 1%;
    text-align: center !important;

}

.body-l.wpex-text-left {
    text-align: left !important;
}

.body-l-bold {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 140%;
    text-align: center !important;
}

/* ========================================
   Header Glass Effect
   ======================================== */
#site-header {
    padding: 0 100px;
    transition: background 0.3s ease;
}

#site-header-sticky-wrapper.wpex-sticky-header-holder.is-sticky header {
    background: rgba(0, 0, 0, 0.4) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* ========================================
   Navigation Underline
   ======================================== */
#site-navigation-wrap.has-menu-underline .main-navigation-ul > li > a > .link-inner::after {
    transform: translateX(0%) scaleX(1);
    right: 0;
    inset-inline-start: unset !important;
    width: 60%;
}

.main-navigation-ul > .menu-item:hover > a, .main-navigation-ul > .menu-item.dropdown.sfHover > a, .main-navigation-ul > .menu-item.wpex-active > a {
    color: var(--hny-gold);
}

.p0, .p0 .vc_column-inner {
    padding: 0 !important;
}

/* ========================================
   Decorative Leaves
   ======================================== */
.hny-leaf-decor {
    position: relative;
    overflow: visible !important;
}

.hny-leaf-decor::before,
.hny-leaf-decor::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: -145px;
    width: 274px;
    height: 460px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.hny-leaf-decor::before {
    left: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-leaf-sol.svg');
    background-position: left center;
}

.hny-leaf-decor::after {
    right: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-leaf-sag.svg');
    background-position: right center;
}

/* Flower Decor */
.hny-flower-decor {
    position: relative;
    overflow: visible !important;
}

.hny-flower-decor::before,
.hny-flower-decor::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: -145px;
    width: 274px;
    height: 460px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.hny-flower-decor::before {
    left: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-floral-sol.svg');
    background-position: left center;
}

.hny-flower-decor::after {
    right: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-floral-sag.svg');
    background-position: right center;
}

/* Comb Decor */
.hny-comb-decor {
    position: relative;
    overflow: visible !important;
}

.hny-comb-decor::before,
.hny-comb-decor::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: -145px;
    width: 274px;
    height: 460px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.hny-comb-decor::before {
    left: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-comb-sol.svg');
    background-position: left center;
}

.hny-comb-decor::after {
    right: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-comb-sag.svg');
    background-position: right center;
}

/* Brown Leaf Decor (sol-alt / sağ-üst) */
.hny-bleaf-decor {
    position: relative;
    overflow: visible !important;
}

.hny-bleaf-decor::before,
.hny-bleaf-decor::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 274px;
    height: 460px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

.hny-bleaf-decor::before {
    left: 0;
    bottom: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-bleaf-sol.svg');
    background-position: left bottom;
}

.hny-bleaf-decor::after {
    right: 0;
    top: 0;
    background-image: url('/wp-content/uploads/2026/02/collection-bleaf-sag.svg');
    background-position: right top;
}

/* ========================================
   Collection Card
   ======================================== */
.hny-collection-card {
    max-width: 480px;
    margin: 0 auto;
}

.hny-card-top,
.hny-card-top > .vc_column-inner {
    background-color: #15221C !important;
    border: 1px solid #174A40;
    border-bottom: none;
    border-radius: 40px 40px 0 0;
    padding: 60px 40px !important;
}

.hny-card-top > .vc_column-inner {
    border: none;
    gap: 40px;
}

.hny-card-bottom,
.hny-card-bottom > .vc_column-inner {
    background-color: rgba(25, 26, 25, 0.7) !important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid #174A40;
    border-radius: 0 0 40px 40px;
    padding: 40px !important;
}

.hny-card-bottom > .vc_column-inner {
    border: none;
    gap: 60px;
}

/* ========================================
   Buttons
   ======================================== */
.hny-scroll-to-content {
    width: 38px !important;
    height: 52px !important;
}

.hny-scroll-to-content img {
    transform: rotate(90deg);
    animation: scrollArrowBounce 1.8s ease-in-out infinite;
}

@keyframes scrollArrowBounce {
    0%, 100% {
        translate: 0 0;
    }
    50% {
        translate: 0 8px;
    }
}

.hny-ui-buttons {
    font-weight: 600;
    font-size: 18px;
    line-height: 110% !important;
    text-align: center;
    text-transform: uppercase !important;
    color: var(--Text-Colors-Medium) !important;
    border: none !important;
    background: none !important;
    padding: 20px 16px !important;
}

.hny-ui-buttons:hover {
    color: var(--Text-Colors-Highlight2) !important;
}

.trade-connect-icon {
    position: relative;
    width: 28px;
    height: 28px;
    float: left;
}

.trade-connect-icon::before,
.trade-connect-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease;
}

.trade-connect-icon::before {
    background-image: url('/wp-content/uploads/2026/01/connect.svg');
    opacity: 1;
}

.trade-connect-icon::after {
    background-image: url('/wp-content/uploads/2026/01/connect-hover.svg');
    opacity: 0;
}

.trade-connect:hover .trade-connect-icon::before {
    opacity: 0;
}

.trade-connect:hover .trade-connect-icon::after {
    opacity: 1;
}

.trade-connect:hover {
    background-color: #166858 !important;
}

.trade-connect {
    color: var(--Text-Colors-Light) !important;
    background-color: #174A40;
    width: 196px;
    height: 44px;
    border-radius: 400px;
    padding: 8px 16px 8px 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: all 0.3s ease;
}

.centered-welcome-buttons {
    border-radius: 40px;
    padding: 10px;
    gap: 10px;
    border: 2px solid var(--UI-Stroke_Green, #174A40);
    background: #191D1A38;
    backdrop-filter: blur(20px);

    width: fit-content;
    float: none;
    margin-left: auto;
    margin-right: auto;

}

.centered-welcome-buttons .theme-button.flat,
.hny-orange-btn,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button {
    position: relative;
    width: 282px;
    height: 54px;
    border-radius: 40px;
    padding-right: 24px;
    padding-left: 24px;
    gap: 10px;
    background-color: var(--Primitives-Gold_Dark) !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.orange-entry-button .vcex-terms-grid-entry-button .theme-button {
    max-width: 228px;
    z-index: 0;
    justify-content: center;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.orange-entry-button .vcex-terms-grid-entry-button .theme-button::before,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button::after {
    z-index: -1;
}

.centered-welcome-buttons .theme-button.flat:hover,
.hny-orange-btn:hover,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button:hover {
    background-color: #ED8610 !important;
}

.centered-welcome-buttons .theme-button.flat::before,
.centered-welcome-buttons .theme-button.flat::after,
.hny-orange-btn::before,
.hny-orange-btn::after,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button::before,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.centered-welcome-buttons .theme-button.flat::before,
.hny-orange-btn::before,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button::before {
    background-image: url('/wp-content/uploads/2026/01/discoverbtn.svg');
    opacity: 1;
}

.centered-welcome-buttons .theme-button.flat::after,
.hny-orange-btn::after,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button::after {
    background-image: url('/wp-content/uploads/2026/01/discoverbtn-hover.svg');
    opacity: 0;
}

.centered-welcome-buttons .theme-button.flat > span,
.centered-welcome-buttons .theme-button.flat > img,
.hny-orange-btn > span,
.hny-orange-btn > img,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button > span,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button > img {
    position: relative;
    z-index: 2;
}

.centered-welcome-buttons .theme-button.flat:hover::before,
.hny-orange-btn:hover::before,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button:hover::before {
    opacity: 0;
}

.centered-welcome-buttons .theme-button.flat:hover::after,
.hny-orange-btn:hover::after,
.orange-entry-button .vcex-terms-grid-entry-button .theme-button:hover::after {
    opacity: 1;
}

.centered-welcome-buttons a.theme-button {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    text-transform: uppercase;
}

.outlined-btn,
.centered-welcome-buttons .theme-button.outline {
    width: 247px;
    height: 57px;
    border-radius: 40px;
    gap: 10px;
    border: 2px solid;
    border-color: var(--UI-Stroke_Green) !important;
    padding: 6px;
    color: var(--Text-Colors-Light) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.centered-welcome-buttons .theme-button.outline {
    border-color: transparent !important;
}

.outlined-btn:hover,
.centered-welcome-buttons .theme-button.outline:hover {
    border-color: var(--UI-Stroke_Green-light) !important;
    background-color: unset !important;
}

.outlined-btn {
    width: 155px;
    height: 53px;
}

/* ========================================
   Typing
   ======================================== */
.ui-quote {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-style: Italic;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: 1%;
}

.titles-h1 {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 68px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-align: center;
}

.titles-h1.wpex-text-left {
    text-align: left !important;
}

.titles-h2 {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
}

.titles-h3, .products-carousel h3 {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 38px;
    line-height: 120%;
    letter-spacing: 2%;
    vertical-align: middle;
}

.titles-h4 {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 2%;
    vertical-align: middle;
}

.titles-h5 {
    font-family: 'DM Serif Text', sans-serif;
    font-weight: 400 !important;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 2%;
}

.titles-h6,
.titles-h6 .wpex-text-lg,
.trade-connect,
.products-carousel .vcex-terms-grid-entry-excerpt {
    font-family: 'DM Serif Text', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 2%;
}

.titles-normal {
    font-family: 'DM Serif Text', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 2%;
}

.wpex-text-white .wpex-heading {
    color: #fff !important;
}

.hny-text-colors-light .wpex-heading {
    color: var(--Text-Colors-Light) !important;
}

.products-carousel h3 a {
    color: #fff !important;
}

.products-carousel .vcex-terms-grid-entry-excerpt {
    margin-top: 12px;
}

/* Görselleri absolute yap */
.bg-layer {
    position: absolute !important;
    left: 0;
    width: 100%;
    z-index: 1;
}

.bg-layer img {
    width: 100%;
    height: auto;
}

.bg-layer--top {
    top: 0;
    z-index: 2;
}

.bg-layer--top img {
    width: 100%;
    object-fit: cover;
    margin-top: -10%;
}

.bg-layer--bottom {
    bottom: 0;
    z-index: 1;
}

.hny-p-32 {
    padding: 32px;
}

.hny-p-32 .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* Row ayarı */
.curated-section-row {
    position: relative;
    min-height: 410px;
    overflow: hidden;
}

/* İçerik üstte kalsın */
.curated-section-row .vc_inner,
.curated-section-row .curated-content,
.curated-section-row .wpb_column:not(.bg-layer) {
    position: relative;
    z-index: 10;
}

/* İçerik wrapper için class */
.curated-content {
    position: relative;
    z-index: 10 !important;
}

/* ========================================
   Lens Flare Effect - Apple Style Scroll Hijacking
   ======================================== */


/* Lens flare container */
.lens-flare-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
    z-index: 10;
}

/* Ana lens flare - sağ üst */
.lens-flare {
    position: absolute;
    top: calc(39% - 90px);
    left: calc(52% + 60px);
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    transition: opacity 0.15s ease-out;
}

.lens-flare-core,
.lens-flare-glow,
.lens-flare-streak,
.lens-flare-iris,
.lens-flare-chroma,
.lens-flare-ghost {
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

/* Merkez - core */
.lens-flare-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: radial-gradient(
            circle,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.8) 25%,
            rgba(255, 250, 220, 0.5) 45%,
            rgba(255, 240, 180, 0.2) 65%,
            transparent 80%
    );
    border-radius: 50%;
    filter: blur(1px);
}

/* Orta glow */
.lens-flare-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 220px;
    background: radial-gradient(
            circle,
            rgba(255, 250, 220, 0.4) 0%,
            rgba(255, 240, 180, 0.25) 30%,
            rgba(255, 220, 150, 0.1) 50%,
            transparent 70%
    );
    border-radius: 50%;
    filter: blur(12px);
}

/* Anamorphic streak - yatay (sinematik) */
.lens-flare-streak {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(0);
    width: 70vw;
    height: 2px;
    background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.05) 15%,
            rgba(255, 255, 255, 0.2) 40%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0.2) 60%,
            rgba(255, 255, 255, 0.05) 85%,
            transparent 100%
    );
    opacity: 0;
    filter: blur(2px);
}

/* Hexagonal ghost flares - mercek karakteristiği */
.lens-flare-ghost {
    position: absolute;
    opacity: 0;
    will-change: transform, opacity;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.lens-flare-ghost-1 {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: rgba(100, 180, 255, 0.5);
}

.lens-flare-ghost-2 {
    top: 50%;
    left: 50%;
    width: 35px;
    height: 35px;
    background: rgba(255, 150, 100, 0.45);
}

.lens-flare-ghost-3 {
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    background: rgba(100, 255, 150, 0.35);
}

.lens-flare-ghost-4 {
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    background: rgba(255, 100, 200, 0.4);
}

.lens-flare-ghost-5 {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: rgba(200, 200, 255, 0.4);
}

/* Iris ring - mercek diyafram yansıması */
.lens-flare-iris {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    opacity: 0;
}

/* Chromatic aberration ring */
.lens-flare-chroma {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    height: 280px;
    border-radius: 50%;
    opacity: 0;
    background: radial-gradient(
            circle,
            transparent 35%,
            rgba(255, 50, 50, 0.12) 42%,
            transparent 48%,
            rgba(50, 255, 50, 0.12) 54%,
            transparent 60%,
            rgba(50, 50, 255, 0.12) 66%,
            transparent 72%
    );
}

/* ========================================
   Honey Product Cards
   ======================================== */

/* Visual container (right column) */
.hny-visual {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 480px;
}

/* Composite image - the main 480x700 visual with everything baked in */
.hny-composite {
    position: relative;
    line-height: 0;
}

.hny-composite img {
    width: 480px;
    object-fit: contain;
    /*
    display: block;
    */
}

/* Logo watermark - centered horizontally */
.hny-watermark {
    position: absolute !important;
    top: 45%;
    left: calc(50% - 26.25px);
    z-index: 3;
    pointer-events: none;
}

.hny-watermark img {
    width: 52.5px;
    height: auto;
    opacity: 0.95;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

/* Location text overlay - centered, below watermark */
.hny-location {
    position: absolute !important;
    top: 70%;
    left: 50%;
    transform: translateX(-50%) !important;
    z-index: 4;
    text-align: center;
}

/* ========================================
   Recipe Card Background
   ======================================== */
.hny-recipe-bg {
    background: rgba(34, 45, 37, 0.79);
    border-radius: 40px 0 0 40px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    padding: 37px 0px 37px 50px;
    margin-left: 50px;
    width: calc(100% - 50px);
    max-width: 1600px;
    position: absolute;
    right: 0px;
    z-index: 1;
    margin-top: -120px;
    backdrop-filter: blur(30px)
}

/* Journal Card Overlay Gradient */
.hny-journal-bar {
    height: 72px;
    padding: 0 12px 0 24px;
    opacity: 1;
    margin-top: 32px;
    border-radius: 10px;
    background: #171513CC;
    backdrop-filter: blur(30px)
}

/* ========================================
   Journal Section Header & Carousel Nav
   ======================================== */
.footer-links .vcex-horizontal-menu-nav__item-content {
    padding: 0px;
}

.footer-links .wpex-hover-surface-2:hover {
    background-color: unset !important;
}

.footer-links .vcex-horizontal-menu-nav__item-content:hover,
.footer-social .wpex-icon:hover {
    cursor: pointer;
}

.footer-social {
    height: 60px;
    padding: 4px 24px;
    opacity: 1;
    border-radius: 40px;
    background: #151916;
}

.footer-social .wpex-icon {
    transition: color 0.3s ease;
}

.orange-banner {
    height: 134px;
    border-radius: 20px;
    padding: 0 60px;
    margin-bottom: -67px;
    z-index: 1;
}

/* Carousel nav positioning */
.hny-journal-bordered-lr {
    border-left: 1px solid var(--UI-Stroke);
    border-right: 1px solid var(--UI-Stroke);
}

.hny-journal-section {
    position: relative;
    overflow: hidden;
}

.hny-journal-section .wpex-carousel__stage-outer {
    overflow: visible !important;
}

.hny-journal-section .wpex-carousel.arrwpos-top-right::before {
    height: 0px !important;
}

.hny-journal-section .wpex-carousel.arrwpos-top-right .wpex-carousel__nav:not(.disabled) {
    inset-inline: unset !important;
    inset-block-start: unset !important;
    top: -178px !important;
    left: calc(100% - 110px) !important;
    justify-content: unset !important;
    animation: hnyFadeInUp 0.6s ease both;
    animation-delay: 0.5s;
}

@keyframes hnyFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Carousel arrow overrides */
.hny-journal-section .wpex-carousel__arrow {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 0;
}

/* Hide default icon */
.hny-journal-section .wpex-carousel__arrow-icon {
    display: none;
}

/* Arrow SVG as background */
.hny-journal-section .wpex-carousel__arrow::after {
    content: '';
    width: 32px;
    height: 32px;
    background: url('/wp-content/uploads/2026/01/arrow.svg') no-repeat center / contain;
}

/* Prev arrow - rotated 180deg */
.hny-journal-section .wpex-carousel__arrow--prev {
    background-color: #191D1A;
}

.hny-journal-section .wpex-carousel__arrow--prev:hover {
    background-color: #232B25;
}

.hny-journal-section .wpex-carousel__arrow--prev::after {
    transform: rotate(180deg);
}

/* Next arrow */
.hny-journal-section .wpex-carousel__arrow--next {
    background-color: #0E2D20;
}

.hny-journal-section .wpex-carousel__arrow--next:hover {
    background-color: #174A40;
}

/* ========================================
   Flavor Profile Grid
   ======================================== */
.hny-flavor-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.hny-flavor-cell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 0;
}

.hny-flavor-cell .body-l {
    text-align: left !important;
}

/* ========================================
   Hover Card (Limited Edition etc.)
   ======================================== */
.hny-hover-card {
    border-radius: 40px;
    padding: 20px 20px 32px;
    border: 2px solid transparent;
    transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.hny-hover-card:hover {
    background-color: #191D1A;
    border-color: var(--UI-Stroke_Green);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.hny-hover-card .hny-orange-btn {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.hny-hover-card:hover .hny-orange-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* ========================================
   Rare & Mono-Floral Series Carousel
   ======================================== */

/* Overflow peek - carousel items visible beyond container, row clips at viewport */
.hny-rare-series {
    overflow: hidden;
}

.hny-rare-series .wpex-carousel__stage-outer {
    overflow: visible !important;
}

/* Card Default State */
.hny-rare-series .vcex-terms-carousel-entry {
    padding: 18px 18px 32px;
    border-radius: 20px;
    border: 2px solid transparent;
    text-align: center;
    transition: background-color 0.4s ease, border-color 0.4s ease,
    box-shadow 0.4s ease, border-radius 0.4s ease;
}

/* Card Hover State */
.hny-rare-series .vcex-terms-carousel-entry:hover {
    border-radius: 40px;
    padding: 18px 18px 32px;
    border-color: var(--UI-Stroke_Green);
    background-color: #191D1A;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Image Styles */
.hny-rare-series .vcex-terms-grid-entry-image img {
    border-radius: 30px;
    height: 370px;
    object-fit: cover;
}

/* Text Alignment Overrides */
.hny-rare-series .vcex-terms-grid-entry-image {
    margin-bottom: 0 !important;
}

.hny-rare-series .vcex-terms-grid-entry-title {
    margin-bottom: 0 !important;
    margin-top: 32px;
}

.hny-rare-series .vcex-terms-grid-entry-excerpt {
    margin-bottom: 0 !important;
}

/* Button Hide/Show Animation */
.hny-rare-series .vcex-terms-grid-entry-button {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
    margin-top: 32px;
    margin-bottom: 0 !important;
}

.hny-rare-series .vcex-terms-carousel-entry:hover .vcex-terms-grid-entry-button {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Circle Products (Bee Products) - round images with shrink on hover */
.circleproducts .vcex-terms-grid-entry-image img {
    width: 200px;
    height: 200px;
    border-radius: 400px;
    object-fit: cover;
    transition: width 0.4s ease, height 0.4s ease;
}

.circleproducts .vcex-terms-carousel-entry:hover .vcex-terms-grid-entry-image img {
    width: 160px;
    height: 160px;
}

.circleproducts .vcex-terms-carousel-entry:hover {
    background-color: #212622;
}

/* Navigation Arrows - Spread at Subtitle Level */
.hny-rare-series .wpex-carousel.arrwpos-top-right::before {
    height: 0px !important;
}

.hny-rare-series .wpex-carousel.arrwpos-top-right .wpex-carousel__nav:not(.disabled) {
    inset-inline: unset !important;
    inset-block-start: unset !important;
    top: -108px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    display: flex;
    justify-content: space-between !important;
    animation: hnyFadeInUp 0.6s ease both;
    animation-delay: 0.5s;
}

.hny-rare-series .wpex-carousel__arrow {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 0;
}

.hny-rare-series .wpex-carousel__arrow-icon {
    display: none;
}

.hny-rare-series .wpex-carousel__arrow::after {
    content: '';
    width: 32px;
    height: 32px;
    background: url('/wp-content/uploads/2026/01/arrow.svg') no-repeat center / contain;
}

.hny-rare-series .wpex-carousel__arrow--prev {
    background-color: #191D1A;
}

.hny-rare-series .wpex-carousel__arrow--prev:hover {
    background-color: #232B25;
}

.hny-rare-series .wpex-carousel__arrow--prev::after {
    transform: rotate(180deg);
}

.hny-rare-series .wpex-carousel__arrow--next {
    background-color: #0E2D20;
}

.hny-rare-series .wpex-carousel__arrow--next:hover {
    background-color: #174A40;
}

/* ========================================
   Video Thumbnail (Circle + Play Button)
   ======================================== */
.hny-video-thumb .vcex-image-inner {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--UI-Stroke_Green);
    padding: 10px;
    cursor: pointer;
}

.hny-video-thumb .vcex-image-inner img {
    border-radius: 50%;
    display: block;
    width: 140px;
    height: 140px;
    object-fit: cover;
}

.hny-video-thumb .vcex-image-inner::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: url('/wp-content/uploads/2026/02/playbutton.svg') no-repeat center / contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.hny-video-thumb .vcex-image-inner:hover::after {
    transform: translate(-50%, -50%) scale(1.08);
}

/* ========================================
   RESPONSIVE - All Media Queries
   ======================================== */

/* Visible only between 1024px and 1280px */
.hny-visible-1024-1280 {
    display: none !important;
}
.hny-show-479{
    display: none !important;
}
@media (max-width: 479px) {
    .hny-curated-height{
        min-height: 550px !important;
    }
    .hny-show-479{
        display: block !important;
    }
}
@media (max-width: 1024px) {
    .hny-curated-height{
        min-height: 410px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1400px) {
    .hny-visible-1024-1400 {
        display: block !important;
    }
}

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    .hny-recipe-bg{
        margin-top: -230px;
    }
    /* sm-4 kolonları tablet'te full-width yap (md breakpoint davranışı) */
    .hny-stack-md > .wpb_column.vc_col-sm-4 {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Honey Product Cards */
    .hny-composite img {
        width: 400px;
    }

    .hny-location {
        bottom: 80px;
    }

    /* Rare Series Carousel */
    .hny-rare-series .vcex-terms-grid-entry-image img {
        height: 300px;
    }

    .hny-rare-series .wpex-carousel__arrow {
        width: 56px;
        height: 56px;
    }

    .hny-rare-series .wpex-carousel__arrow::after {
        width: 24px;
        height: 24px;
    }
}

.journal-viewall {
    padding-right: 190px;
}

.hny-mb-50-16 {
    margin-bottom: 50px;
}

.partner-global-bg {
    background-color: #171918 !important;
    background-position: bottom right !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.giftbox img{
    max-width: 910px !important;
    width: 130% !important;
}
.hny-bordered-rectangle{
    border: 1px solid var(--UI-Stroke_Green, #174A40);
    backdrop-filter: blur(30px);
    gap: 60px;
    border-radius: 20px;
    padding: 40px 30px 40px 30px;
}
@media (max-width: 768px) {
    /* Product Card - mobilde görsel üstte, metin altta */
    .hny-mobile-reverse {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .hny-mobile-reverse > .wpb_column {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .giftbox img{
        max-width: 120% !important;
    }
    .hny-card-top{
        margin-top: -15px
    }
    .hny-card-bottom{
        margin-bottom: -15px
    }

    .hny-mobile-p0, .hny-mobile-p0 .vc_column-inner {
        padding: 0 !important;
    }
    .hny-hide-767{
        display: none !important;
    }
    .curated-section-row{
        min-height: 410px !important;
    }

    .circleproducts .vcex-terms-grid-entry-image img{
        width: 260px;
    }
    .hny-leaf-decor::before,
    .hny-leaf-decor::after,
    .hny-flower-decor::before,
    .hny-flower-decor::after,
    .hny-comb-decor::before,
    .hny-comb-decor::after{
        bottom: -180px;
        width: 170px;
    }

    .discoverimg img {
        width: 100%;
        max-width: 200px !important;
    }

    /* recipe */
    .hny-recipe-bg {
        margin-left: -15px;
        padding: 37px 30px 17px 30px;
        left: 15px;
        width: calc(100% - -15px);
        border-radius: 0 0 0 40px;
        margin-top: -175px;
    }

    .hny-video-thumb .vcex-image-inner img {
        width: 100px;
        height: 100px;
    }

    .hny-journal-section {
        margin-top: 120px;
    }

    .hny-journal-section .wpex-carousel.arrwpos-top-right .wpex-carousel__nav {
        display: none !important;
    }

    .journal-viewall {
        padding-right: 0;
    }

    .hny-journal-bordered-lr {
        border: none;
        margin-bottom: 40px;
    }

    .titles-h3.maxwidth-140 {
        font-size: 22px !important;
    }

    .hny-mb-50-16 {
        margin-bottom: 16px;
    }

    /* Partner Section - Dark Overlay (mobile only) */
    .partner-global-bg {
        background-position: 80% 80% !important;
        background-size: 280% !important;
    }

    .partner-global-bg::before {
        content: '' !important;
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(22, 24, 23, 0.6);
        z-index: 1;
    }

    .partner-global-bg > .wpb_column {
        position: relative;
        z-index: 2;
    }

    .orange-banner {
        height: 188px;
        border-radius: 20px;
        padding: 30px 0 0 0;
    }

    .hny-orange-btn {
        padding-right: 4px;
        padding-left: 4px;
    }

    /* Lens Flare */
    .lens-flare {
        width: 400px;
        height: 400px;
    }

    .lens-flare-core {
        width: 20px;
        height: 20px;
    }

    .lens-flare-glow {
        width: 100px;
        height: 100px;
    }


    /* Honey Product Cards */
    .hny-visual {
        margin-top: 40px;
        justify-content: center !important;
    }

    .hny-visual .vc_column-inner,
    .hny-visual .wpb_wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .hny-composite {
        margin: 0 auto !important;
        margin-inline: auto !important;
        width: 100% !important;
    }

    .hny-composite img {
        width: 100%;
    }

    .hny-watermark img {
        width: 70px;
    }

    .hny-location {
        bottom: 70px;
        font-size: 16px;
    }

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

    .hny-text p {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #menu-footer {
        margin-bottom: 32px;
    }

    /* Rare Series Carousel */
    .hny-rare-series .vcex-terms-grid-entry-image img {
        height: 260px;
    }

    .hny-rare-series .vcex-terms-carousel-entry {
        padding: 14px;
    }

    .hny-rare-series .vcex-terms-grid-entry-title {
        margin-top: 20px;
    }

    .hny-rare-series .vcex-terms-grid-entry-button {
        margin-top: 20px;
    }

    .hny-rare-series .wpex-carousel__arrow {
        width: 48px;
        height: 48px;
    }

    .hny-rare-series .wpex-carousel__arrow::after {
        width: 20px;
        height: 20px;
    }

    .hny-rare-series .wpex-carousel.arrwpos-top-right .wpex-carousel__nav:not(.disabled) {
        top: -50px !important;
    }
}

/* ========================================
   Hamburger Menu - 2 Line Style
   ======================================== */
/* Çizgiler arası 4px boşluk */
.mobile-menu-toggle {
    --wpex-hamburger-icon-width: 22px !important;
    --wpex-hamburger-icon-bar-height: 4px !important;
    --wpex-hamburger-icon-gutter: 4px !important;
}

/* Orta çizgiyi gizle */
.wpex-hamburger-icon span {
    width: 16px !important;
    background: #EA8B07 !important;
}

/* Üst çizgi - gri */
.wpex-hamburger-icon span::before {
    width: 22px !important;
    background: #D9D9D9 !important;
}

/* Alt çizgi - turuncu */
.wpex-hamburger-icon span::after {
    background: transparent !important;
}

/* Orta çizgiyi gizle */
.wpex-hamburger-icon--active span {
    background: transparent !important;
}

/* Üst çizgi - gri */
.wpex-hamburger-icon--active span::before {
    width: 22px !important;
    background: #D9D9D9 !important;
}

/* Alt çizgi - turuncu */
.wpex-hamburger-icon--active span::after {
    width: 22px !important;
    background: #EA8B07 !important;
}

.mobile-menu-is-open #site-header {
    background: rgb(24 74 64) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* ========================================
   Curated Section - Height & Background
   ======================================== */
.hny-curated-height {
    min-height: 783px;
}

.hny-curated-bg {
    position: relative;
}

/* ========================================
   TABLET/SMALL DESKTOP (960px - 1280px)
   ======================================== */
@media (min-width: 960px) and (max-width: 1280px) {
    #site-header {
        padding: 0 30px;
    }

    .main-navigation-ul > .menu-item:not(:last-child) {
        margin-inline-end: 20px;
    }
}

/* ========================================
   MOBILE - Small Screens (max-width: 479px)
   ======================================== */

@media (max-width: 479px) {
    #site-header {
        padding: 0;
    }

    .centered-welcome-buttons .theme-button.flat, .hny-orange-btn,
    .centered-welcome-buttons .theme-button.outline {
        width: 100%;
    }

    .biggest-header, .biggest-header .vcex-heading-inner {
        font-size: 58px !important;
        line-height: 70px;
    }

    .titles-h1 {
        font-size: 48px !important;
        line-height: 110%;
    }

    .titles-h2 {
        font-size: 42px !important;
        line-height: 110%;
    }

    /* Features Grid - 2+1 layout */
    .hny-features-grid {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto !important;
    }

    .hny-features-grid > .wpb_column.vc_col-sm-4 {
        width: 50% !important;
        flex: 0 0 50%;
    }


    .curated-section-row, .hny-curated-height {
        min-height: 370px !important;
    }

    .hny-curated-bg {
        background-image: url('/wp-content/uploads/2026/01/thesourcebg.png');
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .bg-layer--top img {
        margin-top: 0;
        width: 220% !important;
        max-width: none;
        margin-left: -60%;
    }

    /* Product Visual - mobilde tam genişlik */
    .hny-visual {
        max-width: 100%;
    }

    .hny-composite img {
        width: 100% !important;
    }

    .hny-watermark {
        top: 45%;
        left: calc(50% - 22.25px);
        transform: translateX(-50%);
    }

    .hny-location {
        top: 75%;
    }

    .hny-watermark img {
        width: 44px;
    }

    .reversed-content {
        margin-top: -60px;
        z-index: 1;
    }

    /* Culinary Masterpiece - parallax mobilde iptal */
    .culinary-masterpiece.vc_parallax .vc_parallax-inner {
        display: none !important;
    }

    /* Footer - mobile layout */
    #hny-footer .vc_inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Logo kolonu (2. kolon) en üste */
    #hny-footer .vc_inner > .wpb_column:nth-child(2) {
        order: -1;
    }

    /* Tüm footer kolonlarını ortala */
    #hny-footer .vc_inner > .wpb_column {
        text-align: center !important;
    }

    /* Footer - tüm alt row kolonlarını ortala */
    #footer-builder .wpb_column {
        text-align: center !important;
    }

    /* Reach Out/Contact - WPBakery inline alignment override */
    #footer-builder .wpb_text_column,
    #footer-builder .vcex-heading {
        text-align: center !important;
    }

    /* Footer links ortalı */
    .footer-links {
        width: 100% !important;
    }

    .footer-links .vcex-horizontal-menu__inner {
        justify-content: center !important;
    }

    .footer-links .vcex-horizontal-menu-nav,
    .footer-links .vcex-horizontal-menu-nav__list {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Social icons - ortalı, kapsül şekli */
    .footer-social {
        float: none !important;
        justify-content: center !important;
        width: fit-content !important;
        margin: 0 auto !important;
    }
}