/*
 * WooCommerce styling glue for HiBA Elektrik theme
 * Aim: keep WooCommerce functional while matching the theme's square, card-based UI.
 */

.woocommerce .woocommerce-notices-wrapper,
.woocommerce-page .woocommerce-notices-wrapper{ margin-bottom: 1rem; }

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  border-radius: 0;
  box-shadow: var(--shadow-sm);
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius: 0;
  background: var(--hiba-blue);
  color: #fff;
  border: 1px solid rgba(0,0,0,.08);
  padding: .75rem 1rem;
  font-weight: 700;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background: var(--hiba-navy-2);
  color:#fff;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background: var(--hiba-yellow);
  color: #0b1f3b;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background: var(--hiba-yellow-2);
  color: #0b1f3b;
}

/* Inputs */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select{
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.18);
  padding: .75rem .85rem;
  background: #fff;
}

/* Product grid cards */
.woocommerce ul.products,
.home-products ul.products{
  list-style: none;
  padding-left: 0;
}

/* Loop CTAs: "İncele" + "Teklif Al" */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product{ position: relative; }

.hiba-loop-ctas{
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:center;
  position:absolute;
  left:.75rem;
  right:.75rem;
  bottom:.75rem;
  opacity:0;
  transform: translateY(6px);
  pointer-events:none;
  transition: opacity .2s ease, transform .2s ease;
}

ul.products li.product:hover .hiba-loop-ctas,
ul.products li.product:focus-within .hiba-loop-ctas{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
}

.hiba-loop-ctas .button{
  flex:1;
  text-align:center;
  padding:.55rem .75rem;
  line-height:1.1;
}

@media (hover: none){
  .hiba-loop-ctas{opacity:1; transform:none; pointer-events:auto; position:static; margin:.75rem;}
}

.woocommerce ul.products,
.woocommerce-page ul.products{
  display: grid !important;
  /* Shop grid: 4 columns on wide screens */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: row dense;
  justify-content: start;
  justify-items: stretch;
  align-items: stretch;
  gap: 1rem;
  margin: 1rem 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  float: none !important;
  clear: both;
}

/* WooCommerce adds clearfix pseudo-elements on .products.
   When using CSS Grid, those pseudo-elements become empty grid items (first cell looks blank). */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{
  content: none !important;
  display: none !important;
}
@media (max-width: 1200px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{ grid-template-columns: 1fr; }
}

.woocommerce ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0;
  padding: 1rem;
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Some Woo templates wrap products in extra containers that can shrink the grid.
   Ensure our card wrapper doesn't constrain width on shop/archive pages. */
.woocommerce-card .entry-content{
  max-width: none;
}

/* --- Single product gallery: fullwidth + arrows + tidy thumbnails --- */
.single-product div.product .woocommerce-product-gallery{
  width: 100% !important;
  float: none !important;
  margin: 0 0 1.25rem !important;
  position: relative;
  opacity: 1 !important; /* fallback if Woo JS doesn't set gallery classes */
}

/* Prevent duplicate thumbnail strips.
   Keep WooCommerce's native thumbs/nav and hide our fallback strip unless
   Woo thumbs are missing. */
.single-product .woocommerce-product-gallery .hiba-pg-thumbs{
  display:none;
}

.single-product .woocommerce-product-gallery .hiba-pg-thumbs.is-active{
  display:flex;
}

/* Theme fallback slider arrows (used by assets/js/product-gallery.js) */
.single-product .woocommerce-product-gallery .hiba-pg-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 60;
  width: 44px;
  height: 44px;
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.18);
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow-sm);
  font-size: 34px;
  font-weight: 900;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.single-product .woocommerce-product-gallery .hiba-pg-prev{ left: 12px; }
.single-product .woocommerce-product-gallery .hiba-pg-next{ right: 12px; }

/* Clean thumbnail strip created by our fallback script (only when active) */
.single-product .woocommerce-product-gallery .hiba-pg-thumbs.is-active{
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .65rem;
}
.single-product .woocommerce-product-gallery .hiba-pg-thumbs button{
  border: 1px solid rgba(11,31,59,.12);
  background: #fff;
  padding: 0;
  width: 72px;
  height: 56px;
  border-radius: 0;
  overflow: hidden;
  cursor: pointer;
}
.single-product .woocommerce-product-gallery .hiba-pg-thumbs img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
.single-product .woocommerce-product-gallery .hiba-pg-thumbs button.is-active{
  border-color: rgba(11,31,59,.35);
}

/* Force FlexSlider navigation arrows to show and sit on top of the main image */
.single-product .woocommerce-product-gallery .flex-direction-nav a{
  opacity: 1 !important;
  pointer-events: auto !important;
  text-indent: 0 !important;
  font-size: 34px;
  font-weight: 900;
  line-height: 42px;
  width: 42px;
  height: 42px;
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.18);
  background: rgba(255,255,255,.92);
  color: rgba(11,31,59,.92);
  box-shadow: var(--shadow-sm);
}
.single-product .woocommerce-product-gallery .flex-direction-nav a.flex-prev{ left: 12px !important; }
.single-product .woocommerce-product-gallery .flex-direction-nav a.flex-next{ right: 12px !important; }
.single-product .woocommerce-product-gallery .flex-direction-nav a:before{ content: ''; }
.single-product .woocommerce-product-gallery .flex-direction-nav a.flex-prev:after{ content: '‹'; }
.single-product .woocommerce-product-gallery .flex-direction-nav a.flex-next:after{ content: '›'; }
.single-product .woocommerce-product-gallery .flex-direction-nav a{ z-index: 50 !important; }

/* Thumbnail strip: consistent small squares, wrapped nicely */
.single-product .woocommerce-product-gallery .flex-control-thumbs{
  list-style: none;
  padding: 0;
  margin: .65rem 0 0;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  width: 72px !important;
  margin: 0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
  width: 72px !important;
  height: 56px !important;
  object-fit: cover;
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.12);
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{
  border-color: rgba(11,31,59,.35);
}

/* Make each card's link stretch, fixing odd whitespace in some Woo layouts */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a.woocommerce-loop-product__link{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
  align-self: flex-start;
}

.woocommerce ul.products li.product a{ text-decoration: none; }
.woocommerce ul.products li.product a:hover{ text-decoration: none; }

.woocommerce ul.products li.product img{
  border-radius: 0;
  margin: 0 0 .75rem;
  width: 100%;
  height: auto;
  display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 1.05rem;
  margin: 0 0 .4rem;
}

/* Loop badges (PDF / Teknik) */
.woocommerce ul.products li.product .hiba-wc-badges{
  display:flex;
  gap: .35rem;
  flex-wrap:wrap;
  margin: .1rem 0 .45rem;
}
.woocommerce ul.products li.product .hiba-wc-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .15rem .45rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: 1px solid rgba(15,43,85,.16);
  background: rgba(15,43,85,.04);
}
.woocommerce ul.products li.product .hiba-wc-badge--pdf{
  border-color: rgba(248,188,0,.45);
  background: rgba(248,188,0,.12);
}

.woocommerce ul.products li.product .price{
  color: var(--hiba-navy-2);
  font-weight: 800;
}

/* Single product */
.woocommerce div.product .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images img{
  border-radius: 0;
}

/* Keep the main product image from becoming overly tall on large screens */
.single-product .woocommerce-product-gallery__wrapper img{
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
}
@media (max-width: 768px){
  .single-product .woocommerce-product-gallery__wrapper img{
    max-height: 360px;
  }
}

/* Single product: make gallery/slider full width (modern layout)
   - gallery spans full container width
   - summary sits under gallery as a card
*/
.single-product.woocommerce div.product,
.single-product.woocommerce-page div.product{
  display: block;
}
.single-product.woocommerce div.product div.images,
.single-product.woocommerce-page div.product div.images{
  float: none !important;
  width: 100% !important;
  margin: 0 0 1rem !important;
}
.single-product.woocommerce div.product div.summary,
.single-product.woocommerce-page div.product div.summary{
  float: none !important;
  width: 100% !important;
}
.single-product.woocommerce div.product .woocommerce-product-gallery,
.single-product.woocommerce-page div.product .woocommerce-product-gallery{
  width: 100% !important;
}
.single-product.woocommerce div.product .woocommerce-product-gallery__wrapper img{
  width: 100%;
  height: auto;
  display: block;
}
.single-product.woocommerce div.product .flex-control-thumbs{
  margin-top: .6rem;
}
.single-product.woocommerce div.product .flex-control-thumbs li{
  padding: .15rem;
}

/* Single product: thumbs small, only main slider is large */
.single-product.woocommerce div.product .flex-control-thumbs{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.single-product.woocommerce div.product .flex-control-thumbs li{
  width: 76px;
  margin: 0;
}
.single-product.woocommerce div.product .flex-control-thumbs img{
  width: 76px;
  height: 56px;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(11,31,59,.12);
}

/* Single product: show prev/next arrows over the gallery (FlexSlider) */
.single-product.woocommerce div.product .woocommerce-product-gallery{
  position: relative;
}
.single-product.woocommerce div.product .flex-direction-nav{
  list-style: none;
  margin: 0;
  padding: 0;
}
.single-product.woocommerce div.product .flex-direction-nav a{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  text-indent: 0 !important;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,31,59,.14);
  box-shadow: var(--shadow-sm);
  opacity: 1 !important;
  z-index: 20;
}
.single-product.woocommerce div.product .flex-direction-nav a.flex-prev{ left: .6rem; }
.single-product.woocommerce div.product .flex-direction-nav a.flex-next{ right: .6rem; }

/* Ensure arrows have visible glyphs even if a font icon isn't loaded */
.single-product.woocommerce div.product .flex-direction-nav a.flex-prev:before,
.single-product.woocommerce div.product .flex-direction-nav a.flex-next:before{
  display: inline-block;
  font-size: 28px;
  font-weight: 900;
  color: #0b1f3b;
}
.single-product.woocommerce div.product .flex-direction-nav a.flex-prev:before{ content: '‹'; }
.single-product.woocommerce div.product .flex-direction-nav a.flex-next:before{ content: '›'; }

.woocommerce div.product .product_title{ margin-bottom: .35rem; }

.woocommerce div.product .summary{
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 0;
  padding: 1rem;
  box-shadow: var(--shadow-sm);
}

.woocommerce div.product form.cart{ margin-top: 1rem; }

.woocommerce .quantity .qty{
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.18);
  padding: .55rem;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel{
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 0;
  padding: 1rem;
}

/* Cart / Checkout tables */
.woocommerce table.shop_table{
  border-radius: 0;
  border: 1px solid rgba(11,31,59,.10);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  border-top: 1px solid rgba(11,31,59,.10);
}

/* Widgets (if used) */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ border-radius: 0; }

/* Keep our theme card spacing */
.woocommerce-card .woocommerce{ margin-top: .25rem; }

/* Homepage products section */
.home-products{ padding: 3.5rem 0; }
.home-products .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap: 1rem; margin-bottom: 1.25rem; }
.home-products .section-head-left p{ margin: .35rem 0 0; color: var(--hiba-muted); max-width: 60ch; }
.home-products .section-head-right{ flex: 0 0 auto; }

/* Make product cards feel consistent */
.home-products ul.products{
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}
@media (max-width: 980px){
  .home-products ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .home-products ul.products{ grid-template-columns: 1fr; }
}

.home-products ul.products li.product{
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 0;
  padding: .5rem;
  box-shadow: var(--shadow-sm);
}
.home-products ul.products li.product a img{
  border-radius: 0;
  width: 100%;
  height: 140px;
  object-fit: cover;
}

/* Service detail: product list is outside .woocommerce wrapper.
   Provide the same boxed card look as shop loops. */
.service-products ul.products{
  list-style: none;
  padding-left: 0;
  margin: 1rem 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 980px){
  .service-products ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .service-products ul.products{ grid-template-columns: 1fr; }
}
.service-products ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0;
  padding: 1rem;
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
}
.service-products ul.products li.product img{
  border-radius: 0;
  margin: 0 0 .75rem;
  width: 100%;
  height: auto;
  display: block;
}
.service-products ul.products li.product .woocommerce-loop-product__title{
  font-size: 1.05rem;
  margin: 0 0 .4rem;
}
.service-products ul.products li.product .price{
  color: var(--hiba-navy-2);
  font-weight: 800;
}

.home-products ul.products li.product .woocommerce-loop-product__title{ font-size: .98rem; }
.home-products ul.products li.product .price{ font-size: .95rem; }

.home-products__controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: .75rem;
  margin: 0 0 1rem;
}
.home-products__tabs{ display:flex; gap: .5rem; flex-wrap:wrap; }
.hp-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .45rem .7rem;
  border: 1px solid rgba(11,31,59,.18);
  background: transparent;
  color: var(--hiba-navy-2);
  text-decoration:none;
  font-weight: 700;
}
.hp-tab.is-active{
  background: rgba(11,31,59,.06);
}
.home-products__cat select{
  border: 1px solid rgba(11,31,59,.18);
  padding: .48rem .65rem;
  border-radius: 0;
  background: #fff;
  min-width: 200px;
}

.home-products__wrap{ position: relative; }
.home-products__wrap.is-loading:after{
  content: '';
  position:absolute;
  inset: 0;
  background: rgba(255,255,255,.65);
}

/* Loop extra button */
.woocommerce ul.products li.product .button.hiba-offer{
  width: 100%;
  margin-top: .45rem;
}

/* Homepage product categories */
.home-product-cats{ padding: 2.25rem 0 3.25rem; }
.product-cats-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.product-cat-card{
  display:flex;
  align-items:center;
  gap: .85rem;
  padding: .85rem;
  background: var(--hiba-card);
  border: 1px solid rgba(11,31,59,.10);
  box-shadow: var(--shadow-sm);
  color: inherit;
  text-decoration:none;
}
.product-cat-card__media{
  width: 64px;
  height: 64px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(11,31,59,.10);
  background: rgba(11,31,59,.02);
}
.product-cat-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.product-cat-card__icon svg{ width: 28px; height: 28px; display:block; }
.product-cat-card__title{ display:block; font-weight: 900; }
.product-cat-card__meta{ display:block; font-size: .92rem; color: var(--hiba-muted); margin-top: .1rem; }
.product-cat-card__chev{ margin-left:auto; color: var(--hiba-muted); font-weight: 900; }

@media (max-width: 900px){
  .product-cats-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .home-products__controls{ flex-direction:column; align-items:flex-start; }
  .home-products__cat select{ min-width: 240px; width: 100%; }
  .product-cats-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 780px){
  .home-products .section-head{ align-items:flex-start; flex-direction:column; }
}

/* Service detail -> related products */
.service-products{ margin-top: 1rem; padding: 1.5rem; border: 1px solid rgba(15,43,85,.12); background: #fff; }
.service-products__head{ margin-bottom: 1rem; }
.service-products__title{ margin: 0; font-size: 1.2rem; }
.service-products__subtitle{ margin: .35rem 0 0; color: var(--hiba-muted); max-width: 70ch; }
.service-products ul.products{ margin-top: 0; }
.service-products ul.products li.product a img{ border-radius: 0; }

/* Single product sticky CTA bar (mobile) */
.hiba-sticky-cta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  gap:.5rem;
  padding:.65rem .9rem;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.08);
  z-index:9999;
}
.hiba-sticky-btn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.75rem 1rem;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.12);
  background: var(--hiba-blue);
  color:#fff;
  font-weight:800;
}
.hiba-sticky-btn.hiba-call{ background: var(--hiba-navy-2); }
body.single-product{ padding-bottom: 86px; }
@media (min-width: 992px){
  .hiba-sticky-cta{display:none;}
  body.single-product{ padding-bottom: 0; }
}

/* ------------------------------------------------------------
 * Single Product (Modern)
 * ---------------------------------------------------------- */

.single-product .hiba-product-hero{
  padding: 2.2rem 0 1.2rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.single-product .hiba-product-breadcrumb .woocommerce-breadcrumb{
  font-size: .9rem;
  opacity: .8;
  margin: 0 0 .75rem;
}

.single-product .hiba-product-header{
  max-width: 920px;
}

.single-product .hiba-product-header .product_title{
  margin: 0 0 .75rem;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  line-height: 1.15;
}

/* Hide duplicate title just in case another plugin re-adds it */
.single-product .summary .product_title{ display:none; }

.single-product .summary{ margin: 0; }

.single-product .summary .price{
  font-size: 1.35rem;
  font-weight: 800;
}

.single-product .summary .woocommerce-product-details__short-description{
  max-width: 70ch;
}

.single-product .hiba-product-gallery-wrap{ padding: 1.2rem 0 0; }

.single-product .hiba-product-gallery{ position: relative; }

.single-product .woocommerce-product-gallery{ opacity: 1; }

.single-product .woocommerce-product-gallery__wrapper{
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
  padding: .6rem;
}

.single-product .woocommerce-product-gallery__wrapper img{
  width: 100%;
  height: auto;
  display: block;
}

/* Thumbnails: tidy, consistent */
.single-product .flex-control-thumbs{
  list-style: none;
  margin: .75rem 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.single-product .flex-control-thumbs li{
  margin: 0 !important;
  width: 72px !important;
}

.single-product .flex-control-thumbs img{
  width: 72px;
  height: 72px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.08);
}

/* Theme fallback thumbs (only if Woo thumbs are absent) */
.single-product .hiba-pg-thumbs{
  margin-top: .75rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.single-product .hiba-pg-thumbs button{
  width:72px;
  height:72px;
  padding:0;
  border:1px solid rgba(0,0,0,.08);
  background: transparent;
}

.single-product .hiba-pg-thumbs img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.single-product .hiba-pg-thumbs button.is-active{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Overlay arrows (Woo or fallback) */
.single-product .hiba-pg-arrow,
.single-product .woocommerce-product-gallery .flex-direction-nav a{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.9);
  text-decoration: none;
  line-height: 1;
}

.single-product .hiba-pg-prev{ left: 12px; }
.single-product .hiba-pg-next{ right: 12px; }

.single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev{ left: 12px; }
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-next{ right: 12px; }

.single-product .hiba-product-main{ padding: 1.2rem 0 2.2rem; }

.single-product .hiba-product-trust{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin: 1.2rem 0 0;
}

.single-product .trust-card{
  display:flex;
  gap:.7rem;
  align-items:flex-start;
  padding: .9rem;
}

.single-product .trust-card p{ margin: .2rem 0 0; opacity: .85; }

.single-product .trust-ico{
  width: 38px;
  height: 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}

.single-product .trust-ico svg{ width: 20px; height: 20px; }

@media (max-width: 980px){
  .single-product .hiba-product-trust{ grid-template-columns: 1fr; }
  .single-product .flex-control-thumbs li{ width: 64px !important; }
  .single-product .flex-control-thumbs img{ width:64px; height:64px; }
}

.single-product .hiba-product-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: .8rem;
}

.single-product .hiba-product-actions{
  margin-top: 1rem;
}

.single-product .hiba-product-actions .cart{
  margin-top: .75rem;
}

/* =========================================================
   Single Product (Sade Kurumsal) – v6.1.20
   ========================================================= */

.single-product .woocommerce-notices-wrapper{margin-bottom:16px;}

.single-product .woocommerce-product-gallery{
  opacity: 1 !important; /* Woo gallery JS gecikse bile gorunur kalsin */
}

.single-product .hiba-product-layout{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: start;
  margin-top: 18px;
}

@media (max-width: 980px){
  .single-product .hiba-product-layout{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.single-product .hiba-product-gallery{
  min-width: 0;
}

.single-product .hiba-product-summary{
  min-width: 0;
}

/* Galeri ana gorsel – buyuklugunu kontrol altina al */
.single-product .woocommerce-product-gallery__wrapper img{
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
}

@media (max-width: 600px){
  .single-product .woocommerce-product-gallery__wrapper img{
    max-height: 360px;
  }
}

/* Thumb duzeni – tek satir, derli toplu */
.single-product .flex-control-thumbs{
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0 0;
  margin: 0;
  list-style: none;
  justify-content: flex-start;
}

.single-product .flex-control-thumbs li{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.single-product .flex-control-thumbs img{
  width: 64px;
  height: 64px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--line, #e7e7e7);
  opacity: 1;
}

.single-product .flex-control-thumbs img.flex-active{
  outline: 2px solid var(--accent, #1863DC);
  outline-offset: 0;
}

/* Daha sade tipografi */
.single-product div.product .product_title{
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.15;
  margin-bottom: 10px;
}

.single-product div.product .price{
  font-size: 22px;
  font-weight: 700;
  margin: 10px 0 14px;
}

.single-product div.product .woocommerce-product-details__short-description{
  color: #444;
}

/* Temanin eski fallback thumbs/oklarini gizle (sadece bu tasarimda) */
.single-product .woocommerce-product-gallery .hiba-pg-thumbs,
.single-product .woocommerce-product-gallery .hiba-pg-arrow{
  display: none !important;
}
