/* Product detail — Lovable redesign */

/* Product title */
.product-title,.pdproduct-title{
  font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);
  color:var(--ink);line-height:1.2;font-weight:inherit;margin-bottom:.25rem;
}

/* Brand label */
.pd-brand,.text-brand{
  font-family:var(--font-sans);font-size:.875rem;font-weight:600;
  color:var(--brand);text-transform:uppercase;letter-spacing:.05em;
  margin-bottom:.5rem;display:block;
}

/* Product code */
.pd-code{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);margin-bottom:1rem}

/* Price */
.pd-price .incvat{
  font-family:var(--font-sans);font-size:clamp(1.75rem,4vw,2.5rem);
  font-weight:700;color:var(--ink);letter-spacing:-.5px;
}
.pd-price .incvat .unit,.pd-price .unit{font-weight:400;font-size:1rem;color:var(--muted)}
.pd-price .exvat{font-size:.875rem;color:var(--muted)}
.pd-price del{color:var(--muted);font-size:1rem}

/* Availability */
.pd-stock{font-family:var(--font-sans);font-size:.875rem;margin-bottom:1.5rem}

/* Short description */
.short-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}
.short-desc a{color:var(--brand)}

/* Variants / Options */
.pdetails-color span{font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--ink)}
.pdetails-color ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.packbox-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:.5rem .75rem;border-radius:8px;
  background:#fff;border:1px solid var(--line);
  color:var(--ink);font-weight:500;font-size:.875rem;
  transition:border-color .2s;
}
.packbox-pill:hover{border-color:var(--brand)}
.packbox-pill.checked{border-color:var(--brand);border-width:2px}
.packbox-pill img{width:24px;height:24px;object-fit:cover;border-radius:4px}

/* Vertical variant pill — image on top, text below */
.packbox-pill.packbox-vertical{flex-direction:column;padding:.5rem;text-align:center}
.packbox-pill.packbox-vertical a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}
.packbox-pill.packbox-vertical img{width:48px;height:48px;object-fit:contain;border-radius:6px}
.packbox-pill.packbox-vertical span{font-size:.8rem}

/* Qty + Add to cart row */
.product-qtybar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.product-qtybar .product-extra-link2{flex:1}
.product-qtybar .button.button-add-to-cart{width:100%}

/* Variant total price */
.variant-total-price{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);margin-bottom:1rem}
.variant-total-price b{color:var(--ink)}

/* ── Lovable variant selector ── */
.variant-selector{
  border:1px solid var(--line);border-radius:16px;
  background:hsl(30 15% 92%);padding:1.25rem;margin-bottom:1.5rem;
}
.variant-selector-label{
  font-family:var(--font-sans);font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:1rem;
}
.variant-group{margin-bottom:1.5rem}
.variant-group:last-child{margin-bottom:0}
.variant-group-title{
  font-family:var(--font-sans);font-size:.8rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-bottom:.75rem;
}
.variant-options{display:flex;flex-direction:column;gap:.5rem}
.variant-option{
  display:flex;gap:.75rem;padding:.75rem;border-radius:12px;
  border:1px solid var(--line);background:hsl(30 25% 97% / .6);
  cursor:pointer;transition:all .15s;align-items:flex-start;
}
.variant-option:hover{border-color:hsl(15 60% 50% / .4)}
.variant-option.is-selected{border-color:var(--brand);box-shadow:0 2px 8px rgba(0,0,0,.06)}
/* Variant option inputs — custom styled */
.variant-option input[type="radio"],
.variant-option input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;
  width:18px;height:18px;min-width:18px;
  border:1.5px solid var(--brand);background:#fff;
  cursor:pointer;transition:all .15s;flex-shrink:0;
  margin:3px 0 0;padding:0;position:relative;
}
.variant-option input[type="radio"]{border-radius:999px}
.variant-option input[type="checkbox"]{border-radius:4px}
.variant-option input[type="radio"]:checked{
  background:var(--brand);border-color:var(--brand);
  box-shadow:inset 0 0 0 3px #fff;
}
.variant-option input[type="checkbox"]:checked{
  background:var(--brand);border-color:var(--brand);
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
  background-size:12px;background-position:center;background-repeat:no-repeat;
}
.variant-option-img{
  width:56px;height:56px;border-radius:8px;overflow:hidden;background:hsl(30 20% 95%);flex-shrink:0;
}
.variant-option-img img{width:100%;height:100%;object-fit:cover}
.variant-option-info{flex:1;min-width:0}
.variant-option-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem}
.variant-option-title{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--brand);line-height:1.3}
.variant-option-price{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--ink);white-space:nowrap}
.variant-option-desc{font-family:var(--font-sans);font-size:.75rem;color:var(--muted);line-height:1.5;margin:0}

@media(max-width:575.98px){
  .variant-option-img{width:40px;height:40px}
  .variant-option{padding:.625rem}
}

/* Optional variant groups — separate cards */
.variant-selector-optional{
  border:1px solid var(--line);border-radius:16px;
  background:hsl(30 15% 92%);padding:1.25rem;margin-bottom:1rem;
}
.variant-selector-optional .variant-group{margin-bottom:0}
.product-qtybar .qtybar-unit{font-family:var(--font-sans);color:var(--muted);font-weight:500;font-size:.875rem}
.product-qtybar .qtybar-cta{margin-left:auto}

/* Qty input */
.detail-qty{
  display:flex;align-items:center;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:#fff;
}
.detail-qty .pd-qty-minus,.detail-qty .pd-qty-plus{
  border:0;background:transparent;padding:.75rem;cursor:pointer;
  color:var(--ink);font-size:1rem;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.detail-qty .pd-qty-minus:hover,.detail-qty .pd-qty-plus:hover{background:hsl(30 20% 95%)}
.detail-qty .item-qty{
  width:2.5rem;border:0;outline:none;text-align:center;
  font-family:var(--font-sans);font-weight:600;font-size:1rem;
  background:transparent;color:var(--ink);
}
.unit-cart{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);font-weight:500;padding:0;margin:0 .5rem;line-height:1;display:inline-flex;align-items:center}

/* Add to cart button */
.button.button-add-to-cart{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  height:48px;padding:0 1.5rem;border:0;border-radius:12px;
  max-width:250px;
  font-family:var(--font-sans);font-size:.875rem;font-weight:500;background:var(--brand);color:#fff;
  background:var(--brand);color:#fff;
  font-family:var(--font-sans);font-size:1rem;font-weight:500;
  cursor:pointer;transition:background .2s;flex:1;
}
.button.button-add-to-cart:hover{background:var(--brand-hover)}
.button.button-add-to-cart svg{width:18px;height:18px}

/* Quick params */
.quick-params{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);margin-top:20px}
.quick-params ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem}
@media(min-width:768px){.quick-params ul{grid-template-columns:repeat(3,1fr)}}
.quick-params li{padding:.1rem 0;display:flex;gap:.25rem}
.quick-params .param-label{color:var(--muted)}
.quick-params .param-value,.quick-params .text-brand{color:var(--brand);font-weight:500}

/* Tabs — pill style */
.nav-tabs{border-bottom:0!important;gap:.5rem;display:flex;flex-wrap:wrap;padding:1rem 0}
.nav-tabs .nav-link{
  font-family:var(--font-sans);font-size:.875rem;font-weight:500;
  border:1px solid var(--brand)!important;color:var(--brand);
  border-radius:999px!important;padding:.5rem 1.5rem;
  background:transparent;transition:all .2s;
}
.nav-tabs .nav-link:hover{background:hsl(15 60% 50% / .05)}
.nav-tabs .nav-link.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}

/* Tab wrapper — full width */
.product-tabs-wrap{
  background:hsl(30 20% 95%);border-top:1px solid hsl(30 15% 90%);margin-top:2rem;
}
.product-tabs-inner{max-width:1400px;margin:0 auto;padding:0 2rem}

/* Tab content */
.tab-content{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);line-height:1.7;padding:1.5rem 0 2rem}
.tab-content p{margin-bottom:1rem}

/* Properties table — lovable style */
.properties-table{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  max-width:640px;
}
.properties-table .prop-row{
  display:flex;justify-content:space-between;
  padding:.75rem 1rem;font-family:var(--font-sans);font-size:.875rem;
}
.properties-table .prop-row:not(:last-child){border-bottom:1px solid var(--line)}
.properties-table .prop-label{color:var(--muted)}
.properties-table .prop-value{font-weight:500;color:var(--ink);text-align:right}
.properties-table .prop-value a{color:var(--brand);text-decoration:none}
.properties-table .prop-value a:hover{text-decoration:underline}

/* Gallery */
.detail-gallery{position:relative}
.product-detail .col-lg-5{position:static}
@media(min-width:992px){.product-detail .col-lg-5{position:sticky;top:6rem;align-self:start}}
.product-image-slider{background:hsl(30 20% 95%);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.product-image-slider .swiper-slide{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:hsl(30 20% 95%)}
.product-image-slider .swiper-slide .ratio{background:transparent!important}
.product-image-slider .swiper-slide img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem;background:transparent!important}
.product-image-slider .swiper-slide figure{margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.product-image-slider .swiper-slide figure img{width:100%;height:100%;object-fit:contain;padding:1rem}
.product-image-slider .swiper-button-prev,
.product-image-slider .swiper-button-next{color:var(--muted)}
.product-image-slider .swiper-button-prev:hover,
.product-image-slider .swiper-button-next:hover{color:var(--ink)}

/* Thumbnails */
.slider-nav-thumbnails{margin-top:.75rem;padding:0}
.slider-nav-thumbnails .swiper-slide{
  width:64px!important;height:64px!important;flex-shrink:0;cursor:pointer;
}
.slider-nav-thumbnails .swiper-slide img{
  width:100%;height:100%;object-fit:cover;border-radius:10px;
  border:2px solid var(--line);transition:border-color .2s;background:#fff;
}
.slider-nav-thumbnails .swiper-slide-thumb-active img{border-color:var(--brand)}

/* Related products */
.rel-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}
@media(max-width:1199.98px){.rel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767.98px){.rel-grid{grid-template-columns:repeat(2,1fr)}}
.rel-card{
  display:flex;flex-direction:column;border-radius:16px;overflow:hidden;
  background:hsl(30 20% 95%);text-decoration:none;color:inherit;transition:box-shadow .3s;
}
.rel-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.06)}
.rel-card .thumb{aspect-ratio:1/1;overflow:hidden}
.rel-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rel-card:hover .thumb img{transform:scale(1.05)}
.rel-card .body{padding:.75rem 1rem}
.rel-card .ttl{font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--ink)}
.rel-card .prc{font-family:var(--font-sans);font-weight:700;color:var(--ink);margin-top:.25rem}
.rel-card .prc span{font-size:.8rem;color:var(--muted);font-weight:400}

/* Aside */
.pd-aside .card-lite{border:none;background:transparent;box-shadow:none}
.pd-aside.sticky-top{top:100px}

/* Section title */
.section-title.style-1{
  font-family:var(--font-serif);font-size:1.5rem;font-weight:inherit;
  color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:.75rem;
  position:relative;margin-bottom:1.5rem;
}
.section-title.style-1::after{content:"";width:60px;height:2px;position:absolute;bottom:0;left:0;background:var(--brand)}

/* Responsive */
@media(max-width:767.98px){
  .product-page{padding-top:1rem;padding-left:1rem;padding-right:1rem}
  .product-page .row{margin:0}
  .product-page .col-lg-5,.product-page .col-lg-7{padding-left:0;padding-right:0}
  .product-qtybar{flex-wrap:wrap;gap:.75rem}
  .product-qtybar .qtybar-cta{width:100%;margin-left:0}
  .button.button-add-to-cart{width:100%;max-width:250px;justify-content:center;font-size:.8rem;height:42px;padding:0 1rem}
  .quick-params ul{grid-template-columns:1fr!important;gap:.125rem}
  .quick-params li{font-size:.8rem}
}
@media(max-width:395px){
  .button.button-add-to-cart{font-size:.75rem;height:40px;white-space:nowrap}
  .button.button-add-to-cart svg{display:none}
}

/* Fast qty buttons — hide for now */
.qty-fast{display:none}

/* 360 spin */
.spin-film{background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;cursor:grab;min-height:320px}
.spin-film.dragging{cursor:grabbing}
.swiper-backface-hidden .swiper-slide,.bg-light{background-color:hsl(30 20% 95%)!important}

/* Ensure gallery column allows sticky */
.product-detail .col-lg-5{align-self:start}
.product-detail{overflow:visible!important}
.product-detail>.row{overflow:visible!important}
.product-page .row{overflow:visible!important}
.product-page .col-lg-12{overflow:visible!important}
.shop-page-area{overflow:visible!important}
.shop-content{overflow:visible!important}
.shop-layout{overflow:visible!important}

/* ── Lightbox ── */
.pd-lightbox{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
}
.pd-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(4px)}
.pd-lightbox-content{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center}
.pd-lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.pd-lightbox-close{
  position:absolute;top:-2rem;right:-1rem;
  width:40px;height:40px;border-radius:999px;
  background:rgba(255,255,255,.1);border:none;color:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s;z-index:1;
}
.pd-lightbox-close:hover{background:rgba(255,255,255,.25)}
.pd-lightbox-prev,.pd-lightbox-next{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:999px;
  background:rgba(255,255,255,.1);border:none;color:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s;
}
.pd-lightbox-prev{left:1rem}
.pd-lightbox-next{right:1rem}
.pd-lightbox-prev:hover,.pd-lightbox-next:hover{background:rgba(255,255,255,.25)}
.pd-lightbox-counter{
  position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);
  color:rgba(255,255,255,.6);font-family:var(--font-sans);font-size:.875rem;
}

/* Zoom overlay on gallery slides */
.pd-zoom-overlay{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0);transition:background .2s;pointer-events:none;
}
.pd-zoom-overlay svg{opacity:0;transition:opacity .2s}
.swiper-slide:hover .pd-zoom-overlay{background:rgba(0,0,0,.08)}
.swiper-slide:hover .pd-zoom-overlay svg{opacity:.7}