@font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n6.9d1ea52bb49a0a86cfd1b0383d00f83d3fcc14de.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n6.f0fcdea525a0e47b2ae4ab645832a8e8a96d31d3.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_i5.969396f679a62854cf82dbf67acc5721e41351f0.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_i5.93bc1cad6c73ca9815f9777c49176dfc9d2890dd.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_i7.06add7096a6f2ab742e09ec7e498115904eda1fe.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_i7.ee584b5fcaccdbb5518c0228158941f8df81b101.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.3b6b7df38aa5986536945796e1f947445832047c.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n5.f26bf6dcae278b0ed902605f6605fa3338e81dab.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n6.9d1ea52bb49a0a86cfd1b0383d00f83d3fcc14de.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n6.f0fcdea525a0e47b2ae4ab645832a8e8a96d31d3.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_i5.969396f679a62854cf82dbf67acc5721e41351f0.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_i5.93bc1cad6c73ca9815f9777c49176dfc9d2890dd.woff") format("woff");
}

  @font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://alyadua.com/cdn/fonts/figtree/figtree_i7.06add7096a6f2ab742e09ec7e498115904eda1fe.woff2") format("woff2"),
       url("https://alyadua.com/cdn/fonts/figtree/figtree_i7.ee584b5fcaccdbb5518c0228158941f8df81b101.woff") format("woff");
}


/**
 * Typography
 * https://type-scale.com/
 */
 :root {
    --size-hxl: 4.0rem;
    --size-h0: 3.6rem;
    --size-h1: 3.2rem;
    --size-h2: 2.8rem;
    --size-h3: 2.2rem;
    --size-h4: 1.8rem;
    --size-h5: 1.6rem;
    --size-h6: 1.5rem;
    --size-large:1.6rem;  
    --size-body: 1.5rem;  
    --size-small:1.3rem;
    --size-tiny: 1.2rem;
  }
@media only screen and (min-width: 990px) {
    :root {
      --size-hxl: 5.6rem;
      --size-h0: 4.8rem;
      --size-h1: 4rem;
      --size-h2: 3.2rem;
      --size-h3: 2.8rem;
      --size-h4: 2.2rem;
      --size-h5: 1.7rem;
      --size-h6: 1.6rem;
      --size-large:1.75rem; 
      --size-body: 1.6rem;  
      --size-small:1.4rem;
      --size-tiny: 1.2rem;
    }
  }


      :root{
        /*Color*/
        --color-background: 255 255 255;
        --color-foreground: 44 45 46;
        --color-heading: 0 0 0;
        --color-accent: 255 91 0;
        --color-border: 224 230 244; 
        --color-input-border: 216 220 229;
        --color-overlay: 51 51 51;
        --color-drawer-background: 255 255 255;
        --color-header-background: 255 255 255;
        --color-header-text: 0 0 0;
        --color-header-link-hover: 68 68 68;
        --color-footer-background: 246 246 246;
        --color-footer-border: 221 221 221;
        --color-footer-heading: 0 0 0;
        --color-footer-text: 0 0 0;
        --color-footer-link: 0 0 0;
        --color-footer-link-hover: 68 68 68;
        --color-placeholder-bg:#f1f1f1;
        --color-placeholder-fill:rgba(var(--color-foreground)/0.5);

        --color-price-discount-background: 255 91 0;--color-price-discount:255 255 255;
        --color-sold-out-background: 204 204 204;--color-sold-out:0 0 0;
        --color-stars: 255 170 71;
        --color-background-card:245 245 245;
       
        /*Button*/
        --btn-solid-bg: 0 0 0;
        --btn-solid-border: 0 0 0;
        --btn-solid-bg-hover: 51 51 51;
        --btn-solid-border-hover: 51 51 51;
        --btn-solid-text: 255 255 255;
        --btn-solid-text-hover: 255 255 255;
        --btn-solid-text-white:0 0 0;
        --btn-solid-white-bg:44 45 46;
        --btn-secondary-solid-bg: 255 236 225;
        --btn-secondary-solid-border: 255 236 225;
        --btn-secondary-solid-text: 255 91 0;
        --btn-secondary-solid-text-hover: 255 91 0;
        --btn-secondary-solid-bg-hover: 255 227 210;
        --btn-secondary-solid-border-hover: 255 227 210;
        --btn-outline-border: 0 0 0;
        --btn-outline-text: 0 0 0;
        --btn-outline-text-white-hover: 0 0 0;
        --btn-underlined-text: 0 0 0;
        --btn-underlined-bg: 0 0 0;
      }
     
      :root{
        /* Appearance and spacing */
        --dropdown-radius: 6px;
        --inputs-radius: 6px;
        --color-shadow:var(--color-heading);
        --shadow: 0 5px 30px rgb(var(--color-heading) / 0.1);
        --shadow-sm: 0 2px 8px rgb(var(--color-heading) / 0.1);
        --badge-corner-radius: 0.4rem;
      }
      :root {
       
        /*Font*/
        --font-body-family: Figtree, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 500;
        --font-body-weight-bold: 800;

        --font-heading-family: Figtree, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 500;
        --font-heading-weight-bold: 800;

        --font-body-scale: 0.96;
        --font-heading-scale: 1.15;

        --text-size-hxl : calc(var(--font-heading-scale)*var(--size-hxl));
        --text-size-h0 : calc(var(--font-heading-scale)*var(--size-h0));
        --text-size-h1 : calc(var(--font-heading-scale)*var(--size-h1));
        --text-size-h2 : calc(var(--font-heading-scale)*var(--size-h2));
        --text-size-h3 : calc(var(--font-heading-scale)*var(--size-h3));
        --text-size-h4 : calc(var(--font-heading-scale)*var(--size-h4));
        --text-size-h5 : calc(var(--font-heading-scale)*var(--size-h5));
        --text-size-h6 : calc(var(--font-heading-scale)*var(--size-h6));
        --text-size-large : calc(var(--font-body-scale)*var(--size-large));
        --text-size-base : calc(var(--font-body-scale)*var(--size-body));
        --text-size-small : calc(var(--font-body-scale)*var(--size-small));
        --text-size-tiny : calc(var(--font-body-scale)*var(--size-tiny));

        --font-heading-spacing: 0px;
        --font-body-spacing: 0px;
        --font-heading-transform: none;
        --font-subheading-family: var(--font-body-family) ;
        --font-subheading-scale:  1.0;
        --font-subheading-spacing: 2px;
        --font-subheading-transform: uppercase;
        --font-subheading-weight: 500;
        --text-size-subheading:  calc(var(--font-subheading-scale)* 1.2rem);
        --font-card-title-family: var(--font-heading-family) ;
        --font-card-title-scale:  0.78;
        --font-card-title-spacing: 0px;
        --font-card-title-transform: capitalize;
        --font-card-title-weight: regular;


        --container-max-width:1300px;
        --fluid-container-width:100%;
        --inputs-border-width:1px;
        --icon-stroke-width: 1.5;
        --icon-style : ;
        
        /* Buttons */
        --btn-padding-vertical:8px;
        --btn-padding-horizontal:28px;
        --btn-padding-vertical-sm:0.8rem;
        --btn-padding-horizontal-sm:1.6rem;
        --height-btn: 48px;
        --thickness-btn-outline: 1px;
        --thickness-btn-underline: 1px;
        --inputs-thickness: 1px;

        --btn-font-family:  var(--font-body-family) ;
        --btn-font-scale :0.98;
        --btn-font-size: calc(var(--btn-font-scale) * 1.6rem);
        --btn-font-spacing: 0px;
        --btn-font-weight: 500;
        --btn-font-transform: none;
        --btn-border-radius:6px;
        

        --media-radius: 6px;
        --fluid-offset:24px;
        --max-width-drawer:540px;

        /*Animation hover*/
        
        --btn-transform: scaleX(0);
        --btn-transform-origin: center right;
        --btn-transform-hover: none;
        --btn-transform-origin-hover:center left;
        --btn-opacity: 1;
        --btn-opacity-hover: 1;
      }
      :root {
        --duration-short: 100ms;
        --duration-default: 200ms;
        --duration-announcement-bar: 250ms;
        --duration-medium: 300ms;
        --duration-long: 500ms;
        --duration-extra-long: 600ms;
        --duration-extra-longer: 750ms;
        --duration-extended: 0.6s;
        --ease-out-slow: cubic-bezier(.26,.54,.32,1);
        --animation-slide-in: slideIn  var(--duration-extended) var(--ease-out-slow) forwards;
        --animation-fade-in: fadeIn var(--duration-extended) var(--ease-out-slow);
      }

        shopify-accelerated-checkout {
          --shopify-accelerated-checkout-button-block-size: var(--height-btn);
          --shopify-accelerated-checkout-button-border-radius: var(--btn-border-radius);
          --shopify-accelerated-checkout-button-box-shadow: none;
          --shopify-accelerated-checkout-skeleton-background-color: #dedede;
          --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
          --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
          --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
          --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
        }

        shopify-accelerated-checkout-cart {
          --shopify-accelerated-checkout-button-block-size: var(--height-btn);
          --shopify-accelerated-checkout-button-inline-size: var(--height-btn);
          --shopify-accelerated-checkout-button-border-radius:var(--btn-border-radius);
          --shopify-accelerated-checkout-button-box-shadow: none;
          --shopify-accelerated-checkout-inline-alignment: flex-center;
          --shopify-accelerated-checkout-row-gap: 8px;
          --shopify-accelerated-checkout-skeleton-background-color: #dedede;
          --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
          --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
          --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
          --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
        }
      

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: calc(var(--font-body-scale) * 62.25%);
        height: 100%;
      }

      body {
        text-rendering: optimizeSpeed;
        display: flex;
        flex-direction: column;
        justify-content:start;
        overflow-wrap: break-word;
        margin: 0;
        letter-spacing: var(--font-body-spacing);
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        font-size: var(--text-size-base);
        color:rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
      

      @media screen and (min-width: 750px) {
        body {
          font-size: var(--text-size-base);
        }
      }
      .no-js .no-js-hidden {
          display: none ;
      }.loading-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgb(var(--color-background));
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            pointer-events: none;
            transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
        }
        .loaded .loading-screen {
            opacity: 0;
            visibility: hidden;
        }

        .loading-bar {
            height: 2px;
            width: 100px;
            position: relative;
            background-color: rgba(var(--color-foreground)/0.1);
            border-radius: 1rem;
            overflow: hidden;
        }
        .loading-bar::after {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          content: "";
          height: 100%;
          width: 100%;
          background: rgb(var(--color-foreground));
          animation: loading-animation 1.5s linear infinite;
          border-radius: 1rem;
        }
        @keyframes loading-animation {
          0%{
            transform: translateX(-100%);
          }
          50% {
            transform: translateX(100%);
          }
          100% {
            transform: translateX(-100%);
          }
        }

        #page-transition {
          position: fixed;
          inset: 0;
          background-color: rgb(var(--color-background));
          opacity: 1;
          visibility: visible;
          pointer-events: all;
          transition: opacity 350ms ease, visibility 350ms ease;
          z-index: 9999;
        }

        #page-transition:not(.active) {
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
        }
        #page-transition.no-transition {
          transition: none !important;
        }
		
		
		
		
		
		
		
		
		
		
   .drawer {
    visibility: hidden;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    background-color: rgba(var(--color-foreground)/ 0.5);
    transition: visibility var(--duration-default) ease;
    pointer-events: none;
  }
  .drawer.active {
    visibility: visible;
    pointer-events: auto;
  }
  
  
  
  
  
  
  
  
  
  
  .no-js-splide.splide{
    visibility: visible;
  }
  .announcement-wrapper .splide__arrow{
    background:transparent;
    box-shadow: none;
  }
  .announcement-wrapper .splide__arrow--prev{
    left: -2rem;
  }
  .announcement-wrapper .splide__arrow--next{
    right: -2rem;
  }
  .announcement-item svg{
    fill:currentColor;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  header-drawer {
    justify-self: start;
    margin-left: -1rem;
  }@media screen and (min-width: 1070px) {
      header-drawer {
        display: none;
      }
    }.menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
:root{
    --navigation_font_family:  var(--font-body-family) ;
    --navigation_scale : 0.98;
    --navigation_font_size: calc(var(--navigation_scale)* var(--size-body));
    --navigation_letter_spacing: 0px;
    --navigation_transform : none;
    --navigation_weight: regular;
    --color-header-transparent-background: 255 255 255;
    --navigation-scale-mobile : 1.5;
    --navigation-scale-sub-mobile : 1.2;--header-height-transparent:0px;}

  .header {
    padding: calc( var(--header-padding-top) - 0.5rem ) 0  calc( var(--header-padding-bottom) - 0.5rem ) 0;
    margin-bottom: var(--header-margin-bottom);
  }
  .header .header__heading-link{
    position:relative;
  }
  .header  .header__heading-logo.header__heading-logo-light{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
  }
  .header.header--transparent {
    position: absolute;
    width: 100%;
    background-color: transparent;
    transition: all var(--duration-medium) var(--ease-out-slow); 
  }
  .header--transparent.header-wrapper--border-bottom:not(:hover):not(.is-sticky){
    border-bottom-color: rgba(var(--color-header-transparent-background) / 0.2);
  }
  .header.header--transparent.is-sticky{
    background-color: rgb(var(--color-header-background));
  }
  /*hover header*/
  .header.header--transparent:not(:hover):not(.is-sticky) .header__heading-logo{
    opacity: 0;
  }
  .header.header--transparent:not(:hover):not(.is-sticky) .header__heading-logo.header__heading-logo-light{
    opacity: 1;
  }
  
  .header.header--transparent:not(:hover):not(.is-sticky) .header__menu-item, .header.header--transparent:not(:hover):not(.is-sticky) .header__icon, .header.header--transparent:not(:hover):not(.is-sticky) .header__icon .icon, .header.header--transparent:not(:hover):not(.is-sticky) .desktop-localization-wrapper .localization-selector.link, .header.header--transparent:not(:hover):not(.is-sticky) .header__heading-link span, .header.header--transparent:not(:hover):not(.is-sticky) .header__icons--nav-item{
    color: rgb(var(--color-header-transparent-background));
  }
  .header.header--transparent:not(:hover):not(.is-sticky) .header__menu-item:focus-visible,   .header.header--transparent:not(:hover):not(.is-sticky) .desktop-localization-wrapper .localization-selector.link:focus-visible,.header.header--transparent:not(:hover):not(.is-sticky) .header__icon:focus-visible{
    --color-foreground : var(--color-header-transparent-background);
  }
  .header.header--transparent:not(:hover):not(.is-sticky)  .cart-count-bubble{
    color: rgb(var(--color-header-text)) ;
    background-color: rgb(var(--color-header-background));
  }
  .header.header--transparent:hover{
    background:rgb(var(--color-header-background));
  }
  .header.header--transparent:not(:hover):not(.is-sticky) .menu-drawer, .template-index  .header.header--transparent .menu-drawer{
    border-top: 1px solid rgb(var(--color-border));
  }

  .section-header {
    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
    margin-bottom:calc(var(--header-margin-bottom) - 1rem);
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: var(--header-margin-bottom);
    }
  }

  @media screen and (min-width: 1070px) {
    .header {
      padding-top: var(--header-padding-top);
      padding-bottom: var(--header-padding-bottom);
    }
  }
  
  
  
  
.card__badge.top.left {top: -0.2rem; left: 0rem;}










  .scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 99;
  }
  .scroll-to-top--visible {
    display: block;
  }

  .scroll-to-top--button {
    --size:38px;
    background-color: rgb(var(--color-background));
    color: color:rgb(var(--color-foreground));
    border: none;
    display: flex;
    border-radius: 50%;
    width: var(--size);
    height: var(--size);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.3s ease;
    box-shadow: var(--shadow-sm);
  }
  
  
.whatsapp-button {
margin-top:15px;
margin-bottom:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  background-color:#25D366;
  color:#fff;
  text-decoration:none;
  border:none;
  border-radius:6px;
  font-size:16px;
  font-weight:600;
  padding:14px 0;
  transition:background-color .2s ease, transform .15s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.whatsapp-button:hover {
  background-color:#1ebe59;
  transform:translateY(-1px);
}

.whatsapp-button svg {
  flex-shrink:0;
}

@media (max-width:768px){
  .whatsapp-button {
    font-size:15px;
    padding:13px 0;
  }
}

  :root{
    --wa-green:#25D366;
    --wa-green-dark:#1EBE59;
    --wa-white:#fff;
  }
  .wa-float{
    position:fixed;
    right:18px;
    bottom:250px;
    z-index:99998;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }
  .wa-bubble{
    position:relative;
    display:flex;
    align-items:center;
    gap:.6rem;
    background:var(--wa-green);
    color:var(--wa-white);
    padding:.85rem 1.05rem;
    border-radius:999px;
    box-shadow:0 12px 24px rgba(37,211,102,.35), 0 2px 6px rgba(0,0,0,.12);
    transform:translateZ(0);
    transition:box-shadow .2s ease, transform .2s ease, filter .2s ease;
    font:600 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
    letter-spacing:.2px;
  }
  /* yumuşak pulse */
  .wa-bubble::after{
    content:"";
    position:absolute; inset:0;
    border-radius:inherit;
    box-shadow:0 0 0 0 rgba(37,211,102,.5);
    animation:wa-pulse 2s infinite;
    z-index:-1;
  }
  @keyframes wa-pulse{
    0%   { box-shadow:0 0 0 0 rgba(37,211,102,.45); }
    70%  { box-shadow:0 0 0 14px rgba(37,211,102,0); }
    100% { box-shadow:0 0 0 0 rgba(37,211,102,0); }
  }
  @media (prefers-reduced-motion:reduce){
    .wa-bubble::after{ animation:none; }
  }
  .wa-float:hover .wa-bubble,
  .wa-float:focus-visible .wa-bubble{
    transform:translateY(-2px);
    box-shadow:0 16px 28px rgba(37,211,102,.45), 0 4px 10px rgba(0,0,0,.16);
    outline: none;
  }
  .wa-ico{ display:block; }

  /* Mobilde yer kaplamasın: tam daire + yazı gizli */
  @media (max-width:768px){
  .wa-float{ right:10px; bottom:65px; } /* 14px değil, 258px */
  .wa-text{ display:none !important; }
  .wa-bubble{
    --wa-size-mobile: 56px;
    width: var(--wa-size-mobile);
    height: var(--wa-size-mobile);
    padding: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    gap: 0;
  }
}






        .calendar-container {
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
            padding: 24px;
            max-width: 400px;
            width: 100%;
        }

        .calendar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 2px solid #f0f0f0;
        }

        .month-year {
            font-size: 20px;
            font-weight: 600;
            color: #2c3e50;
        }

        .nav-buttons {
            display: flex;
            gap: 8px;
        }

        .nav-btn {
            background: #f8f9fa;
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 8px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
            font-size: 18px;
            color: #495057;
        }

        .nav-btn:hover {
            background: #e9ecef;
            transform: scale(1.05);
        }

        .weekdays {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 8px;
            margin-bottom: 8px;
        }

        .weekday {
            text-align: center;
            font-size: 12px;
            font-weight: 600;
            color: #6c757d;
            padding: 8px 0;
        }

        .days {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 8px;
        }

        .day {
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.2s;
            color: #2c3e50;
            border: 2px solid transparent;
        }

        .day:hover:not(.disabled):not(.rented) {
            background: #e7f3ff;
            border-color: #0d6efd;
            transform: scale(1.05);
        }

        .day.today {
            border-color: #0d6efd;
            color: #0d6efd;
            font-weight: 700;
        }

        .day.selected {
            background: #0d6efd;
            color: white;
            font-weight: 600;
        }

        .day.rented {
            background: #ffe5e5;
            color: #dc3545;
            cursor: not-allowed;
            position: relative;
        }

        .day.rented::after {
            content: '×';
            position: absolute;
            font-size: 20px;
            font-weight: bold;
        }

        .day.disabled {
            color: #dee2e6;
            cursor: not-allowed;
        }

        .day.other-month {
            color: #adb5bd;
        }

        .legend {
            display: flex;
            gap: 16px;
            margin-top: 20px;
            padding-top: 16px;
            border-top: 2px solid #f0f0f0;
            flex-wrap: wrap;
        }

        .legend-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            color: #6c757d;
        }

        .legend-box {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 2px solid #dee2e6;
        }

        .legend-box.available {
            background: white;
        }

        .legend-box.rented {
            background: #ffe5e5;
            border-color: #dc3545;
        }

        .legend-box.selected {
            background: #0d6efd;
            border-color: #0d6efd;
        }

        .selected-info {
            margin-top: 16px;
            padding: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            text-align: center;
            font-size: 14px;
            color: #495057;
        }

        .selected-info strong {
            color: #0d6efd;
        }
		
		
#shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}