@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');



:root {
  --alt-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; 
  --primary-font: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --base-color:#f27a1a;
  --dark-gray: #2c2e3c;
  --medium-gray:#797a85;
  --very-light-gray: #f5f5f5;
  --base-hover: #b84f0a;
  --lumo-checkout-bg: #fff;
}

svg.i{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.icon-middle-inline {
  display: flex !important;
}
.icon-middle, .icon-middle-inline {
  align-items: center !important;
}
.column-gap-10px {
  -moz-column-gap: 10px!important;
  column-gap: 10px !important;
}

.fw-600 {
  font-weight: 600;
}

.p-10 {
  padding: 10px;
}

.d-flex {
  display: flex;
}


html,
body,
#main,
.lumo-pdp,
button,
input,
select,
textarea{
  font-family: var(--primary-font) !important;
}

body{
  letter-spacing: -0.1px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

html, body {
  height: 100%;
  margin: 0;
}

/* body > main */
body > main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0; /* önemli: içerik taşmalarında scroll'u doğru yönetir */
}

/* main içindeki gerçek içerik alanı */
body > main > #wrapper {
  flex: 1 0 auto;
  min-height: 0;
}

/* main içindeki footer her zaman en altta */
body > main > footer {
  flex-shrink: 0;
  margin-top: auto;
}

.page-content.page-cms ul, p {
  color: var(--dark-gray);
}
.btn-primary, .btn-comment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 30px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
}
.btn-comment {
  background-color: var(--base-color);
}
.btn-primary:hover, .btn-comment:hover {
  background-color: #b84f0a;
}

.btn-comment-inverse {
  background-color: #ffffff;
  color: #363a41;
  border: 2px solid var(--base-color);
  border-radius: 10px;
  box-shadow: none;
  padding: 0 30px;
  height: 40px;
}
.btn-comment-inverse:hover {
  background-color: var(--base-color);
  color: #ffffff;
}

.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #b84f0a;
  border-color: transparent;
  background-image: none;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #b84f0a;
  border-color: transparent;
}
body#checkout a:hover {
  color: var(--base-hover);
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: var(--base-hover);
  border-color: transparent;
}
a:focus, a:hover {
  color: var(--base-hover);
  text-decoration: none;
}
#content-wrapper #subcategories {display:none;}
/* UTILS */

.mb-1 {margin-bottom: 10px;}
.mb-2 {margin-bottom: 20px;}
.mb-3 {margin-bottom: 30px;}
.mb-4 {margin-bottom: 40px;}
.mb-5 {margin-bottom: 50px;}

.mt-1 {margin-top: 10px;}
.mt-2 {margin-top: 20px;}
.mt-3 {margin-top: 30px;}
.mt-4 {margin-top: 40px;}
.mt-5 {margin-top: 50px;}
.text-dark-gray { color: var(--dark-gray);}

.d-inline-block {display: inline-block;}

.lumo-pdp-meta,
.breadcrumb,
.product-reference,
small,
.lumo-pill{
  font-family: var(--lumo-font-alt);
}
.justify-content-center {
  justify-content: center
}

/* HEADER */
/* ===== HEADER BASE ===== */
#header {
  -webkit-box-shadow:none;
  box-shadow:none;
}
.lumo-header{
  border-bottom:1px solid #e6e6e6;
  background:#fff;
}

.lumo-header a{ color:var(--dark-gray); }
.lumo-header a:hover{ color:var(--base-color)!important; }

/* ===== TOP ROW (logo + search + actions) ===== */
.lumo-header__top{
  padding:10px 0;
}

.lumo-header__top-inner{
  display:flex;
  align-items:center;
  gap:16px;
}

.lumo-header__logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
.lumo-header__logo img{
  height:40px;
  width:auto;
  display:block;
}

.lumo-header__search{
  flex:1 1 auto;
  min-width:260px;
}

.lumo-header__actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  margin-left:auto;
}

/* ===== Fix: modüllerin kendi “float/line-height” saçmalıklarını normalize et ===== */
.lumo-header__actions > *{
  display:flex;
  align-items:center;
}

/* Searchbar içindeki input çok kısa/uzun olursa */
.lumo-header__search form{
  width:100%;
}
.lumo-header__search input[type="text"],
.lumo-header__search input[type="search"]{
  width:100%;
  height:42px;
  border:1px solid #e6e6e6;
  border-radius:10px;
  padding:0 12px;
  outline:none;
}
.lumo-header__search button{
  height:42px;
  border-radius:10px;
}

/* ===== CATEGORY ROW ===== */
.lumo-header__cats{
  border-top:1px solid #f2f2f2;
}

.lumo-header__cats-inner{
  display:flex;
  align-items:center;
  min-height:44px;
}

.lumo-header__cats .top-menu,
.lumo-header__cats ul{
  display:flex;
  gap:18px;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
}
.lumo-header__cats li{ margin:0; }
.lumo-header__cats a{
  display:inline-flex;
  align-items:center;
  height:44px;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
}
.lumo-header__top-inner{
  display:flex;
  align-items:center;
  justify-content: space-between; 
  gap:16px;
}

.lumo-header__search{
  flex: 1 1 auto;
  min-width:260px;
  max-width: 720px; /* opsiyonel */
  margin: 0 24px;   /* opsiyonel: search ile yanlar arasında nefes */
}

.lumo-header__actions{
  flex: 0 0 auto;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .lumo-header__top-inner{
    flex-wrap:wrap;
  }
  .lumo-header__search{
    order:3;
    flex-basis:100%;
  }
}

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  #search_widget {
    float: right;
    margin-bottom: 0;
    width: 100%;
  }
}

/* Varsayılan: desktop/tablet */
.lumo-burger { display:none; }

/* Mobile: cats bar görünmesin, burger görünsün */
@media (max-width: 1200px){
  .lumo-header__cats{ display:none; }
  .lumo-burger{ display:inline-flex; }
}

.lumo-account{ position:relative; }
.lumo-account::after{
  content:"";
  position:absolute;
  right:0;
  top:100%;
  width:260px;     /* menü genişliği ile aynı */
  height:12px;     /* aradaki boşluğu kapatacak kadar */
  display:block
}

.lumo-account__trigger,
.lumo-account__signin{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:42px;
  padding:0 10px;
  border:1px solid #e6e6e6;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  color:var(--dark-gray);
  text-decoration:none;
}

.lumo-account__trigger{ appearance:none; }

.lumo-account__menu{
  position:absolute;
  top:calc(100% + 2px);
  padding: 10px;
  right:0;
  width:260px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  display:none;
  z-index:1000;
}

.lumo-account__links a{
  padding:10px 12px;
  color:var(--dark-gray);
  text-decoration:none;
}

.lumo-account__links a:hover{
  color:var(--base-color);
  background:#fafafa;
}

/* Hover + klavye ile focus */
.lumo-account:hover .lumo-account__menu,
.lumo-account:focus-within .lumo-account__menu{
  display:block;
}


.lumo-burger{
  width:42px;height:42px;
  border:none;
  background:#fff;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.lumo-burger__lines{
  width:18px;height:2px;
  background:var(--dark-gray);
  position:relative;
  display:block;
}
.lumo-burger__lines:before,
.lumo-burger__lines:after{
  content:"";
  position:absolute;
  left:0;
  width:18px;height:2px;
  background:var(--dark-gray);
}
.lumo-burger__lines:before{ top:-6px; }
.lumo-burger__lines:after{ top:6px; }

.lumo-offcanvas{
  position:fixed;
  inset:0;
  display:none;
  z-index:9999;
}
.lumo-offcanvas.is-open{ display:block; }

.lumo-offcanvas__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

.lumo-offcanvas__panel{
  position:absolute;
  top:0; left:0;
  height:100%;
  width:min(86vw, 360px);
  background:#fff;
  transform:translateX(-100%);
  transition:transform .2s ease;
  display:flex;
  flex-direction:column;
}
.lumo-offcanvas.is-open .lumo-offcanvas__panel{
  transform:translateX(0);
}

.lumo-offcanvas__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-bottom:1px solid #e6e6e6;
}
.lumo-offcanvas__body{
  padding:12px 14px;
  overflow:auto;
  flex:1 1 auto;
}
.lumo-offcanvas__close{
  border:0;
  background:transparent;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.lumo-lock{ overflow:hidden; }
/* Offcanvas içinde Bootstrap'ın hidden-sm-down sınıfını iptal et */
.lumo-offcanvas .hidden-sm-down{
  display:block !important;
}
/* .lumo-offcanvas .hidden-md-up{
  display:block !important;
} */
/* Offcanvas scope */
.lumo-offcanvas .menu.js-top-menu,
.lumo-offcanvas .menu.js-top-menu *{
  box-sizing:border-box;
}

/* UL dikey akış */
.lumo-offcanvas .menu.js-top-menu .top-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

/* Her LI full width */
.lumo-offcanvas .menu.js-top-menu .top-menu > li{
  width:100%;
  overflow:hidden;
  background:#fff;
}

/* Row: link solda, ok sağda */
.lumo-offcanvas .menu.js-top-menu .top-menu > li > a{
  display:flex;
  align-items:center;
  width:100%;
  padding:12px 12px;
  text-decoration:none;
  color:var(--dark-gray);
  padding-right:46px; /* ok butonu için yer */
}

/* Ok butonu */
.lumo-offcanvas .lumo-menu-toggle{
  position:absolute;
  right:6px;
  top:6px;
  width:36px;
  height:36px;
  border:none;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

/* LI'yi relative yap (toggle butonunu konumlandırmak için) */
.lumo-offcanvas .menu.js-top-menu .top-menu > li{
  position:relative;
}

/* Ok ikonu (CSS ile) */
.lumo-offcanvas .lumo-menu-toggle::before{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid var(--dark-gray);
  border-bottom:2px solid var(--dark-gray);
  transform:rotate(45deg);
  display:block;
}

/* Açıkken oku yukarı çevir */
.lumo-offcanvas .menu.js-top-menu li.is-open > .lumo-menu-toggle::before{
  transform:rotate(-135deg);
}

/* Submenu kapalı */
.lumo-offcanvas .menu.js-top-menu .sub-menu{
  display:none;
  margin:0;
  padding:8px 12px 12px;
  list-style:none;
}

/* Açık submenu */
.lumo-offcanvas .menu.js-top-menu li.is-open > .sub-menu{
  display:block;
}

/* Submenu item */
.lumo-offcanvas .menu.js-top-menu .sub-menu li{
  width:100%;
}

/* Submenu link */
.lumo-offcanvas .menu.js-top-menu .sub-menu a{
  display:block;
  width:100%;
  padding:10px 10px;
  border-radius:8px;
  text-decoration:none;
  color:var(--dark-gray);
}
.dropdown-item span {
  display: none;
}
.lumo-offcanvas .menu.js-top-menu,
.lumo-offcanvas .menu.js-top-menu .top-menu,
.lumo-offcanvas .menu.js-top-menu .top-menu > li{
  position: relative;
}

.lumo-offcanvas .menu.js-top-menu .sub-menu{
  float: none !important;
  transform: none !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;

  width: 100% !important;
  display: none;
  height: auto !important;
  max-height: none !important;

  margin: 0 !important;
}

.top-menu .sub-menu {
  box-shadow: none;
}

.lumo-offcanvas .menu.js-top-menu li.is-open > .sub-menu{
  display: block !important;
}

.lumo-offcanvas .menu.js-top-menu .popover,
.lumo-offcanvas .menu.js-top-menu .dropdown-menu{
  display: none !important;
  float: none !important;
  transform: none !important;
}

li.is-open .popover {
  position: static !important;
}

/* Üst LI kart görünümünde overflow hidden ise submenu taşabilir; açılınca görünür kalsın */
.lumo-offcanvas .menu.js-top-menu .top-menu > li{
  overflow: visible; /* eğer sen border-radius için hidden yaptıysan, taşmayı engelleyebilir */
}

.top-menu .sub-menu ul[data-depth="1"]>li {
  margin: 0;
}
.lumo-menu-toggle:focus {
  outline: none;
}

.lumo-pdp-meta,
.breadcrumb{
  letter-spacing: -0.2px;
}

.base-color {
  color: var(--base-color);
}

#wrapper {  
  background: #fff; 
}
#main, .lumo-pdp, .lumo-pdp-main, .js-product-container, .product-container, .row, .col-lg-6 {
  overflow: visible;
}
@media (min-width: 992px){
  #main, #wrapper, #content, .page-content, .container, .row {
    transform: none !important;
  }
}
@media (min-width: 992px){
  .lumo-card--pdp-gallery{
    position: sticky;
    top: 16px;
  }
}
@media (min-width: 992px){
  .js-lumo-gallerybox.is-fixed{
    position: fixed;
    top: 16px;
    width: var(--lumo-gallerybox-width);
    z-index: 40;
  }

  .js-lumo-gallerybox-spacer{
    height: var(--lumo-gallerybox-height);
  }
}


/* PDP container */
.lumo-pdp-main { padding-top: 8px; }
.lumo-pdp { max-width: 1200px; margin: 0 auto; padding: 0 12px 24px; }

/* Card look */
.lumo-card{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:16px;
  margin-bottom: 10px;
}
.lumo-card--inner{ padding:12px; border-radius:14px; }

/* Sticky buy box (desktop) */
@media (min-width: 992px){
  .lumo-sticky{ position: sticky; top: 16px; }
}

/* Title & meta */
.lumo-pdp-title{ font-size: 22px; line-height: 1.25; margin: 0 0 8px; font-weight: 400;}
.lumo-pdp-meta{ display:flex; gap:12px; flex-wrap:wrap; color:#666; font-size:13px; margin-bottom:10px; }
.lumo-meta-item{ font-size: 22px;}
.lumo-meta-item strong{ font-weight:600; }

/* Price area */
.lumo-pricebox{
  padding: 25px 0;
  margin: 10px 0 12px;
}
.product-discount .regular-price {
  font-size: 20px;
}
.product-discount .discount {
  align-items: center;
  background-color: #e5ffe7;
  color: #006a40;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-left: 16px;
  padding: 10px 8px;
  text-align: center;
}

.product-discount .discount .emoji {
  padding-left: 5px;
}

.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul, .product-price{
  color: var(--base-color);
  font-weight: 700;
}

.has-discount.product-price, .product-price {
  font-size: 1.875rem;
  font-weight: 700;
}

/* Pills */
.lumo-pills{ display:block; margin-top:10px; }
.lumo-pill{
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 48px;
  padding: 8px;
  display: flex;
}
.lumo-pill .i{
  width:25px;
  height:25px;
  display:inline-block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}
.banner-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}
.banner-title {
  font-weight: 600;
}
.banner-p {
  color: #333;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
  word-break: break-all;
  -webkit-box-orient: vertical;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden; 
}

/* Descriptions */
.lumo-shortdesc{ color:#444; font-size:14px; line-height:1.55; margin: 10px 0 0; }
.lumo-longdesc{ color:#333; font-size:14px; line-height:1.7; }

/* product features */
.product-attributes-title {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.lumo-product-attributes{
  flex-direction: column;
  display: flex;
}
@media (min-width: 768px) {
  .lumo-product-attributes{
    gap: 6px;
  }
  .attributes-section {
    flex-direction: column;
    width: 100%;
    display: flex;
    margin: 0 !important;
  }
  .attributes {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .attribute-item {
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 4px;
    justify-content: space-between;
  }
  .attribute-item .name {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    line-height: 12px;
  }
  .attribute-item .value {
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    line-height: 15px;
  }
}
.attributes-section {
  flex-direction: column;
  gap: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}
.attributes {
  display: grid;
}
.attribute-item {
  color: #1c1c1c;
  border-bottom: 1px solid #e6e6e6;
  gap: 6px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}
.attribute-item .name {
  color: #333;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
  word-break: break-all;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
  width: 175px;
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
}
.attribute-item .value {
  text-align: right;
  color: #333;
  font-weight: 600;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
  word-break: break-all;
  -webkit-box-orient: vertical;
  flex: 1;
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  overflow: hidden;
}
.lumo-more-attributes{
  display:inline-block;
  margin-top:6px;
  font-size:13px;
  color:#111;
  font-weight:500;
  text-decoration:underline;
}
.lumo-more-attributes:hover {
  color: var(--base-color);
}



/* Buy sections */
.lumo-variants .product-variants-item{ margin-bottom: 10px; }
.lumo-reassurance{ margin-top: 12px; }
.lumo-variants .radio-label, .product-variants .radio-label  {
  font-weight: 400;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 32px;
  padding: 0 12px;
  display: flex;
  position: relative;
}
.lumo-variants .input-radio:checked + span, .product-variants .input-radio:checked + span {
  color: var(--base-color);
  pointer-events: none;
  border: 2px solid var(--base-color);
  font-weight: 600;
}
.lumo-variants .input-radio:hover + .radio-label, .product-variants .input-radio:hover + .radio-label{
  border-color: #f5f5f5;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
}

.lumo-variants label .color, .product-variants label .color {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  margin: .3125rem .5rem .3125rem .3125rem;
  cursor: pointer;
  background-size: contain;
  border: 1px solid #e6e6e6;
}

.lumo-variants .input-color:checked+span, .product-variants .input-color:checked+span {
  border: 2px solid var(--base-color);
}

.lumo-buy, .lumo-cta {
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}

/* Add to cart */

.product-actions .add-to-cart {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  border-radius: 8px !important;
  text-transform: capitalize;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 8px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 48px;
  padding: 13px 30px;
  transition: color .3s;
  display: flex;
  color: #fff;
  background-color: var(--base-color);
}
.js-buy-now, .lumo-btn--secondary {
  color: var(--base-color)!important;
  background-color: #fff!important;
  border: 2px solid var(--base-color);
  margin-right: 20px;
}
.add-to-cart:hover {
  background-color: #b84f0a;
  color: #fff;
}
.btn-primary:disabled:hover {
  background-color: #b84f0a;
  border-color: transparent;
}
.js-buy-now:hover, .lumo-btn--secondary:hover {
  color: #fff!important;
  background-color: var(--base-color)!important;
}

.wishlist-button-add {
  box-shadow: none!important;
  border: 1px solid #e6e6e6!important;
}
.wishlist-button-add i {
  color: var(--base-color)!important;
}

/* Tabs look */
.lumo-navtabs{ border-bottom:1px solid #eee; }
.lumo-navtabs .nav-link{
  border:0;
  color:#666;
  font-weight:600;
  padding:10px 12px;
}
.lumo-navtabs .nav-link.active{
  color: var(--dark-gray);
  border-bottom:2px solid var(--dark-gray);
  background:transparent;
}
.lumo-card--pdp-tabs{ padding: 14px 16px; }

/* Accessories heading spacing */
.lumo-card--pdp-accessories .h5{ letter-spacing: .5px; }

/* Product Comments */

.product-comments-additional-info {
  margin: 0;
  height: 35px;
  font-weight: 700;
  display: block;
  font-size: 16px;
}

.product-comments-additional-info .additional-links {
  font-weight: 400;
  font-size: 14px;
}

.product-comments-additional-info .comments-note {
  margin-right: 5px;
}

.lumo-liked-note {
  cursor: pointer;
  background-color: #fff9eb;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 25px;
  padding: 2px 5px;
  display: flex;
}
.lumo-liked-note p{
  color: #333;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

/* Üst sarı şerit */
.lumo-reviews-hero{
  width:100%;
  background:#fff7d6;         /* hafif sarı */
  border-radius:12px;
  padding:14px 14px;
  margin:14px 0;
}
.lumo-reviews-hero__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.lumo-reviews-hero__left{
  display:flex;
  align-items:center;
  gap:12px;
}
.lumo-reviews-hero__score{
  font-weight:700;
  font-size:28px;
  line-height:1;
}
.lumo-reviews-hero__meta{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.lumo-reviews-hero__title{
  font-weight:600;
  font-size:14px;
}
.lumo-reviews-hero__count{
  font-size:18px;
  font-weight: 600;
}
.lumo-reviews-hero__dot {
  padding: 0 20px;
}

.lumo-review-card{
  border:1px solid #eee;
  border-radius:12px;
  padding:12px;
  background:#fff;
}

.lumo-review-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:6px;
}

.lumo-review-meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  opacity:.85;
  margin-bottom:10px;
}

.lumo-review-author{ font-weight:600; opacity:1; }
.lumo-review-sep{ opacity:.6; }

.lumo-review-title{
  font-size:14px;
  font-weight:600;
  margin:0 0 6px;
}

.lumo-review-text{
  margin:0;
  font-size:14px;
  line-height:1.45;
}

.lumo-review-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}

.lumo-review-actions a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
}

/* Reviews horizontal cards */
#product-comments-list{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:6px 2px 12px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

/* Each review card */
#product-comments-list .product-comment-list-item{
  flex:0 0 320px;
  scroll-snap-align:start;
}

/* Mobile */
@media(max-width:768px){
  #product-comments-list .product-comment-list-item{
    flex-basis:85%;
  }
}

/* hide scrollbar (optional) */
#product-comments-list::-webkit-scrollbar{
  display:none;
}

/* SEARCH BAR */

#search_widget form i {
  color: var(--base-color);
}

#search_widget form input {
  font-size: 13px;
}

.product-miniature .thumbnail-container {
  border: 1px solid #e6e6e6;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
  border: var(--base-color) 1px solid;
}
.product-miniature .highlighted-informations .quick-view:hover {
  color: var(--base-color);
}
.product-miniature .product-title a {
  color: var(--dark-gray);
}
.product-miniature .regular-price {
  font-size: 15px;
}
.product-miniature .price {
  font-size: 19px;
  color: var(--base-color);
}
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title {
  font-weight: 700;
  text-align: left;
}
.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
  background-color: #b00;
}
.product-flags li.product-flag {
  background-color: var(--base-color);
}
/* FOOTER */
.footer-container {
  background-color: var(--very-light-gray);
}
.footer-container li a {
  color: var(--dark-gray);
}
/* MY ACCOUNT ASIDE */
.lumo-account-aside {display: none;}

@media (min-width: 992px) {
  .lumo-account-aside{
    display: block;
    width:100%;
    max-width:280px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:14px;
    overflow:hidden;
  }
}
/* USER HEADER */
.lumo-account-aside__user{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-bottom:1px solid #eee;
  background:#fafafa;
}

.lumo-account-aside__avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e6e6e6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lumo-account-aside__name{
  font-weight:600;
  font-size:15px;
  color:#222;
}

/* LINKS */
.lumo-account-aside .lumo-account__links{
  padding:8px;
  display:flex;
  flex-direction:column;
}

.lumo-account-aside .lumo-account__links a{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  color:#333;
  text-decoration:none;
  font-size:14px;
  transition: background .15s ease, color .15s ease;
}

/* Hover / active */
.lumo-account-aside .lumo-account__links a:hover{
  background:#f5f5f5;
  color:var(--base-color);
}

/* Logout özel */
.lumo-account-aside .lumo-account__logout{
  margin-top:6px;
  color:#c0392b;
}

.lumo-account-aside .lumo-account__logout:hover{
  background:#fdecea;
  color:#a93226;
}
.lumo-account-layout{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.lumo-account-layout__aside{
  flex:0 0 280px; /* aside max-width ile uyumlu */
}

.lumo-account-layout__main{
  flex:1 1 auto;
  min-width:0; /* taşmaları engeller */
}

/* Mobilde alt alta */
@media (max-width: 991.98px){
  .lumo-account-layout{
    flex-direction:column;
  }
  .lumo-account-layout__aside{
    width:100%;
    flex:0 0 auto;
  }
  .lumo-account-aside{
    max-width:100%;
    width:100%;
  }
}
.lumo-account-aside svg.i {
  color: var(--base-color);
}
/* ALL ORDERS */
.lumo-orders{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lumo-order-card{
  border:1px solid #e6e6e6;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

.lumo-order-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 10px;
  border-bottom:1px solid #eee;
  background:#fafafa;
}

.lumo-order-card__ref{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.lumo-order-card__ref-link{
  color:var(--dark-gray);
  text-decoration:none;
}
.lumo-order-card__ref-link:hover{ color:var(--base-color); }

.lumo-order-card__date{
  font-size:12px;
  color:#777;
}

.lumo-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:15px;
  line-height:1;
  color:#fff;
  white-space:nowrap;
}

.lumo-order-card__body{
  padding:12px 14px 14px;
}

.lumo-order-card__meta{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px 14px;
  margin-bottom:12px;
}

.lumo-order-card__label{
  display:block;
  font-size:12px;
  color:#777;
  margin-bottom:3px;
}

.lumo-order-card__value{
  font-weight:600;
  color:#222;
}

.lumo-order-card__actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

/* Buttons */
.lumo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 30px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  /* border:1px solid transparent; */
  white-space: nowrap;
}

.lumo-btn--primary{
  background:var(--base-color);
  color:#fff;
}

.lumo-btn--primary:hover{
  background:var(--base-hover);
  color:#fff;
}

.lumo-btn--ghost{
  background:#fff;
  border-color:#e6e6e6;
  color:var(--dark-gray);
}

.lumo-btn--icon{
  padding:0 10px;
  background:#fff;
  border-color:#e6e6e6;
  color:var(--dark-gray);
}

/* Responsive */
@media (max-width: 767.98px){
  .lumo-order-card__meta{
    grid-template-columns: 1fr;
  }
  .lumo-order-card__actions{
    gap:8px;
  }
  .lumo-btn{
    height:38px;
  }
}
.lumo-account-layout__main table.table-striped>tbody>tr {
  background-color: #fff;
}
/* ORDER DETAIL */
.page-order-detail .box {
  padding: 0;
}
#delivery-address, #invoice-address, .lumo-account-layout__main article.address{
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.addresses article>h4, .page-addresses .address .address-body h4 {
  background-color: #f6f6f6;
}
.addresses article>h4, .addresses article>address, .page-addresses .address .address-body h4, .page-addresses .address .address-body address{
  padding: 1rem;
}
#order-history table {
  border-radius: 8px;
}
textarea.form-control, input.form-control {
  background: none;
}
.form-control {
  color: var(--dark-gray);
}
.page-addresses .address .address-body {
  padding: 0;
}
.cart-content-btn {
  display: flex;
  gap: 12px;
}
.cart-content-btn .lumo-btn {
  flex: 1;
}
.cart-modal-related { margin-top: 16px; }
.cart-modal-related__title { font-weight: 700; margin-bottom: 10px; }
.cart-modal-related__card { display:block; text-decoration:none; }
.cart-modal-related__name { font-weight: 600; font-size: 14px; margin-top: 8px; }
.cart-modal-related__price { font-weight: 700; margin-top: 4px; }
.cart-modal-related .swiper-slide {
  height: auto;
}

.cart-modal-related .product-miniature,
.cart-modal-related .product {
  height: 100%;
}
.quickview .modal-content {
  background-color: #fff;
}
.cart-modal-related .product-miniature {
  justify-content: start;
  -webkit-box-pack: start;
}
.cart-grid-body .card-block h1 {
  font-weight: 600;
}
.cart-detailed-title {
  margin-bottom: 25px;
}
.block-promo .promo-code-button {
  display: block;
  padding: 0 0 1rem;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 10px;
}
.promo-code-button a {
  color: var(--dark-gray);
  font-weight: 700;
}
.p-0 {
  padding: 0;
}
.w-100 {
  width: 100%;
}
.fs-20 {
  font-size: 20px;
}

/* CHECKOUT */
.lumo-card--checkout {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
}

.lumo-checkout-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:12px;
  padding: 16px;
  background-color: var(--very-light-gray);
}

.lumo-checkout-section__actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.lumo-checkout-footer{
  display:flex;
  justify-content:flex-end;
}
.lumo-checkout-section__body {
  padding: 16px;
}

/* Grid: mobil %100, desktop ~%50 */
.lumo-address-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 992px){
  .lumo-address-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.lumo-address-card{
  position: relative;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,140,0,.45);
  background: rgba(255,140,0,.06);
}

.lumo-address-card:hover{
  border-color: rgba(255, 140, 0, .70);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

.lumo-address-card.is-selected{
  border-color: rgba(255, 140, 0, .95);
  background: rgba(255, 140, 0, .10);
}
.lumo-address-card__radio{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--base-color);
  background: #fff;

  position: absolute;
  top: 12px;
  left: 12px;
  margin: 0;
  cursor: pointer;

  display: grid;
  place-content: center;
  transition: all .15s ease;
}
.lumo-address-card__radio::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform .15s ease;
  background: var(--base-color);
}

.lumo-address-card__radio:checked {
  border-color: var(--base-color);
}

.lumo-address-card__radio:checked::before {
  transform: scale(1);
}
.lumo-address-card__radio:hover {
  border-color: var(--base-color);
}

/* 1. Orijinal input'u tamamen gizle */
.custom-radio input[name="payment-option"] {
  display: none !important;
}

/* 2. Dış Halka (Sende halihazırda var olan .custom-radio span yapısı) */
.custom-radio {
  position: relative;
  display: inline-block;
  width: 18px !important;  /* Boyutu Trendyol standartına yaklaştırdım */
  height: 18px !important;
  margin-right: .5rem;
  vertical-align: middle;
  cursor: pointer;
  background: #fff !important;
  /* BURASI KRİTİK: Gri border'ı senin renginle eziyoruz */
  border: 2px solid var(--base-color) !important; 
  border-radius: 50% !important;
  transition: all .2s ease;
  box-sizing: border-box;
}

/* 3. İçerideki Nokta (Pseudo-element) */
.custom-radio::after {
  content: "";
  position: absolute;
  /* Tam merkezleme */
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px; 
  margin-left: -4px;
  border-radius: 50%;
  background-color: var(--base-color);
  /* Başlangıçta gizli */
  transform: scale(0);
  transition: transform .2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}

/* 4. SEÇİLDİĞİNDE: Noktayı göster */
/* Input seçildiğinde aynı span üzerindeki after'ı tetiklemek için */
/* Not: PrestaShop yapısında input span'ın İÇİNDEYSE selector değişir */

.custom-radio input[name="payment-option"]:checked ~ i, /* Tema ikon kullanıyorsa */
.custom-radio input[name="payment-option"]:checked + span::after, /* Kardeş ise */
.custom-radio:has(input:checked)::after { /* Modern tarayıcılar için en garanti yol */
  transform: scale(1);
}

/* PrestaShop Classic mimarisine en uygun seçici (Eskimeyen yöntem) */
.custom-radio input[name="payment-option"]:checked + span::after {
  transform: scale(1);
}

/* Eğer input .custom-radio'nun İÇİNDEYSE şu kuralı kullan: */
.custom-radio input[name="payment-option"]:checked ~ ::after,
.custom-radio input[name="payment-option"]:checked + span {
   /* Gerekirse ek tetikleyici */
}

.lumo-address-card__label{
  display: block;
  cursor: pointer;
}

.lumo-address-card__content{
  flex: 1;
  min-width: 0;
  padding-left: 26px;
}

.lumo-address-card__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

.lumo-address-card__alias{
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
}

.lumo-address-card__badge{
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 0, .55);
  background: rgba(255, 140, 0, .12);
  white-space: nowrap;
}

.lumo-address-card__text .address,
.lumo-address-card__text{
  text-align: left;
  font-size: 14px;
  color: var(--dark-gray);
  font-weight: 500;
}

.lumo-address-card__action{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  font-size: 13px;
  color: rgba(0,0,0,.65);
  text-decoration:none;
}

.lumo-addresses-wrap{
  position: relative;
}

.lumo-addresses-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-right: 10px;
}

.lumo-addresses-actions__link{
  font-size: 13px;
  text-decoration: none;
  color: rgba(0,0,0,.7);
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,0,0,.35);
}

.lumo-addresses-actions__add{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 0, .55);
  background: rgba(255, 140, 0, .10);
  color: rgba(0,0,0,.85);
}

.lumo-addresses-actions__plus{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 140, 0, .75);
  background: #fff;
  line-height: 1;
}

/* Mobilde sağ üst sıkışmasın: normal akışa al */
@media (max-width: 575px){
  .lumo-addresses-actions{
    position: static;
    margin-left: 10px;
    justify-content: space-between;
    width: 100%;
  }
}
.lumo-addresses-wrap{
  position: relative;
}

.lumo-invoice-same-toggle{
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
}

.lumo-invoice-same-toggle__label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(0,0,0,.75);
  cursor: pointer;
  user-select: none;
}

.lumo-invoice-same-toggle__input{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 18px;
  height: 18px;
  border-radius: 4px;

  border: 2px solid var(--base-color);
  background: #fff;

  display: grid;
  place-content: center;

  cursor: pointer;
  transition: all .15s ease;
}
.lumo-invoice-same-toggle__input::before{
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: transform .15s ease;

  /* Tik şekli */
  clip-path: polygon(
    14% 44%,
    0 65%,
    50% 100%,
    100% 16%,
    80% 0,
    43% 62%
  );

  background: var(--base-color);
}
.lumo-invoice-same-toggle__input:checked::before{
  transform: scale(1);
}

/* Checkout: continue button exists but invisible (still clickable programmatically) */
.lumo-checkout-addresses .js-hidden-continue {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#checkout-delivery-step, 
.checkout-step.-delivery {
    display: none !important;
}

#checkout-payment-step.-unreachable {
    opacity: 1 !important;
    pointer-events: auto !important;
}


#lumo-portal-destination {
  margin-top: 1.5rem;
  padding-top: 1rem;
}

#lumo-portal-destination .condition-label label {
  font-size: 0.85rem;
  line-height: 1.4;
  cursor: pointer;
}

#lumo-portal-destination .btn-primary {
  width: 100%; /* Sağ sütunda butonu tam genişlik yapalım */
  margin-top: 1rem;
  padding: 12px;
  font-weight: 600;
}

/* Orijinal yerinde boşluk kalmasın */
#checkout-payment-step #lumo-checkout-confirmation-wrapper:empty {
  display: none;
}

/* Sözleşme linklerini özelleştir */
.condition-label a {
  text-decoration: underline;
  color: var(--base-color);
  font-weight: 600;
  pointer-events: auto !important; /* Tıklamayı garantiye al */
  position: relative;
  z-index: 999;
}

/* Checkbox'ın üzerine binmesini engelle */
.condition-label {
  padding-left: 10px;
}
/* Eğer checkout sayfasında herhangi bir yerde .payment-options div'i varsa */
body#checkout:has(.payment-options) .lumo-checkout-footer {
  display: none !important;
}
body#checkout section.checkout-step .step-title {
  text-transform: capitalize;
}


/* .lumo-discounts-slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  padding-bottom: 10px;
  scrollbar-width: none;
}

.lumo-discounts-slider::-webkit-scrollbar {
  display: none; 
}

.discount-item {
  scroll-snap-align: start;
  flex: 0 0 auto;
}

.discount-card {
  background: #f8f9fa;
  border: 1px dashed #2fb5d2;
  border-radius: 8px;
  height: 100%;
}

.discount-name {
  font-size: 0.85rem;
  max-width: 120px;
}

.discount-code {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
}

.discount-card .btn-sm {
  padding: 4px 10px;
  font-size: 0.75rem;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .discount-item {
      width: 80% !important;
  }
}
.discount-card.applied-border {
  border: 1px solid #27ae60 !important; 
  background-color: #f0fff4; 
}

.discount-card.applied-border .discount-name {
  color: #27ae60;
}

.btn-outline-danger {
  color: #e74c3c;
  border-color: #e74c3c;
  background: transparent;
}

.btn-outline-danger:hover {
  background: #e74c3c;
  color: #fff;
}
.lumo-discounts-slider {
  gap: 12px;
  padding-bottom: 15px;
  -webkit-overflow-scrolling: touch;
}

.discount-card {
  background: #ffffff;
  border: 1px dashed #dee2e6;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.discount-card.applied-bg {
  border: 1px solid #27ae60;
  background-color: #f8fff9;
}

.badge-success {
  background-color: #27ae60;
  color: white;
  padding: 5px 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 11px;
} */
/* Slider Konteynırı */
/* Kupon kartı - Hepsiburada hissiyatı */
/* =========================
   Lumo Coupon Card (HB-like)
   ========================= */
/* Slider container: yatay kaydırma */
.lumo-discounts-slider{
  display: flex;
  flex-wrap: nowrap;          /* tek satır */
  overflow-x: auto;           /* yatay scroll */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  position: relative;
}

/* Sayfayı genişleten taşmayı engelle */
.lumo-discounts-slider-wrapper{
  overflow: hidden;
  max-width: 100%;
}

/* Sağ fade efekti */
.lumo-discounts-slider::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px; /* fade genişliği */

  pointer-events: none; /* scroll engellemesin */

  /* Arkaplan rengine göre gradient */
  background: linear-gradient(
    to right,
    rgba(255,239,229,0) 0%,
    #ffefe5 100%
  );
}

/* Slider item (kart genişliği slider içinde stabil kalsın) */
.lumo-discounts-slider .discount-item{
  flex: 0 0 auto;
  width: 320px;               /* masaüstü kart genişliği */
  max-width: 85vw;
}

/* Bootstrap col-* genişliklerini slider içinde iptal et */
.lumo-discounts-slider .discount-item[class*="col-"]{
  width: 320px !important;
  flex: 0 0 320px !important;
  max-width: 85vw !important;
}

/* Mobilde kart genişliği */
@media (max-width: 576px){
  .lumo-discounts-slider .discount-item,
  .lumo-discounts-slider .discount-item[class*="col-"]{
    width: 280px !important;
    flex: 0 0 280px !important;
    max-width: 85vw !important;
  }
}

/* Kart ana gövde */
.lumo-coupon-card{
  /* border yerine inset shadow: çentik efekti gerçek kesik gibi görünür */
  border: 0;
  box-shadow: inset 0 0 0 1px var(--base-color);

  border-radius: 10px;
  background: #ffefe5;
  padding: 1rem; /* p-3 yerine */
  position: relative;

  /* kartların boyu stabil olsun */
  min-height: 110px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow: hidden;
}

/* Hepsiburada benzeri perforation / çentik efekti */
.lumo-coupon-card::before,
.lumo-coupon-card::after{
  content: "";
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 999px;

  /* Dış zemin rengi: çentik "kesilmiş" gibi görünür */
  background: var(--lumo-checkout-bg);

  /* Çentiğin etrafında ince çizgi */
  box-shadow: 0 0 0 1px var(--base-color);

  z-index: 3;
}

/* sol çentik */
.lumo-coupon-card::before{
  left: -10px;
}

/* sağ çentik */
.lumo-coupon-card::after{
  right: -10px;
}

/* İç düzen */
.lumo-coupon-main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

/* Sol metin */
.lumo-coupon-left{
  flex: 1 1 auto;
  min-width: 0;
}

.lumo-coupon-title{
  color: var(--dark-gray);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 4px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lumo-coupon-code{
  color: var(--dark-gray);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 4px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Kod altı bitiş tarihi */
.lumo-coupon-expiry{
  font-size: 12px;
  line-height: 1.2;
  color: var(--dark-gray);
  opacity: .85;
}

/* Sağ aksiyon */
.lumo-coupon-right{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.lumo-coupon-card .lumo-btn{
  padding: 8px 12px;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
}

/* Applied state */
.lumo-coupon-applied{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #2e7d32;
  white-space: nowrap;
}

.lumo-coupon-applied .material-icons{
  font-size: 18px;
  line-height: 1;
}

/* Footer: her zaman aynı yükseklik (TPL'de footer her zaman render edilmeli) */
.lumo-coupon-footer{
  margin-top: 10px;
  padding-top: 10px;
  min-height: 28px; /* kartlar eşitlensin */
}

/* Alt limit varsa kesikli çizgi */
.lumo-coupon-card.has-limit .lumo-coupon-footer{
  border-top: 1px dashed rgba(0,0,0,.20);
}

/* Alt limit yoksa çizgi yok */
.lumo-coupon-card.no-limit .lumo-coupon-footer{
  border-top: 0;
}

/* Footer yazısı */
.lumo-coupon-limit{
  font-size: 12px;
  line-height: 1.2;
  color: var(--dark-gray);
  opacity: .75;
}

/* Mobil sıkılaştırma */
@media (max-width: 576px){
  .lumo-coupon-card{
    padding: .9rem;
  }
  .lumo-coupon-code{
    font-size: 15px;
  }
}

.lumo-coupon-card.is-applied {
  box-shadow: inset 0 0 0 1px #2e7d32;
  background: #f1f8f1;
}

.js-remove-lumo-coupon {
  background: #fff;
  border: 2px solid var(--base-color);
}

/* MAIN MENU */

/* =========================
   Sub-menu panel görünümü
   YALNIZCA: .popover.sub-menu.js-sub-menu.collapse
   ========================= */

   /* .popover.sub-menu.js-sub-menu.collapse{
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0,0,0,.12);
  
    padding: 16px;
  }

  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="1"]{
    list-style: none;
    margin: 0;
    padding: 0;
  
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="1"] > li > a{
    display: block;
  
    padding: 8px 10px;
    border-radius: 10px;
  
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
  
    color: var(--dark-gray);
    text-decoration: none;
  
    transition: background .15s ease, color .15s ease;
  }
  
  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="1"] > li > a:hover{
    color: var(--base-color);
  }

  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="2"]{
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
  }
  
  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="2"] a{
    display: block;
  
    padding: 6px 10px;
    border-radius: 10px;
  
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
  
    color: rgba(0,0,0,.70);
    text-decoration: none;
  
    transition: background .15s ease, color .15s ease;
  }
  
  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="2"] a:hover{
    background: rgba(0,0,0,.04);
    color: var(--dark-gray);
  }

  .popover.sub-menu.js-sub-menu.collapse hr{
    display: none;
  }

  .popover.sub-menu.js-sub-menu.collapse a.dropdown-item{
    white-space: nowrap;
  }
  .popover.sub-menu.js-sub-menu.collapse .top-menu[data-depth="1"] > li{
    flex: 0 0 calc(25% - 12px);
    max-width: 100px;
  } */

.store-description a {
  display: none;
}
#contact-infos {
  color: var(--dark-gray);
}

:root { --whatsapp: #25d366; }

.bg-whatsapp { background-color: var(--whatsapp) !important; }
.border-color-whatsapp { border-color: var(--whatsapp) !important; }

.btn-whatsapp {
  --size: 60px;
  --position-x-offset: 30px;
  --position-y-offset: 25px;

  position: fixed;
  bottom: var(--position-y-offset);
  right: var(--position-x-offset);

  width: var(--size);
  height: var(--size);

  display: inline-flex;          /* ikon ortalama */
  align-items: center;
  justify-content: center;

  background-color: var(--whatsapp);
  border-radius: 50%;
  color: #fff;

  z-index: 1010;

  @include media-breakpoint-up(md) {
    --position-x-offset: 35px;
    --position-y-offset: 30px;
  }

  &:hover { color: #fff; }
}

/* İkon: fill currentColor ile beyaz olur */
.btn-whatsapp__icon {
  width: 45px;
  height: 45px;
  display: block;
  fill: currentColor;
}

/* Wrapper */
.lumo-contact-cards{
  max-width: 1100px;   /* sayfada daha ortalı/premium dursun */
  margin-left: auto;
  margin-right: auto;
}

/* Kart */
.lumo-contact-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 4rem;
}

/* Başlık satırı */
.lumo-contact-card__head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  padding-bottom: 10px;
}

.lumo-contact-card__head .material-icons{
  font-size: 22px;
  color: var(--dark-gray);
  opacity: .9;
}

/* H3 görünümü (üstte, net) */
.lumo-contact-card__title{
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--dark-gray);
  line-height: 1.2;
}

/* İçerik (ortada ve temiz) */
.lumo-contact-card__body{
  color: rgba(0,0,0,.70);
  font-size: 17px;
  line-height: 1.5;
  flex: 1;
  display: flex;
  align-items: center;
}

/* Linkler */
.lumo-contact-card__body a{
  color: var(--dark-gray);
  font-weight: 600;
  text-decoration: none;
}

.lumo-contact-card__body a:hover{
  text-decoration: underline;
}

#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
  
    width: 80% !important;
    min-width: 80% !important;
    max-width: 80% !important;
    padding: 10px 30px;
}
.lumo-header__cats ul {
  display: inline-block!important;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
  margin: 0 40px;
}
.top-menu .sub-menu {
  margin-left: 7.9375rem;
}
.menu-img {
  display: inline-block;
  width: 50%;
  object-fit: cover;
  top: 0;
  position: absolute;
  padding: 10px;
  right: 0;
}

  #products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
    color: var(--base-color);
    margin: 2.5rem 0;
}
#products .products, .featured-products .products, .product-accessories .products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}


/* --- GENEL NAV BAR TEMELİ --- */
.navbar {
  position: relative;
  padding: 0px;
  --py: .75rem;
}

@media (min-width: 768px) {
  .navbar { --py: .9375rem; }
}

/* --- OFF-CANVAS (MOBİL MENÜ) YAPISI --- */
.offcanvas {
  --td: .25s;
  position: fixed;
  display: flex;
  background-clip: padding-box;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  width: 20rem;
  z-index: 1101;
  inset: 0px auto 0px 0px;
  outline: 0px;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform .25s ease-in-out, opacity .25s, visibility .25s;
}
.nav-item-root > .nav-link {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  font-weight: 700;
  height: 3.25rem;
  justify-content: space-between;
  line-height: 1rem;
  width: 100%;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-radius: var(--card-br);
  background: var(--card-bg);
  padding: 0 var(--card-px);
}


/* --- RESPONSIVE: MASAÜSTÜ (1200px+) --- */
@media (min-width: 1200px) {
  .navbar-menu {
    position: static;
    display: flex !important;
    flex-direction: row;
    height: auto;
    max-width: none;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    width: 100%;
    background: none;
    outline: initial;
    transition: none;
    z-index: auto;
  }

  .offcanvas-header {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--very-light-gray);
    padding: 0.75rem 1rem;
  }

  .offcanvas.showing, .offcanvas.is-open {
    transform: none;
  }
  .offcanvas.showing, .offcanvas.hiding, .offcanvas.is-open {
    opacity: 1;
    visibility: visible;
  }
  .navbar-menu-body {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
  }
  .offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding-bottom: 1rem;
    padding-top: 0.75rem;
  }
  @media (min-width: 1200px) {
    .navbar-menu-body {
      align-items: center;
      flex-direction: row;
      justify-content: center;
      overflow-y: visible;
      padding-bottom: 0px;
      padding-top: 0px;
    }
  }

  .nav-root {
    flex-direction: row !important; /* Masaüstünde Yan Yana */
  }

  .nav-item-root > .nav-link {
    height: 2.875rem;
    font-size: 16px;
    background: none;
    border-radius: 0px;
    padding: 0px 0.75rem;
  }
}
.nav-item-child > .nav-link {
  font-weight: 500;
}
/* --- RESPONSIVE: MOBİL (< 1200px) --- */
@media (max-width: 1199.98px) {
  .nav-root {
    flex-direction: column; /* Mobilde Alt Alta */
    row-gap: .5rem;
    padding: 1rem;
  }

  .dropdown-menu {
    display: none; 
    opacity: 1;
    visibility: hidden;
    box-shadow: none;
    border: none;
    transform: none !important;
    padding-left: 15px;
  }
  
  /* Mobilde tıklandığında alt menüyü göster (Opsiyonel JS ile tetiklenir) */
  .dropdown.show > .dropdown-menu {
    display: block;
    visibility: visible;
    position: relative;
  }
}

/* --- DROPDOWN & HOVER TASARIMI (MASAÜSTÜ) --- */
@media (min-width: 1200px) {
  .dropdown-hv:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }
  .dropdown-menu {
    position: absolute;
    z-index: 1000;
    background: rgb(255, 255, 255);
    border: 1px solid #eee;
    border-radius: 1rem;
    box-shadow: 0 10px 50px rgba(0,0,0,0.1);
    padding: 1rem;
    min-width: 15rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
  }
}
.dropdown-menu .nav-item {width:100%}

.nav-sub {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  list-style: none;
}

/* --- DİĞER YARDIMCI SINIFLAR --- */
.container-xl { 
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  padding: 1rem;
}

.close {
  position: absolute;
  appearance: none;
  color: rgb(0, 0, 0);
  cursor: pointer;
  font-size: 1.5rem;
  opacity: 0.5;
  text-shadow: rgb(255, 255, 255) 0px 1px 0px;
  inset: 0.625rem 0.625rem auto auto;
  background: none;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  padding: 0.25rem;
}

.offcanvas.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* MOBİL: offcanvas aç/kapat */
@media (max-width: 1199.98px) {
  #navbarMenu.offcanvas{
    opacity: 0;
    pointer-events: none;
  }

  #navbarMenu.offcanvas.is-open{
    transform: translateX(0) !important;   /* ✅ eksik olan bu */
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
  }
}
body.offcanvas-open{ overflow: hidden; }

@media (max-width: 1200px) {

  #navbarMenu.offcanvas {
    display: flex;
    flex-direction: column;
  }

  #navbarMenu .navbar-menu-header {
    flex: 0 0 auto;
  }

  #navbarMenu .navbar-menu-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
  }

  #navbarMenu.offcanvas.is-open {
    overflow: hidden; 
  }
}
[data-content]:not([data-toggle="popover"])::before {
  content: attr(data-content) !important;
}
.material-icons-b::before {
  display: inline-block;
  direction: ltr;
  font-feature-settings: "liga";
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 1em;
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizelegibility;
  text-transform: none;
  vertical-align: middle;
  width: 1em;
  overflow-wrap: normal;
  font-family: "Material Icons" !important;
  white-space: nowrap;
}
.navbar-nav .nav-item+.nav-item, .navbar-nav .nav-link+.nav-link {
  margin-left: 0;
}
@media (max-width: 1200px) {
  .navbar-nav .nav-item {
    float: left;
    width: 100%;
    font-weight: 600;
  }
}
.nav-child {
  display: flex;
  flex-direction: column;
  padding: 0px 1.25rem;
}
@media (min-width: 1200px) {
  .nav-child {
      row-gap: 0.5rem;
      padding: 0.75rem 1.25rem 0px;
  }
}
@media (min-width: 1200px) {
  .nav-item-root.dropdown-hv:hover > .nav-link::after {
    color: inherit;
  }
  .nav-link-all {display:none!important;}
  .nav-item-root.dropdown > .nav-link::after {
    font-size: 1.125rem;
  }
}

/* Mobil + genel: sadece açıldığında dönsün */
.dropdown.show > .dropdown-toggle::after{
  transform: rotate(-180deg);
}

/* Desktop / gerçek hover cihazları: hover’da da dönsün */
@media (hover: hover) and (pointer: fine){
  .dropdown-hv:hover > .dropdown-toggle::after{
    transform: rotate(-180deg);
  }
}

/* (Opsiyonel) Eski open class’ı kullanıyorsan */
.dropdown.open > .dropdown-toggle::after{
  transform: rotate(-180deg);
}

.dropdown-toggle::after {
  content: "keyboard_arrow_down";
  font-family: "Material Icons";
  font-feature-settings: "liga";
  font-size: 1.5rem;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 1em;
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizelegibility;
  text-transform: none;
  vertical-align: middle;
  width: 1em;
  overflow-wrap: normal;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  margin: 0px;
  transition: transform 0.2s linear;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .navbar-menu-header {
      display: none;
  }
}

@media (max-width: 1199.98px) {
  /* Overlay */
  .lumo-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1100;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity .2s ease, visibility .2s ease;
  }

  body.offcanvas-open .lumo-overlay{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  /* Drawer */
  #navbarMenu.offcanvas{
    width: 20rem;
    max-width: 100%;
    height: 100%;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1101;

    background: #fff;

    transform: translateX(-100%);
    visibility: hidden;

    transition: transform .25s ease-in-out, visibility .25s;
  }

  #navbarMenu.offcanvas.is-open{
    transform: translateX(0);
    visibility: visible;
  }

  /* Body scroll kilidi */
  body.offcanvas-open{
    overflow: hidden;
  }

  /* Menü içi scroll (sen zaten eklemiştin, burada garanti) */
  #navbarMenu .navbar-menu-body{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* HEADER TOP */
.header-top-lumo{ 
  background-color: #ffefe5; 
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 0.625rem 0px;
}

.header-top-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:8px 0;
}

.header-banner{ 
  margin:0; 
  text-align:left; 
  flex:1 1 auto; 
  text-decoration: underline; 
  font-weight: 700; 
  font-size: 15px;
}
.header-top-info{ 
  flex:0 0 auto; 
  font-weight: 700;
  font-size: 15px;
}

.header-top-info .contact-info{
  display:flex;
  align-items:center;
  gap:14px;
  list-style:none;
  margin:0;
  padding:0;
}

@media (max-width:575.98px){
  .header-top-info{ display:none; }
  .header-banner {text-align: center;}
}
.header-top-icon {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.header-top-whatsapp__icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  fill: var(--whatsapp);
}
.whatsapp-color {color: var(--whatsapp)!important;}
 
/* CHECKOUT HEADER */
.checkout-header{
  background: #fff;
  border-bottom: 1px solid #eee;
}

.checkout-header-inner{
  display: flex;
  align-items: center;
  column-gap: .5rem;
  justify-content: space-between;
  padding: .75rem 0;
}

.checkout-secure {
  display: flex;
  align-items: flex-end;
  color: var(--text-subtle);
  column-gap: 1rem;
  flex: none;
  flex-direction: column;
  row-gap: .25rem;
  text-align: right;
}

@media (min-width: 576px) {
  .checkout-secure {
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
  }
}

.checkout-secure::before {
  content: '';
  align-self: stretch;
  background: var(--dark-gray);
  width: 1px;
}

.checkout-secure h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  color: var(--dark-gray);
}


.checkout-secure img {
    height: 4.2rem;
    width: auto;
}


.checkout-secure img {
  order: -1;
  pointer-events: none;
  user-select: none;
}