/* ===========================================================================
   product-detail-v8.css  -- Eye-Shop PDP redesign (v8 editorial design system)
   Scoped under .pdp-v8 so navbar/footer/global styles are untouched.
   Reuses the same design tokens as home-v8.css.
   =========================================================================== */

:root{
  --v8-bg:#FFFFFF;
  --v8-surface:#FFFFFF;
  --v8-text:#1A1A1A;
  --v8-muted:#6E7780;
  --v8-line:#E8ECEF;
  --v8-accent:#5089b0;
  --v8-accent-dark:#356a90;
  --v8-accent-soft:#EAF1F6;
  --v8-discount-bg:#1A1A1A;
  --v8-discount-fg:#FFFFFF;
  --v8-ok:#1f7d44;
  --v8-ok-soft:#eefaf2;
  --v8-warn:#b5560a;
  --v8-warn-bd:#e8740c;
  --v8-warn-soft:#fff6ec;
  --v8-urgent:#B00020;
  --v8-display:'DM Serif Display',Georgia,'Times New Roman',serif;
  --v8-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* ---------- scope / base ---------- */
.pdp-v8{
  max-width:1170px;
  margin:0 auto;
  padding-left:15px;
  padding-right:15px;
  font-family:var(--v8-ui);
  color:var(--v8-text);
  font-size:14px;
  line-height:1.5;
}
.pdp-v8 *{box-sizing:border-box;}
.pdp-v8 h1,.pdp-v8 h2,.pdp-v8 h3{font-family:var(--v8-display);font-weight:400;color:var(--v8-text);letter-spacing:-0.3px;}
.pdp-v8 a{color:var(--v8-accent);text-decoration:none;}
.pdp-v8 a:hover{color:var(--v8-accent-dark);}
.pdp-v8 hr{border:0;border-top:1px solid var(--v8-line);margin:18px 0;}

/* shared editorial bits */
.pdp-v8 .v8-eyebrow{font-family:var(--v8-ui);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--v8-accent);margin-bottom:8px;}
.pdp-v8 .v8-section-head{text-align:center;padding:44px 20px 24px;}
.pdp-v8 .v8-section-head .v8-title{font-family:var(--v8-display);font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-0.4px;margin:0 0 6px;}
.pdp-v8 .v8-section-head .v8-subtitle{font-family:var(--v8-ui);font-size:14px;font-weight:300;color:var(--v8-muted);margin:0;}

/* ---------- breadcrumb ---------- */
.pdp-breadcrumb{font-family:var(--v8-ui);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--v8-muted);padding:18px 0 10px;list-style:none;margin:0;}
.pdp-breadcrumb li{display:inline;}
.pdp-breadcrumb li:not(:last-child)::after{content:"/";margin:0 8px;color:var(--v8-line);}
.pdp-breadcrumb a{color:var(--v8-muted);}
.pdp-breadcrumb a:hover{color:var(--v8-accent);}
.pdp-breadcrumb .active{color:var(--v8-text);}

/* ---------- hero grid (gallery + summary) ---------- */
.pdp-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:38px;align-items:start;padding-bottom:10px;}
/* neutralize Bootstrap column float/width inside the grid */
.pdp-hero-grid > [class*="col-"]{width:100%!important;float:none!important;padding-left:0!important;padding-right:0!important;left:auto!important;right:auto!important;}
.pdp-gallery{position:relative;min-width:0;}
.pdp-summary{min-width:0;}

/* gallery surface */
.pdp-gallery .swiper.mySwiper2{background:#F7F8FA;border:1px solid var(--v8-line);}
.pdp-gallery .mySwiper{margin-top:10px;}
.pdp-gallery .swiper-button-next,.pdp-gallery .swiper-button-prev{color:var(--v8-text);--swiper-navigation-size:26px;}
.pdp-gallery .swiper-button-next:after,.pdp-gallery .swiper-button-prev:after{font-weight:700;}
.pdp-gallery .swiper-button-zoom-in,.pdp-gallery .swiper-button-zoom-out{background:#fff;border:1px solid var(--v8-line);color:var(--v8-text);}

/* desktop hover magnifier */
.pdp-zoom-result{position:absolute;top:0;left:calc(100% + 14px);width:420px;height:420px;border:1px solid var(--v8-line);background:#fff no-repeat;z-index:60;display:none;box-shadow:0 8px 30px rgba(0,0,0,.12);}
.pdp-zoom-lens{position:absolute;border:1px solid rgba(80,137,176,.6);background:rgba(80,137,176,.12);width:130px;height:130px;pointer-events:none;display:none;z-index:55;}
/* fullscreen lightbox */
.pdp-lightbox{position:fixed;inset:0;background:rgba(10,10,10,.94);z-index:20000;display:none;}
.pdp-lightbox.is-open{display:block;}
.pdp-lightbox .pdp-lb-close{position:absolute;top:18px;right:22px;color:#fff;font-size:30px;cursor:pointer;z-index:5;line-height:1;background:none;border:0;}
.pdp-lightbox .swiper{width:100%;height:100%;}
.pdp-lightbox .swiper-slide{display:flex;align-items:center;justify-content:center;}
.pdp-lightbox .swiper-slide img{max-width:92%;max-height:92%;object-fit:contain;}
.pdp-lightbox .swiper-button-next,.pdp-lightbox .swiper-button-prev{color:#fff;}
.pdp-zoom-hint{font-family:var(--v8-ui);font-size:11px;letter-spacing:.4px;color:var(--v8-muted);text-align:center;margin-top:8px;}
.pdp-zoom-hint i{color:var(--v8-accent);margin-right:5px;}

/* ---------- summary: title / rating / price ---------- */
.pdp-summary .v8-eyebrow{margin-bottom:6px;}
.pdp-title{font-family:var(--v8-display);font-size:clamp(24px,2.4vw,32px);line-height:1.12;letter-spacing:-0.5px;margin:0 0 4px;}
.pdp-title .h1append{font-size:.55em;color:var(--v8-muted);font-family:var(--v8-ui);font-weight:400;letter-spacing:0;}
.pdp-subline{font-family:var(--v8-ui);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--v8-muted);font-weight:500;margin:0 0 14px;}
.pdp-code{font-family:var(--v8-ui);font-size:11px;letter-spacing:.5px;color:var(--v8-muted);}
.pdp-code .myproductid{color:var(--v8-text);font-weight:600;}

.pdp-rating{display:flex;align-items:center;gap:10px;margin:0 0 16px;cursor:pointer;}
.pdp-rating .pdp-rating-count{font-family:var(--v8-ui);font-size:12px;color:var(--v8-muted);}
.pdp-rating .pdp-rating-count b{color:var(--v8-text);font-weight:600;}

.pdp-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14px;}
.pdp-price .large-price{font-family:var(--v8-ui);font-weight:600;font-size:30px;color:var(--v8-text);letter-spacing:-.5px;}
.pdp-price .price-standard{font-family:var(--v8-ui);font-size:16px;color:var(--v8-muted);text-decoration:line-through;}
.pdp-price .pdp-discount{font-family:var(--v8-ui);background:var(--v8-discount-bg);color:var(--v8-discount-fg);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 9px;border-radius:0;}
.pdp-price-vat{font-family:var(--v8-ui);font-size:11px;color:var(--v8-muted);width:100%;margin-top:-6px;}

/* ---------- swatches / color ---------- */
.pdp-block{margin:0 0 18px;}
.pdp-block-label{font-family:var(--v8-ui);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--v8-muted);margin-bottom:8px;display:block;}
.pdp-swatches{display:flex;flex-wrap:wrap;gap:8px;}
.pdp-swatches a,.pdp-swatches .swatch{display:inline-block;width:48px;height:48px;border:1px solid var(--v8-line);padding:2px;background:#F7F8FA;transition:border-color .2s;}
.pdp-swatches a:hover,.pdp-swatches .swatch.is-active{border-color:var(--v8-accent);}
.pdp-swatches img{width:100%;height:100%;object-fit:cover;}

/* ---------- size select ---------- */
.pdp-size .input-group{display:flex;width:100%;}
.pdp-size .selectpicker,.pdp-size select{font-family:var(--v8-ui);font-size:14px;height:46px;border:1px solid var(--v8-line);border-radius:0;width:100%;padding:0 12px;background:#fff;color:var(--v8-text);}
.pdp-size .input-group-addon{border-radius:0;border:1px solid var(--v8-line);background:#F7F8FA;font-family:var(--v8-ui);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--v8-muted);display:flex;align-items:center;padding:0 12px;}

/* ---------- availability (harmonized v8, sharp) ---------- */
.pdp-summary .myavailabletext,.pdp-availability{font-family:var(--v8-ui);font-size:13px;font-weight:600;letter-spacing:.3px;}
.myavailabletextblu{color:var(--v8-ok)!important;}
.myavailabletextred{color:var(--v8-warn)!important;}
.pdp-instock{display:inline-flex;align-items:center;gap:7px;font-family:var(--v8-ui);font-weight:600;font-size:13px;color:var(--v8-ok);background:var(--v8-ok-soft);border:1px solid #cdeed9;padding:7px 12px;letter-spacing:.3px;}
.pdp-instock i{color:var(--v8-ok);}
/* back-order badge -> sharp, v8 */
.backorder-badge{display:flex;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid var(--v8-warn-bd);border-radius:0;background:var(--v8-warn-soft);color:var(--v8-warn);font-family:var(--v8-ui);font-size:13px;font-weight:600;letter-spacing:.2px;}
.backorder-badge i{margin-right:2px;font-size:16px;}
.backorder-badge .backorder-check{font-weight:400;margin-left:4px;color:var(--v8-warn);text-decoration:underline;}

/* ---------- CTA buttons ---------- */
.pdp-cta{margin:18px 0 14px;}
.pdp-v8 .button.btn-cart,.pdp-v8 #addcartbuttid1{font-family:var(--v8-ui)!important;font-weight:600!important;font-size:13px!important;letter-spacing:2px!important;text-transform:uppercase;border-radius:0!important;border:0!important;background:var(--v8-text)!important;color:#fff!important;padding:16px 22px!important;width:100%;transition:background .2s ease;}
.pdp-v8 .button.btn-cart:hover,.pdp-v8 #addcartbuttid1:hover{background:var(--v8-accent)!important;color:#fff!important;}
.pdp-v8 .buttonlogin{background:var(--v8-accent)!important;}
/* back-order state (sharp, urgent) */
.pdp-v8 .btn-backorder{background:var(--v8-warn-bd)!important;border-color:var(--v8-warn-bd)!important;color:#fff!important;}
.pdp-v8 .btn-backorder:hover{background:#cf6309!important;color:#fff!important;}
.pdp-v8 .disabledbutton{pointer-events:none;opacity:.4;}
.pdp-wishlist{display:inline-flex;align-items:center;gap:6px;font-family:var(--v8-ui);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--v8-muted);margin-top:10px;cursor:pointer;}
.pdp-wishlist:hover{color:var(--v8-urgent);}

/* ---------- installments / pay ---------- */
.pdp-pay{border-top:1px solid var(--v8-line);margin-top:16px;padding-top:14px;}
.pdp-pay h3,.pdp-pay h5{font-family:var(--v8-ui)!important;font-size:13px;font-weight:500;color:var(--v8-text);margin:0 0 8px;letter-spacing:.2px;display:flex;align-items:center;gap:8px;}
.pdp-pay i{color:var(--v8-accent);}
.pdp-pay img{vertical-align:middle;}
.prokatavoli a{color:var(--v8-muted);}

/* ---------- mini trust row (in summary) ---------- */
.pdp-minitrust{display:flex;flex-wrap:wrap;gap:14px 22px;border-top:1px solid var(--v8-line);margin-top:16px;padding-top:16px;}
.pdp-minitrust .item{display:flex;align-items:center;gap:8px;font-family:var(--v8-ui);font-size:12px;color:var(--v8-muted);}
.pdp-minitrust .item i{color:var(--v8-accent);font-size:16px;}
.pdp-minitrust .item b{color:var(--v8-text);font-weight:600;}

/* ---------- wide trust strip ---------- */
.pdp-v8 .v8-trust{background:#fff;border-top:1px solid var(--v8-line);border-bottom:1px solid var(--v8-line);margin:30px 0 0;}
.pdp-v8 .v8-trust-inner{display:flex;flex-wrap:wrap;}
.pdp-v8 .v8-trust-item{flex:1 1 25%;padding:18px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--v8-line);text-align:left;}
.pdp-v8 .v8-trust-item:last-child{border-right:0;}
.pdp-v8 .v8-trust-icon{color:var(--v8-accent);font-size:20px;opacity:.9;flex:0 0 auto;}
.pdp-v8 .v8-trust-item b{display:block;font-family:var(--v8-ui);font-weight:600;font-size:12.5px;color:var(--v8-text);}
.pdp-v8 .v8-trust-item span{display:block;font-family:var(--v8-ui);font-weight:300;font-size:11px;color:var(--v8-muted);}

/* ---------- tabs (scoped) ---------- */
.pdp-v8 .nav-tabs{border-bottom:1px solid var(--v8-line);display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 26px;}
.pdp-v8 .nav-tabs>li{float:none;margin-bottom:-1px;}
.pdp-v8 .nav-tabs>li>a{font-family:var(--v8-ui);font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--v8-muted);border:0;border-bottom:2px solid transparent;background:transparent!important;padding:14px 20px;border-radius:0;transition:color .2s,border-color .2s;}
.pdp-v8 .nav-tabs>li>a:hover{color:var(--v8-text);border-bottom-color:var(--v8-line);}
.pdp-v8 .nav-tabs>li.active>a,.pdp-v8 .nav-tabs>li.active>a:focus,.pdp-v8 .nav-tabs>li.active>a:hover{color:var(--v8-accent)!important;border-bottom:2px solid var(--v8-accent)!important;background:transparent!important;}
.pdp-v8 .tab-content{font-family:var(--v8-ui);font-size:14px;line-height:1.7;color:#333;}
.pdp-v8 .tab-content h2,.pdp-v8 .tab-content h3{font-size:20px;margin:0 0 12px;}
.pdp-v8 .tab-content table{width:100%;border-collapse:collapse;}
.pdp-v8 .tab-content table td{padding:9px 10px;border-bottom:1px solid var(--v8-line);font-size:13px;}

/* ---------- reviews ---------- */
.pdp-v8 #product-review,.pdp-v8 .section-review{background:#fff;padding:30px 0;}
.pdp-v8 .section-review .graybg{background:#F7F8FA;}

/* ---------- sticky mobile add-to-cart ---------- */
.pdp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:none;background:#fff;border-top:1px solid var(--v8-line);box-shadow:0 -4px 18px rgba(0,0,0,.10);padding:8px 12px;align-items:center;gap:12px;}
.pdp-sticky .pdp-sticky-info{flex:1;min-width:0;}
.pdp-sticky .pdp-sticky-name{font-family:var(--v8-ui);font-size:12px;font-weight:600;color:var(--v8-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pdp-sticky .pdp-sticky-price{font-family:var(--v8-ui);font-size:14px;font-weight:600;color:var(--v8-accent);}
.pdp-sticky .pdp-sticky-btn{font-family:var(--v8-ui);font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;background:var(--v8-text);color:#fff;border:0;padding:13px 20px;white-space:nowrap;}
.pdp-sticky.is-visible{display:flex;}

/* ===========================================================================
   RESPONSIVE
   =========================================================================== */
@media (max-width:991px){
  .pdp-hero-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .pdp-zoom-result{display:none!important;}
  .pdp-zoom-lens{display:none!important;}
}
@media (max-width:767px){
  .pdp-hero-grid{grid-template-columns:1fr;gap:18px;}
  .pdp-price .large-price{font-size:26px;}
  .pdp-v8 .v8-trust-item{flex:1 1 50%;border-bottom:1px solid var(--v8-line);padding:14px 10px;}
  .pdp-v8 .v8-trust-item:nth-child(2){border-right:0;}
  .pdp-v8 .v8-trust-item:nth-child(3),.pdp-v8 .v8-trust-item:nth-child(4){border-bottom:0;}
  .pdp-sticky{}
  body.pdp-has-sticky{padding-bottom:64px;}
}
@media (min-width:768px){
  .pdp-sticky{display:none!important;}
}

/* ===========================================================================
   OVERRIDES FOR EXISTING MARKUP CLASSES (no markup change, scoped to .pdp-v8)
   =========================================================================== */
/* H1 + title block (left/gallery side) */
.pdp-v8 .alert1{margin:18px 0 6px;}
.pdp-v8 h1.product-title1{font-family:var(--v8-display);font-weight:400;font-size:clamp(24px,2.5vw,34px);line-height:1.12;letter-spacing:-.5px;color:var(--v8-text);margin:0 0 4px;}
.pdp-v8 h1.product-title1 .h1append{font-family:var(--v8-ui);font-weight:400;font-size:.5em;letter-spacing:0;color:var(--v8-muted);}
.pdp-v8 .myproductid.product-title1{display:block;font-family:var(--v8-ui)!important;font-weight:500;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--v8-muted);}
.pdp-v8 h2.product-subtitle1{font-family:var(--v8-ui)!important;font-weight:400;font-size:12.5px;letter-spacing:.3px;color:var(--v8-muted);margin:4px 0;border:0;padding:0;}
.pdp-v8 h2.product-subtitle1 b{color:var(--v8-text);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:11px;}
.pdp-v8 h2.product-subtitle1 i{color:var(--v8-accent);}

/* right column: code + brand/model title */
.pdp-v8 .product-code{font-family:var(--v8-ui)!important;font-size:11px;letter-spacing:.4px;color:var(--v8-muted);margin:0 0 8px;}
.pdp-v8 .product-code b{font-weight:500;}
.pdp-v8 .product-code .myproductid{color:var(--v8-text);font-weight:600;}
.pdp-v8 .details-description h2.product-subtitle1{font-family:var(--v8-display)!important;font-weight:400;font-size:22px;letter-spacing:-.3px;color:var(--v8-text);text-transform:none;}
.pdp-v8 .details-description h3.product-subtitle1{font-family:var(--v8-ui)!important;font-weight:300;font-size:13.5px;line-height:1.6;color:#444;letter-spacing:0;}

/* price block */
.pdp-v8 .product-price{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:12px;text-align:left!important;margin:14px 0;}
.pdp-v8 .product-price .large-price{font-family:var(--v8-ui)!important;font-weight:600;font-size:30px;color:var(--v8-text);letter-spacing:-.5px;}
.pdp-v8 .product-price .price-standard{font-family:var(--v8-ui)!important;font-size:16px;color:var(--v8-muted);text-decoration:line-through;}
.pdp-v8 .product-price .discount1{font-family:var(--v8-ui)!important;background:var(--v8-discount-bg);color:var(--v8-discount-fg);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 9px;border-radius:0;line-height:1.5;}

/* size selector */
.pdp-v8 .input-group-addon{border-radius:0;border:1px solid var(--v8-line);background:#F7F8FA;font-family:var(--v8-ui);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--v8-muted);}
.pdp-v8 select.selectpicker,.pdp-v8 .bootstrap-select>.btn{border-radius:0!important;border:1px solid var(--v8-line)!important;font-family:var(--v8-ui)!important;height:46px;color:var(--v8-text);}

/* checklist lines (shipping / authenticity / installments) */
.pdp-v8 h3.incaps,.pdp-v8 h5.incaps{font-family:var(--v8-ui)!important;font-weight:400;font-size:13px;letter-spacing:.2px;color:#333;margin:6px 0;}
.pdp-v8 .incaps i{color:var(--v8-accent);}
.pdp-v8 .incaps b{font-weight:600;color:var(--v8-text);}
.pdp-v8 .incaps a{color:var(--v8-accent);}

/* reviews stars + section heads inside scope */
.pdp-v8 .section-review{background:#fff;}
.pdp-v8 .product-subtitle1{border:0;}

/* ===========================================================================
   MOBILE FIXES: variant-filter checkboxes alignment + horizontal overflow
   =========================================================================== */
/* "Μόνο Διαθέσιμα" / "Μόνο Polarized" checkboxes (colorsizes ajax grid) */
.pdp-v8 .product-tab .row > .container{max-width:100%;}

/* stop the page from sliding left-right (nested row/container negative margins) */
html,body{overflow-x:hidden;}

/* DESKTOP layout of the variant-filter checkboxes is left UNTOUCHED.
   All alignment/scale changes apply on mobile only. */
@media (max-width:767px){
  .pdp-v8 .row{margin-left:0;margin-right:0;}
  .pdp-v8 .container,.pdp-v8 .container-fluid{padding-left:0;padding-right:0;max-width:100%;}
  /* each variant-filter checkbox on its own full-width row -> perfectly aligned */
  .pdp-v8 .product-tab .row .col-xs-6{display:flex;align-items:center;gap:10px;float:none;width:100%;flex:0 0 100%;padding:8px 14px;justify-content:flex-start;}
  .pdp-v8 .product-tab .row .col-xs-6 label{margin:0;line-height:1.2;white-space:nowrap;font-weight:600;}
  .pdp-v8 .product-tab .row .col-xs-6 input[type=checkbox]{flex:0 0 auto;margin:0;transform:scale(1.4);transform-origin:left center;}
}

/* DESKTOP polish: variant-filter checkboxes (colorsizes) as a tidy inline group */
@media (min-width:768px){
  .pdp-v8 #colorsizesdivajax .product-tab .row{width:100%;}
  .pdp-v8 #colorsizesdivajax .product-tab .row > .container{display:inline-flex;align-items:center;gap:26px;width:auto;vertical-align:middle;padding:0;}
  .pdp-v8 #colorsizesdivajax .product-tab .row .col-xs-6{display:inline-flex;align-items:center;gap:8px;float:none;width:auto;margin:0;padding:0;}
  .pdp-v8 #colorsizesdivajax .product-tab .row .col-xs-6 label{margin:0;white-space:nowrap;font-weight:600;font-size:13px;line-height:1.2;color:var(--v8-text);}
}