/* Esma Sultan — Tekil Ürün Sayfası (premium template v2 uyarlaması)
   Header HARİÇ; breadcrumb bizim yeşil şerit. Tüm stiller .esma-single altında. */

.esma-single{
  --es-bg:#FFFFFF;
  --es-panel:#F4F3F0;
  --es-panel-2:#FAF9F7;
  --es-ink:#111110;
  --es-ink-2:#6E6C66;
  --es-ink-3:#A3A099;
  --es-line:#E8E6E1;
  --es-green:#15322D;
  --es-green-deep:#0D231F;
  --es-title:#15322D;
  --es-gold:#BF9B62;
  --es-font:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  font-family:var(--es-font);
  color:var(--es-ink);
  -webkit-font-smoothing:antialiased;
}
.esma-single *{box-sizing:border-box}
.esma-single img{max-width:100%;display:block}
.esma-single button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.esma-single a{color:inherit;text-decoration:none}

/* ---- FLATSOME BUTON RESET ---- */
.esma-single .seg button,
.esma-single .quantity button,
.esma-single .es-add,
.esma-single .qty button{
  margin:0 !important;
  min-height:0 !important;
  min-width:0 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  font-weight:400;
  vertical-align:middle;
  text-shadow:none !important;
  box-shadow:none !important;
}

/* iç genişlik sarıcı — 1350px, logo ile hizalı */
.esma-single .es-wrap{max-width:1350px;margin:0 auto;padding:0 40px}

/* breadcrumb — yeşil şerit */
.esma-single .es-crumb-bar{background:var(--es-green)}
.esma-single .es-crumbs{padding:19px 0;font-size:13px;color:rgba(255,255,255,.55);display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.esma-single .es-crumbs a{transition:color .2s}
.esma-single .es-crumbs a:hover{color:#fff}
.esma-single .es-crumbs em{font-style:normal;color:#fff}

/* ============ PRODUCT (pdp) ============ */
.esma-single .pdp{display:grid;grid-template-columns:4.5fr 7.5fr;gap:0;align-items:start;padding:56px 0 72px}
.esma-single .media{position:sticky;top:24px}
.esma-single .frame{display:flex;align-items:center;justify-content:center;padding:0}
.esma-single .frame img{width:108%;max-width:108%;margin:0 -4%;object-fit:contain;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.esma-single .frame:hover img{transform:scale(1.03)}

.esma-single .info{padding:4px 0 0 80px}
.esma-single .kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--es-gold);font-weight:600}
.esma-single h1.es-title{font-size:46px;font-weight:700;letter-spacing:-.035em;line-height:1.06;margin:16px 0 0;color:var(--es-title);text-wrap:balance}
.esma-single .sub{margin-top:14px;font-size:19px;line-height:1.55;color:var(--es-ink-2)}

/* tadım notları — hero içinde */
.esma-single .taste{margin-top:22px}
.esma-single .taste-lbl{font-size:13px;font-weight:600;color:var(--es-ink);margin-bottom:11px}
.esma-single .taste-chips{display:flex;flex-wrap:wrap;gap:8px 22px}
.esma-single .taste-chips span{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--es-green)}
.esma-single .taste-chips span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--es-gold);flex:none}

.esma-single .field{margin-top:24px;max-width:600px}
.esma-single .field.first{margin-top:22px}
.esma-single .f-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.esma-single .f-lbl{font-size:13px;font-weight:600}
.esma-single .f-val{font-size:13px;color:var(--es-ink-3)}

/* Gramaj — eşit 3 sütun segment */
.esma-single .seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--es-line);border-radius:6px;overflow:hidden}
.esma-single .seg button{padding:13px 10px;font-size:14px;color:var(--es-ink-2) !important;border-right:1px solid var(--es-line);transition:.18s;background:#fff !important;border-radius:0 !important;border-top:0 !important;border-bottom:0 !important;border-left:0 !important;height:auto !important;font-weight:400}
.esma-single .seg button:last-child{border-right:none}
.esma-single .seg button:hover{color:var(--es-ink) !important;background:var(--es-panel-2) !important}
.esma-single .seg button.on{background:var(--es-ink) !important;color:#fff !important;font-weight:500}

/* Öğütme — özel select dropdown */
.esma-single .sel-wrap{position:relative;max-width:600px}
.esma-single .sel-wrap select{width:100%;height:52px;border:1px solid var(--es-line) !important;border-radius:6px !important;background:#fff !important;padding:0 46px 0 16px !important;font-family:inherit;font-size:14.5px;color:var(--es-ink) !important;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color .2s;margin:0 !important;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important;min-height:0 !important;line-height:52px !important;font-weight:400 !important}
.esma-single .sel-wrap select:hover{border-color:var(--es-ink-3) !important}
.esma-single .sel-wrap select:focus{border-color:var(--es-green) !important}
.esma-single .sel-wrap::after{content:'';position:absolute;right:18px;top:50%;width:9px;height:9px;pointer-events:none;border-right:1.5px solid var(--es-ink-2);border-bottom:1.5px solid var(--es-ink-2);transform:translateY(-70%) rotate(45deg)}

/* Fiyat */
.esma-single .price-line{display:flex;align-items:baseline;gap:12px;margin-top:26px;max-width:600px}
.esma-single .price{font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--es-title)}
.esma-single .price-note{font-size:13px;color:var(--es-ink-3)}
.esma-single .price del{color:var(--es-ink-3);font-weight:400;font-size:17px;margin-right:6px}
.esma-single .price ins{text-decoration:none}

/* Satın alma */
.esma-single .buy{display:flex;gap:10px;margin-top:22px;max-width:600px}
.esma-single .quantity{display:flex;align-items:center;border:1px solid var(--es-line);border-radius:6px !important;overflow:hidden;background:#fff}
.esma-single .quantity input.qty{width:44px;height:54px;text-align:center;border:0 !important;background:#fff !important;font-size:15px;font-weight:500;color:var(--es-ink);-moz-appearance:textfield;box-shadow:none !important;margin:0 !important;border-radius:0 !important}
.esma-single .quantity input.qty::-webkit-outer-spin-button,
.esma-single .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.esma-single .quantity .minus,.esma-single .quantity .plus{width:42px;height:54px;font-size:17px;color:var(--es-ink-2) !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;min-height:0 !important;text-shadow:none !important;text-transform:none !important;letter-spacing:normal !important}
.esma-single .quantity .minus:hover,.esma-single .quantity .plus:hover{color:var(--es-ink) !important;background:#fff !important}
.esma-single .es-add{flex:1;height:54px;border-radius:6px !important;background:var(--es-green) !important;color:#fff !important;font-size:15px;font-weight:500;transition:.2s;display:flex;align-items:center;justify-content:center;border:0 !important;box-shadow:none !important;text-transform:none !important;letter-spacing:normal !important;margin:0 !important;text-shadow:none !important;line-height:1 !important}
.esma-single .es-add:hover{background:var(--es-green-deep) !important}
.esma-single .es-add.done{background:var(--es-green-deep) !important}
.esma-single a.added_to_cart{display:none !important}

.esma-single .micro{display:flex;gap:26px;margin-top:20px;font-size:13px;color:var(--es-ink-2);flex-wrap:wrap}
.esma-single .micro span{display:flex;align-items:center;gap:7px}
.esma-single .micro svg{color:var(--es-ink-3)}

/* ---- WooCommerce form normalizasyonu ---- */
.esma-single form.cart .variations{display:none !important}
.esma-single .woocommerce-variation-price,
.esma-single .woocommerce-variation-availability,
.esma-single .single_variation_wrap .woocommerce-variation{display:none !important}
.esma-single .reset_variations{display:none !important}
.esma-single form.cart{margin:0}
/* form içi elemanların (Flatsome margin-bottom:1em) fazla boşluğunu kes */
.esma-single form.cart p,
.esma-single form.cart .single_variation_wrap,
.esma-single form.cart .woocommerce-variation-add-to-cart{margin:0 !important}
.esma-single .single_variation{margin:0 !important;min-height:0 !important}
.esma-single .esma-buy-zone{margin:0}

/* ============ ALT BÖLÜM (detail: hikaye + rgs + künye kutusu) ============ */
.esma-single .detail{padding:0 0 64px}
.esma-single .detail > .es-wrap{border-top:1px solid var(--es-line);padding-top:64px}
.esma-single .detail-grid{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:start}
.esma-single .long .kicker{color:var(--es-ink-3);letter-spacing:.22em}
.esma-single .long h2{font-size:31px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:14px 0 0;color:var(--es-title)}
.esma-single .long p{margin-top:22px;font-size:17.5px;line-height:1.72;color:#4F4D48}

/* fincan profili barları — hikaye kolonunun altında */
.esma-single .rgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:38px;margin-top:42px;padding-top:36px;border-top:1px solid var(--es-line)}
.esma-single .rg-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.esma-single .rg-name{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--es-ink-3);font-weight:600}
.esma-single .rg-val{font-size:17px;color:var(--es-title);font-weight:500;letter-spacing:-.015em}
.esma-single .rg-bar{position:relative;height:5px;border-radius:99px;background:#E4E8E4;margin-top:13px}
.esma-single .rg-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--es-green);width:0;transition:width 1s cubic-bezier(.22,.61,.36,1)}
.esma-single .rg-dot{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--es-green);transform:translate(-50%,-50%);left:0;transition:left 1s cubic-bezier(.22,.61,.36,1)}
.esma-single .rg-ends{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#AEABA3}

/* künye — koyu yeşil kutu (sağ kolon) */
.esma-single .kunye{background:var(--es-green);color:#fff;border-radius:6px;padding:34px 34px 32px}
.esma-single .k-ttl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--es-gold);font-weight:600}
.esma-single .kunye .spec-list{margin-top:18px}
.esma-single .kunye .sl{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.esma-single .kunye .sl:last-child{border-bottom:none;padding-bottom:0}
.esma-single .kunye .sl dt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:600}
.esma-single .kunye .sl dd{font-size:16.5px;color:#fff;letter-spacing:-.015em;text-align:right;margin:0}
.esma-single .kunye .sl dd small{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:0}
.esma-single .kunye .notes{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13)}
.esma-single .kunye .note-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.esma-single .kunye .note-chips span{font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:7px 15px}

/* ============ BENZER ÜRÜNLER ============ */
.esma-single .related{padding:0 0 100px}
.esma-single .related > .es-wrap{border-top:1px solid var(--es-line);padding-top:64px}
.esma-single .rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.esma-single .rel-head h2{font-size:31px;font-weight:700;letter-spacing:-.03em;color:var(--es-title);margin-top:14px}
.esma-single .rel-head > a{font-size:14px;color:var(--es-ink-2);border-bottom:1px solid var(--es-line);padding-bottom:3px;transition:.2s;flex:none;white-space:nowrap}
.esma-single .rel-head > a:hover{color:var(--es-title);border-color:var(--es-title)}

/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .esma-single .detail-grid{grid-template-columns:1fr;gap:44px}
  .esma-single .detail{padding:0 0 56px}
  .esma-single .detail > .es-wrap{padding-top:52px}
  .esma-single .pdp{grid-template-columns:1fr;gap:48px}
  .esma-single .media{position:static}
  .esma-single .info{padding:0}
}
@media(max-width:640px){
  .esma-single .es-wrap{padding:0 20px}
  .esma-single h1.es-title{font-size:34px}
  .esma-single .seg{width:100%}
  .esma-single .seg button{padding:13px 6px}
  .esma-single .buy{flex-wrap:wrap}
  .esma-single .es-add{order:3;flex:1 0 100%}
}