@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



@font-face {
    font-family: 'FreightText';
    src: url('/fonts/Freight_Text_Medium.otf') format('otf');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisplay';
    src: url('/fonts/Freight_Disp_Bold.otf') format('otf');
    font-weight: bold;
    font-display: swap;
}


@font-face {
    font-family: 'MaisonNeue';
    src: url('/fonts/MaisonNeueWEB-Demi.woff2');
   
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
      font-family: 'MaisonNeue';
      src: url('/fonts/MaisonNeue-Book.woff2');
    
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }



:root {
    --color-primary-heading: #1A1A2E;
    --color-accent: #0ABAB5;
    --color-body-text: #333333;
    --color-black-strong: #222;
    --color-black-soft: #111;
    --color-grey-soft: #2A2A2A;
  
    --primary-font: "Spectral", serif;
    --secondary-font: "Maison Neue", sans-serif;
    --tertiary-font: "FreightText", serif;
    --tertiary-font-bold: "FreightDisplay", serif;
  
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;
  
    --fs-h1-desktop: 64px;
    --fs-h2-desktop: 34px;
    --fs-h3-desktop: 28px;
    --fs-body-desktop: 16px;
    --fs-caption-desktop: 14px;
    --fs-motto-desktop: 20px;
    --fs-cta-desktop: 16px;
    --fs-footer-heading-desktop: 14px;
    --fs-footer-text-desktop: 13px;
  
    --fs-h1-mobile: 42px;
    --fs-h2-mobile: 25px;
    --fs-h3-mobile: 22px;
    --fs-body-mobile: 14px;
    --fs-caption-mobile: 12px;
    --fs-motto-mobile: 18px;
    --fs-cta-mobile: 14px;
    --fs-footer-heading-mobile: 13px;
    --fs-footer-text-mobile: 12px;
  
    --lh-heading: 1.1;
    --lh-body: 1.6;
    --lh-normal: 1.4;
  
    --ls-h1: 0.04em;
    --ls-cta: 0.08em;
    --ls-mobile-canela: 0.02em;
}

h1, .heading-main {
    font-family: var(--primary-font);
    font-weight: var(--fw-bold);
    font-size: var(--fs-h1-desktop);
    color: var(--color-primary-heading);
    letter-spacing: var(--ls-h1);
    line-height: var(--lh-heading);
    font-feature-settings: "liga" 1, "kern" 1, "onum" 1;
    -webkit-font-feature-settings: "liga" 1, "kern" 1, "onum" 1;
}

h2, .heading-sub {
    font-family: var(--primary-font);
    font-weight: var(--fw-regular);
    font-size: var(--fs-h2-desktop);
    color: var(--color-primary-heading);
    line-height: var(--lh-heading);
    font-feature-settings: "liga" 1, "kern" 1, "onum" 1;
    -webkit-font-feature-settings: "liga" 1, "kern" 1, "onum" 1;
}

h3, .heading-section {
    font-family: var(--secondary-font);
    font-weight: var(--fw-medium);
    font-size: var(--fs-h3-desktop);
    color: var(--color-primary-heading);
    line-height: var(--lh-normal);
}

body, p, .body-text {
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    font-size: var(--fs-body-desktop);
    color: var(--color-body-text);
    line-height: var(--lh-body);
}

.caption, .mini-text, small {
    font-family: var(--secondary-font);
    font-weight: var(--fw-light);
    font-size: var(--fs-caption-desktop);
    color: var(--color-body-text);
    line-height: var(--lh-normal);
}

.motto, .manifesto {
    font-family: var(--tertiary-font);
    font-style: italic;
    font-size: var(--fs-motto-desktop);
    color: var(--color-primary-heading);
    line-height: var(--lh-normal);
    font-feature-settings: "liga" 1, "salt" 1;
}

.button, .btn, .cta, button, input[type="submit"] {
    font-family: var(--secondary-font)!important;
    font-weight: var(--fw-bold)!important;
    font-size: var(--fs-cta-desktop)!important;
    text-transform: uppercase!important;
    letter-spacing: var(--ls-cta)!important;
    line-height: var(--lh-normal)!important;
}

.footer-heading, .footer-col-title {
    font-family: var(--secondary-font);
    font-weight: var(--fw-semibold);
    font-size: var(--fs-footer-heading-desktop);
    text-transform: uppercase;
    color: white;
    line-height: var(--lh-normal);
}

.footer-text, .footer p {
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    font-size: var(--fs-footer-text-desktop);
    color: var(--color-body-text);
    line-height: var(--lh-normal);
}
a{
    color: var(--color-text-heading)!important;
}


@media (max-width: 768px) {
    h1, .heading-main {
        font-size: var(--fs-h1-mobile);
        letter-spacing: var(--ls-mobile-canela);
    }
    
    h2, .heading-sub {
        font-size: var(--fs-h2-mobile);
    }
    
    h3, .heading-section {
        font-size: var(--fs-h3-mobile);
    }
    
    body, p, .body-text {
        font-size: var(--fs-body-mobile);
    }
    
    .caption, .mini-text, small {
        font-size: var(--fs-caption-mobile);
    }
    
    .motto, .manifesto {
        font-size: var(--fs-motto-mobile);
    }
    
    .button, .btn, .cta, button, input[type="submit"] {
        font-size: var(--fs-cta-mobile);
    }
    
    .footer-heading, .footer-col-title {
        font-size: var(--fs-footer-heading-mobile);
        
    }
    
    .footer-text, .footer p {
        font-size: var(--fs-footer-text-mobile);
    }
}

/* .banner-background p, .product-info-aciklama * , .product-info-aciklama span {
    font-family: var(--tertiary-font);
    font-weight: var(--fw-regular);
    color: var(--color-body-text);
    font-size: var(--fs-body-desktop);
} */
.product-info-aciklama * , .product-info-aciklama span  , .product-info-aciklama p {
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    font-size: var(--fs-body-desktop);
    color: var(--color-body-text);
    line-height: var(--lh-body);
}
@media (max-width: 768px) {
     .product-info-aciklama * , .product-info-aciklama span  , .product-info-aciklama p {
        font-size: var(--fs-body-mobile);
    }
}

.product-details, .long-text {
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    color: var(--color-body-text);
    line-height: var(--lh-body);
}

.menu {
    font-family: var(--secondary-font);
    font-weight: var(--fw-medium);
    color: var(--color-primary-heading);
    text-transform: uppercase;
}

.button-cta {
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-cta);
    text-transform: uppercase;
}

.shopping-steps * {
    font-family: var(--secondary-font);
}

.heading-collection {
    font-family: var(--primary-font);
    font-weight: var(--fw-regular);
    color: var(--color-primary-heading);
}

.button:not(.transparent), .btn:not(.transparent), .cta:not(.transparent), button:not(.transparent), input[type="submit"]:not(.transparent) {
    background-color: #1A1A2E!important;
    color: #FFFFFF!important;
    /* border: 1px solid #1A1A2E!important; */
    transition: all 0.3s ease!important;
}

.button:not(.transparent):hover, .btn:not(.transparent):hover, .cta:not(.transparent):hover, button:not(.transparent):hover, input[type="submit"]:not(.transparent):hover {
    background-color: #0ABAB5!important;
    color: #FFFFFF!important;
    border-color: #0ABAB5!important;
}


.breadcrumb{
    text-transform: uppercase!important;
}