.hero{--hero-fg: var(--color-navy); position: relative; overflow: hidden; background: var(--color-primary-bg);}.hero__slides{display: grid;}.hero__slide{--hero-fg: var(--color-navy); --hero-fg-soft: rgba(24, 24, 48, .72); position: relative; grid-area: 1 / 1; display: flex; align-items: center; min-height: max(520px, calc(80vh - var(--header-h))); min-height: max(520px, calc(80svh - var(--header-h))); color: var(--hero-fg); opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility 0s linear .7s;}.hero__slide--light{--hero-fg: #fff; --hero-fg-soft: rgba(255, 255, 255, .85);}.hero__slide.is-active{opacity: 1; visibility: visible; transition: opacity .7s ease, visibility 0s; z-index: 1;}.hero__bg{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}.hero__slide::before{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(var(--hero-angle, 135deg), var(--hero-a, #fff4e8), var(--hero-b, #ffddba)); opacity: var(--hero-overlay, 1);}.hero__inner{position: relative; z-index: 2; display: grid; align-items: center; gap: 24px; padding-block: 32px 72px;}.hero__media{display: flex; justify-content: center; order: -1;}.hero__product{width: auto; max-width: 80%; max-height: 36vh; object-fit: contain; filter: drop-shadow(0 24px 32px rgba(24, 24, 48, .18));}.hero .hero__title{max-width: 16ch; margin: 0 0 14px; font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: var(--hero-fg);}.hero__desc{max-width: 44ch; margin: 0 0 24px; font-size: 1.0625rem; line-height: 1.6; color: var(--hero-fg-soft);}.hero__btn{height: 48px; padding: 0 26px; font-size: 15px;}.hero .hero__btn:hover .icon{transform: translateX(3px);}.hero__text > *, .hero__product{opacity: 0; transform: translateY(14px);}.hero__product{transform: translateX(32px) scale(.96);}.hero__slide.is-active .hero__text > *, .hero__slide.is-active .hero__product{opacity: 1; transform: none; transition: opacity .6s ease, transform .7s cubic-bezier(.16, 1, .3, 1);}.hero__slide.is-active .hero__text > :nth-child(2){transition-delay: .08s;}.hero__slide.is-active .hero__text > :nth-child(3){transition-delay: .16s;}.hero__slide.is-active .hero__product{transition-delay: .12s;}.hero__media--photo{position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 100%; order: 0;}.hero__photo{display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);}.hero__slide--photo{flex-direction: column; justify-content: flex-end;}.hero__slide--photo .hero__media--photo{position: relative; order: -1; height: min(88vw, 440px);}.hero__slide--photo .hero__inner{padding-block: 0 72px;}.hero__slide--photo .hero__photo{transform: scale(1.06); transform-origin: 62% 46%;}.hero__slide--photo.is-active .hero__photo{animation: hero-kenburns 9s cubic-bezier(.2, .6, .3, 1) both;}@keyframes hero-kenburns{from{transform: scale(1);}to{transform: scale(1.06);}}.hero__slide--photo .hero__text > *{transform: none;}.hero__controls{position: absolute; left: 50%; bottom: 20px; z-index: 3; display: flex; align-items: center; justify-content: space-between; transform: translateX(-50%); pointer-events: none;}.hero__controls > *{pointer-events: auto;}.hero__dots{display: flex; gap: 0;}.hero .hero__dot{box-sizing: content-box; width: 10px; height: 10px; padding: 7px; border: 0; border-radius: 999px; background: rgba(24, 24, 48, .25); background-clip: content-box; transition: width .3s, background-color .3s;}.hero .hero__dot.is-active{width: 28px; background-color: var(--color-primary); background-clip: content-box;}.hero__arrows{display: none; gap: 8px;}.hero .hero__arrow{display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(24, 24, 48, .2); border-radius: 999px; background: rgba(255, 255, 255, .85); color: var(--color-navy); transition: background-color .2s, border-color .2s;}.hero .hero__arrow:hover{background: #fff; border-color: var(--color-navy);}.hero__arrow:first-child .icon{transform: rotate(90deg);}.hero__arrow:last-child .icon{transform: rotate(-90deg);}@media (min-width: 900px){.hero__inner{grid-template-columns: 1.1fr .9fr; gap: 48px; padding-block: 48px 88px;}.hero__media{order: 0; justify-content: flex-end;}.hero__product{max-width: 100%; max-height: min(58vh, 560px);}.hero__arrows{display: flex;}.hero__slide--photo{flex-direction: row; justify-content: flex-start;}.hero__slide--photo .hero__media--photo{position: absolute; order: 0; width: 58%; height: auto;}.hero__slide--photo .hero__inner{grid-template-columns: minmax(0, 40vw); padding-block: 48px 88px;}.hero__photo{-webkit-mask-image: linear-gradient(to right, transparent 0, #000 32%); mask-image: linear-gradient(to right, transparent 0, #000 32%);}}@media (prefers-reduced-motion: reduce){.hero__slide, .hero__slide.is-active, .hero__slide.is-active .hero__text > *, .hero__slide.is-active .hero__product{transition: none;}.hero__product{transform: none;}.hero__slide--photo .hero__photo, .hero__slide--photo.is-active .hero__photo{transform: none; animation: none;}}
.product-listing{padding: 2.5rem 0 5rem;}.product-filter{display: flex; gap: 8px; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter) 4px; overflow-x: auto; scrollbar-width: none;}.product-filter::-webkit-scrollbar{display: none;}.product-filter[hidden]{display: none;}.product-filter .product-filter__chip{flex: none; height: 40px; padding: 0 18px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: var(--color-white); font-family: var(--font-heading); font-size: 14px; font-weight: 500; color: var(--color-navy); transition: background-color .2s, color .2s, border-color .2s;}.product-filter .product-filter__chip:hover{background: var(--color-white); border-color: var(--color-navy); color: var(--color-navy);}.product-filter .product-filter__chip:focus-visible{outline: 2px solid var(--color-navy); outline-offset: 2px;}.product-filter .product-filter__chip.is-active, .product-filter .product-filter__chip.is-active:hover{background: var(--color-navy); border-color: var(--color-navy); color: var(--color-white);}.product-listing__count{margin: 20px 0 20px; font-size: 14px; color: var(--color-muted);}.product-listing__count[hidden]{display: none;}.product-filter[hidden] ~ .product-grid{margin-top: 0;}.product-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}.product-grid__item[hidden]{display: none;}.has-reveal .product-grid__item:not(.is-in){opacity: 0; transform: translateY(16px);}.has-reveal .product-grid__item.is-in{opacity: 1; transform: none; transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1); transition-delay: calc(var(--i, 0) * 60ms);}.trendyol-band{padding: 3.5rem 0; background: #f3f3f5; color: var(--color-navy);}.trendyol-band__inner{display: flex; align-items: center; justify-content: space-between; gap: 2rem;}.trendyol-band__text{max-width: 44rem;}.trendyol-band__logo{display: block; width: 120px; height: auto; margin-bottom: 18px;}.trendyol-band .trendyol-band__title{margin: 0 0 8px; color: var(--color-navy); font-size: 1.75rem; line-height: 1.25; letter-spacing: -.01em;}.trendyol-band__text p{margin: 0; color: #5b5b73;}.trendyol-band__btn{flex: none; height: 48px; padding: 0 26px; font-size: 15px;}@media (max-width: 1199px){.product-grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 1024px){.product-grid{grid-template-columns: repeat(2, 1fr); gap: 16px;}}@media (max-width: 767px){.product-listing{padding: 1.5rem 0 3rem;}.product-grid{gap: 12px;}.trendyol-band{padding: 2.5rem 0;}.trendyol-band__inner{flex-direction: column; align-items: flex-start;}.trendyol-band__title{font-size: 1.375rem;}}@media (prefers-reduced-motion: reduce){.has-reveal .product-grid__item:not(.is-in), .has-reveal .product-grid__item.is-in{opacity: 1; transform: none; transition: none;}.product-filter .product-filter__chip{transition: none;}}.product-filter a.product-filter__chip{display: inline-flex; align-items: center;}.product-filter a.product-filter__chip:hover{border-color: var(--color-navy); color: var(--color-navy);}.product-filter a.product-filter__chip.is-active:hover{color: var(--color-white);}.product-empty{padding: 3rem 0; text-align: left;}.product-empty p{margin: 0 0 20px; color: var(--color-text);}
.home-features{background: var(--color-primary-bg);}.home-features__list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem 1rem; margin-block: 0; padding-block: 2rem; list-style: none;}.home-features__item{display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;}.home-features__icon{display: inline-flex; color: var(--color-primary);}.home-features .home-features__label{font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--color-navy);}@media (min-width: 768px){.home-features__list{grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}.home-features__label{font-size: 18px;}}.home-section .home-section__title{margin: 0; font-size: 2rem; font-weight: 700; line-height: 1.25; text-align: center; color: var(--color-body);}@media (min-width: 768px){.home-section .home-section__title{font-size: 2.25rem;}}.home-products{padding: 3rem 0; background: #f2f9ff;}.home-products .product-grid{margin-top: 2rem;}@media (min-width: 768px){.home-products{padding: 5rem 0;}}.home-band{padding: 3rem 0; color: var(--color-white);}.home-band--blue{background: linear-gradient(135deg, #4dc3ff, #144bb8);}.home-band__inner{display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center;}.home-band .home-band__title{margin: 0; font-size: 2rem; font-weight: 700; line-height: 1.25; color: inherit;}.home-band__text{margin: 0; font-size: 1rem; line-height: 1.5; color: rgba(255, 255, 255, .92);}.home-band__btn{height: 48px; padding: 0 26px; font-size: 15px; font-weight: 500;}@media (min-width: 768px){.home-band{padding: 5rem 0;}.home-band .home-band__title{font-size: 2.25rem;}}.home-instagram{padding: 3rem 0; background: #fff7ef;}.home-instagram .home-section__title{margin-bottom: 1rem;}.home-instagram .sbi_follow_btn a{background: #1f6fb8 !important; color: var(--color-white) !important;}.home-instagram .sbi_bio{color: #55556e !important;}@media (min-width: 768px){.home-instagram{padding: 5rem 0;}}.home-faq{padding: 3rem 0;}.home-faq__inner{display: flex; flex-direction: column; align-items: center; gap: 2rem;}.home-faq .faq-list{width: 100%; max-width: 56rem;}@media (min-width: 768px){.home-faq{padding: 5rem 0;}}.home-newsletter{padding: 3rem 0; background: var(--color-secondary-bg);}.home-newsletter__inner{display: flex; flex-direction: column; align-items: center; gap: 1.5rem; text-align: center;}.home-newsletter__text{margin: 0; max-width: 36rem; font-size: 1rem; line-height: 1.5; color: #55556e;}.home-newsletter__form{width: 100%; max-width: 36rem; text-align: left;}.home-newsletter .ff-el-tc a{color: var(--color-secondary-dark); text-decoration: underline; text-underline-offset: 2px;}.home-newsletter .fluentform .ff-el-form-control{border-radius: var(--radius-pill);}.home-newsletter form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit{background-color: var(--color-primary-ink); border-color: var(--color-primary-ink); color: var(--color-white);}.home-newsletter form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover, .home-newsletter form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:focus-visible{background-color: var(--color-primary-ink-dark); border-color: var(--color-primary-ink-dark); color: var(--color-white);}@media (min-width: 768px){.home-newsletter{padding: 5rem 0;}}