/* ═══════════════════════════════════════
   KORISHA — content-product.css
   ═══════════════════════════════════════ */

.prod-layout{display:flex;gap:32px;align-items:flex-start;padding:20px 0 48px;}

/* ─── Gallery ─── */
.prod-gallery{flex:0 0 440px;position:sticky;top:calc(var(--header-h) + var(--nav-h) + 16px);}
.prod-gallery-inner{display:flex;gap:12px;}

/* Vertical thumbs carousel */
.prod-thumbs{display:flex;flex-direction:column;gap:6px;max-height:440px;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--k-border) transparent;}
.prod-thumbs::-webkit-scrollbar{width:3px;}.prod-thumbs::-webkit-scrollbar-track{background:transparent;}.prod-thumbs::-webkit-scrollbar-thumb{background:var(--k-border);border-radius:3px;}
.prod-thumb{width:56px;height:56px;border-radius:var(--k-radius-sm);object-fit:contain;background:var(--k-bg);border:2px solid transparent;cursor:pointer;transition:border-color var(--k-transition);flex-shrink:0;}
.prod-thumb:hover{border-color:var(--k-border);}
.prod-thumb.active{border-color:var(--k-primary);}

/* Main image — centered vertically, fully rounded */
.prod-main-img{flex:1;min-width:0;height:440px;background:var(--k-bg);border-radius:var(--k-radius);overflow:hidden;cursor:zoom-in;display:flex;align-items:center;justify-content:center;}
.prod-main-img img{max-width:100%;max-height:100%;object-fit:contain;}
.prod-no-img{display:flex;align-items:center;justify-content:center;height:300px;background:var(--k-bg);border-radius:var(--k-radius);font-size:64px;color:var(--k-border);}

/* ─── Lightbox with navigation ─── */
.prod-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:400;align-items:center;justify-content:center;padding:24px;}
.prod-lightbox.show{display:flex;}
.prod-lightbox>img{max-width:80vw;max-height:85vh;object-fit:contain;border-radius:var(--k-radius);}
.prod-lb-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:background 0.2s;z-index:5;padding:0;line-height:1;}
.prod-lb-close:hover{background:rgba(255,255,255,0.3);}
.prod-lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.12);border:none;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;cursor:pointer;transition:background 0.2s;z-index:5;padding:0;line-height:1;}
.prod-lb-arrow:hover{background:rgba(255,255,255,0.3);}
.prod-lb-prev{left:20px;}
.prod-lb-next{right:20px;}

/* ─── Info panel ─── */
.prod-info{flex:1;min-width:0;}
.prod-brand{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;color:var(--k-text-light);display:block;margin-bottom:6px;}
.prod-title-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
.prod-title-row .prod-name{flex:1;}
.prod-name{font-size:24px;font-weight:700;color:var(--k-dark);margin:0;line-height:1.3;}

/* Badges as superscript inline with title */
.prod-badges{display:inline-flex;gap:4px;vertical-align:super;margin-left:6px;}
.prod-badges .pc-hit-badge,.prod-badges .pc-new-badge{font-size:9px;font-weight:700;letter-spacing:0.5px;padding:2px 6px;border-radius:3px;line-height:1;color:#fff;}
.prod-badges .pc-hit-badge{background:var(--k-primary);}
.prod-badges .pc-new-badge{background:#4A7CDE;}

/* Favorite circle */
.prod-fav{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid var(--k-border);background:var(--k-white);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;color:var(--k-text-light);cursor:pointer;transition:all var(--k-transition);margin-top:4px;}
.prod-fav:hover{border-color:var(--k-primary);color:var(--k-primary);}
.prod-fav.is-fav{border-color:var(--k-primary);color:var(--k-primary);}

/* Sections */
.prod-section{margin-bottom:20px;}
.prod-section-title{font-size:16px;font-weight:600;color:var(--k-dark);margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--k-primary-light);}

/* Variants */
.prod-variants-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.prod-var-item{border:1px solid var(--k-border);border-radius:var(--k-radius-sm);padding:10px 14px;cursor:pointer;transition:all var(--k-transition);}
.prod-var-item:hover{border-color:var(--k-primary-light);background:var(--k-bg);}
.prod-var-item.active{border-color:var(--k-primary);background:var(--k-primary-light);}
.prod-var-main{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.prod-var-label{font-size:14px;font-weight:500;color:var(--k-dark);min-width:0;}
.prod-var-price{font-size:14px;font-weight:700;color:var(--k-dark);white-space:nowrap;}
.prod-var-price.pc-price-wholesale{color:#1a7a6d;}
.prod-var-label{font-size:11px;font-weight:400;color:var(--k-text-light);}
.prod-var-secondary{font-size:11px;color:var(--k-text-light);white-space:nowrap;}
.prod-var-prices{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px;}
.prod-var-stock{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;}
.stock-qty{font-size:12px;color:var(--k-text-light);}
.stock-preorder{font-size:12px;color:var(--k-accent);font-style:italic;}

/* Cart row */
.prod-cart-row{margin-top:16px;display:flex;gap:12px;align-items:center;}
.prod-cart-row .pc-qty{display:inline-flex;align-items:center;border:1px solid var(--k-border);border-radius:var(--k-radius-sm);overflow:hidden;flex-shrink:0;}
.prod-cart-row .pc-qty-btn{width:36px;height:40px;background:var(--k-bg);border:none;font-size:16px;font-weight:600;color:var(--k-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--k-transition),color var(--k-transition);}
.prod-cart-row .pc-qty-btn:hover{background:var(--k-primary-light);color:var(--k-primary);}
.prod-cart-row .pc-qty-input{width:48px;height:40px;text-align:center;border:none;border-left:1px solid var(--k-border);border-right:1px solid var(--k-border);font-size:15px;font-family:var(--font-main);outline:none;background:transparent;-moz-appearance:textfield;}
.prod-cart-row .pc-qty-input::-webkit-outer-spin-button,.prod-cart-row .pc-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;}
.prod-cart-row .pc-cart-btn{flex:1;height:40px;display:flex;align-items:center;justify-content:center;padding:0 20px;background:var(--k-primary);color:#fff;border:none;border-radius:var(--k-radius-sm);font-size:14px;font-weight:600;font-family:var(--font-main);cursor:pointer;gap:8px;transition:background var(--k-transition);}
.prod-cart-row .pc-cart-btn:hover{background:var(--k-primary-dark);}

/* Description & attributes */
.prod-desc{font-size:14px;line-height:1.7;color:var(--k-text);margin-bottom:12px;}
.prod-attrs{display:flex;flex-direction:column;}
.prod-attr{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--k-border);}
.prod-attr:last-child{border-bottom:none;}
.prod-attr-name{color:var(--k-text-light);flex-shrink:0;}
.prod-attr-val{font-weight:500;color:var(--k-dark);text-align:right;}
.prod-attr-block{flex-direction:column;gap:2px;}
.prod-attr-block .prod-attr-name{font-weight:600;color:var(--k-dark);}

/* Tags */
.prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--k-border);}
.prod-tag{display:inline-block;font-size:12px;color:var(--k-text-light);background:var(--k-bg);border:1px solid var(--k-border);padding:3px 10px;border-radius:14px;text-decoration:none;transition:all var(--k-transition);}
.prod-tag:hover{border-color:var(--k-primary);color:var(--k-primary);background:var(--k-primary-light);}
.prod-attr-block .prod-attr-val{text-align:left;font-weight:400;color:var(--k-text);}

/* ═══════════ Responsive ═══════════ */
@media(max-width:992px){.prod-gallery{flex:0 0 360px;}.prod-main-img{height:360px;}.prod-thumbs{max-height:360px;}}
@media(max-width:768px){
  .prod-layout{flex-direction:column;gap:20px;}
  .prod-gallery{flex:none;width:100%;position:static;}
  .prod-gallery-inner{flex-direction:column-reverse;}
  .prod-thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;}
  .prod-thumb{width:52px;height:52px;}
  .prod-main-img{height:300px;}
  .prod-name{font-size:20px;}
  .prod-lb-arrow{width:40px;height:40px;font-size:20px;}
  .prod-lb-prev{left:10px;}.prod-lb-next{right:10px;}
}
@media(max-width:576px){
  .prod-main-img{height:240px;}
  .prod-thumb{width:44px;height:44px;}
  .prod-name{font-size:18px;}
  .prod-cart-row .pc-qty-btn{width:32px;height:36px;font-size:14px;}
  .prod-cart-row .pc-qty-input{width:40px;height:36px;font-size:13px;}
  .prod-cart-row .pc-cart-btn{height:36px;font-size:13px;}
}

/* Breadcrumbs (shared with catalog) */
.cat-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--k-text-light);margin-bottom:8px;flex-wrap:wrap;}
.cat-breadcrumbs a{color:var(--k-text-light);transition:color var(--k-transition);}.cat-breadcrumbs a:hover{color:var(--k-primary);}
.cat-breadcrumbs i{font-size:10px;opacity:0.4;}.cat-breadcrumbs span{color:var(--k-dark);font-weight:500;}

/* ─── Brand SEO block on product page ─── */
.prod-brand-block{margin-top:24px;padding:20px;background:var(--k-white);border:1px solid var(--k-border);border-radius:var(--k-radius);}
.prod-brand-link{display:flex;align-items:center;gap:12px;margin-bottom:10px;text-decoration:none;color:var(--k-dark);transition:color var(--k-transition);}
.prod-brand-link:hover{color:var(--k-primary);}
.prod-brand-logo{height:36px;width:auto;max-width:120px;object-fit:contain;}
.prod-brand-name{font-size:16px;font-weight:700;}
.prod-brand-desc{font-size:13px;line-height:1.6;color:var(--k-text);margin-bottom:8px;}
.prod-brand-desc p{margin:0 0 6px;}
.prod-brand-tags{font-size:11px;color:var(--k-text-light);margin:0;}

/* ─── Category SEO text on product page ─── */
.prod-cat-seo{margin-top:20px;padding:20px;background:var(--k-white);border:1px solid var(--k-border);border-radius:var(--k-radius);font-size:13px;line-height:1.7;color:var(--k-text);}
.prod-cat-seo h2{font-size:15px;font-weight:600;color:var(--k-dark);margin:0 0 10px;}
.prod-cat-seo h3{font-size:14px;font-weight:600;margin:12px 0 6px;}
.prod-cat-seo p{margin:0 0 8px;}
.prod-cat-seo-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--k-primary);font-weight:600;text-decoration:none;}
.prod-cat-seo-link:hover{text-decoration:underline;}

/* ─── Related articles on product page ─── */
.prod-articles{margin-top:20px;}
.prod-articles-title{display:block;font-size:13px;font-weight:600;color:var(--k-text-light);margin-bottom:8px;}
.prod-articles-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.prod-article-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--k-white);border:1px solid var(--k-border);border-radius:var(--k-radius-sm);text-decoration:none;color:var(--k-text);font-size:12px;line-height:1.3;min-width:200px;max-width:280px;flex-shrink:0;transition:border-color var(--k-transition);}
.prod-article-card:hover{border-color:var(--k-primary);}
.prod-article-card img{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.prod-article-noimg{width:48px;height:48px;background:var(--k-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--k-text-light);font-size:18px;flex-shrink:0;}
.prod-article-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ─── Similar Products Carousel ─── */
.prod-similar{padding:32px 0 0;}
.prod-similar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.prod-similar-title{font-size:18px;font-weight:700;color:var(--k-dark);margin:0;}
.prod-similar-nav{display:flex;gap:6px;}
.car-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--k-border);background:var(--k-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--k-text);font-size:14px;transition:all var(--k-transition);}
.car-btn:hover{border-color:var(--k-primary);color:var(--k-primary);}
.carousel-wrap{overflow:hidden;position:relative;}
.carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;}
.carousel-track::-webkit-scrollbar{display:none;}
.car-card{min-width:180px;max-width:200px;flex-shrink:0;background:var(--k-white);border:1px solid var(--k-border);border-radius:var(--k-radius);overflow:hidden;text-decoration:none;color:var(--k-text);transition:box-shadow var(--k-transition);}
.car-card:hover{box-shadow:var(--k-shadow);}
.car-img{height:160px;display:flex;align-items:center;justify-content:center;background:var(--k-bg);overflow:hidden;}
.car-img img{width:100%;height:100%;object-fit:contain;}
.car-img i{font-size:32px;color:var(--k-border);}
.car-brand{display:block;padding:8px 10px 0;font-size:11px;font-weight:600;color:var(--k-text-light);text-transform:uppercase;}
.car-name{display:block;padding:4px 10px;font-size:12px;line-height:1.3;color:var(--k-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.car-price{display:block;padding:4px 10px 10px;font-size:14px;font-weight:700;color:var(--k-dark);}

/* ─── Two-price header ─── */
.prod-prices-header{display:flex;align-items:stretch;gap:0;border:1px solid var(--k-border);border-radius:var(--k-radius);overflow:hidden;margin-bottom:14px;}
.prod-price-col{flex:1;padding:14px 16px;}
.prod-price-col-wholesale{border-left:1px solid var(--k-border);background:#F6FFF6;}
.prod-price-label{display:block;font-size:11px;color:var(--k-text-light);margin-bottom:4px;}
.prod-price-main{display:block;font-size:22px;font-weight:800;color:var(--k-dark);}
.prod-price-green{color:#1a7a6d;}
.prod-price-perunit{display:block;font-size:11px;color:var(--k-text-light);margin-top:2px;}
.prod-economy{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-left:1px solid var(--k-border);background:#FFF0F0;color:#E8485C;font-size:13px;font-weight:700;text-align:center;line-height:1.2;min-width:80px;}
.prod-b2b-hint{font-size:12px;color:var(--k-text-light);padding:8px 12px;background:#F8F9FA;border-radius:6px;margin-bottom:14px;display:flex;align-items:center;gap:6px;}
.prod-b2b-hint a{color:var(--k-primary);font-weight:600;white-space:nowrap;}
.prod-variants-cards{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.prod-vcard{width:calc(25% - 8px);border:2px solid var(--k-border);border-radius:var(--k-radius);padding:12px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;gap:8px;}
.prod-vcard:hover{border-color:var(--k-primary-light);}
.prod-vcard.active{border-color:var(--k-primary);box-shadow:0 0 0 1px var(--k-primary);}
.prod-vcard-top{display:flex;align-items:center;gap:8px;}
.prod-vcard-box-icon{width:28px;height:28px;object-fit:contain;opacity:0.6;}
.prod-vcard-box-i{font-size:22px;color:var(--k-text-light);}
.prod-vcard-name{display:block;font-size:13px;font-weight:600;color:var(--k-dark);line-height:1.3;}
.prod-vcard-sub{display:block;font-size:11px;color:var(--k-text-light);}
.prod-vcard-prices{display:flex;flex-direction:column;gap:2px;position:relative;}
.prod-vcard-rrc{font-size:12px;color:#E8485C;}
.prod-vcard-rrc span:last-child{font-weight:600;}
.prod-vcard-opt{font-size:12px;color:#1a7a6d;font-weight:600;}
.prod-vcard-optprice{font-weight:700;}
.prod-vcard-plabel{font-size:10px;color:var(--k-text-light);margin-right:3px;}
.prod-vcard-econ{position:absolute;top:0;right:0;font-size:10px;font-weight:700;color:#fff;background:#E8485C;border-radius:10px;padding:1px 6px;white-space:nowrap;}
.prod-vcard-stock{font-size:11px;margin-top:auto;}
.stock-ok{color:#2E7D32;display:flex;align-items:center;gap:4px;}
.stock-ok i{font-size:6px;}
.stock-preorder2{color:#E65100;display:flex;align-items:center;gap:4px;font-size:10px;margin-top:2px;}
.stock-preorder2 i{font-size:5px;}
.stock-none{color:#999;display:flex;align-items:center;gap:4px;}
.stock-none i{font-size:6px;}
.prod-b2b-block{margin-top:32px;margin-bottom:28px;padding:24px;border-radius:var(--k-radius);display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#1E1E2E,#2C2C42);color:#fff;border:none;}
.prod-b2b-left{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;}
.prod-b2b-left strong{font-size:22px;color:#E8485C;font-weight:800;}
.prod-b2b-left span{font-size:11px;color:rgba(255,255,255,0.6);text-align:center;line-height:1.2;}
.prod-b2b-right{flex:1;}
.prod-b2b-features{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:rgba(255,255,255,0.85);margin-bottom:10px;}
.prod-b2b-features i{color:#4CAF50;margin-right:2px;}
.prod-b2b-btn{display:inline-block;padding:8px 18px;border:1px solid rgba(255,255,255,0.2);border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;transition:all 0.2s;}
.prod-b2b-btn:hover{border-color:#E8485C;background:rgba(232,72,92,0.15);}
@media(max-width:768px){
  .prod-prices-header{flex-direction:column;}
  .prod-price-col-wholesale{border-left:none;border-top:1px solid var(--k-border);}
  .prod-economy{border-left:none;border-top:1px solid var(--k-border);}
  .prod-vcard{width:calc(50% - 5px);max-width:none;}
  .prod-b2b-block{flex-direction:column;text-align:center;}
  .prod-b2b-left{flex-direction:row;gap:8px;}
  .prod-b2b-features{justify-content:center;}
}
.prod-cart-price{font-size:16px;font-weight:700;color:var(--k-text-light);white-space:nowrap;}

/* ─── Color / variant linking ─── */
.prod-colors{margin:12px 0 18px;display:flex;align-items:center;gap:8px;position:relative;}
.prod-color-wrap{position:relative;display:inline-block;}
.prod-color-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--k-border);overflow:hidden;position:relative;cursor:pointer;transition:border-color 0.2s;flex-shrink:0;display:block;}
.prod-color-dot img{width:100%;height:100%;object-fit:cover;}
.prod-color-dot:hover{border-color:var(--k-primary);}
.prod-color-dot.active{border-color:var(--k-primary);box-shadow:0 0 0 2px var(--k-primary-light);}
.prod-color-dot.active::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(232,72,92,0.35);color:#fff;font-size:14px;font-weight:700;}
a.prod-color-dot{text-decoration:none;}
.prod-color-wrap::after{content:attr(data-name);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;background:var(--k-dark);color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s;z-index:10;}
.prod-color-wrap:hover::after{opacity:1;}

/* «Нет в наличии» — без цен, кнопка «Запросить наличие» */
.prod-nostock{padding:16px 18px;}
.prod-nostock-title{font-weight:700;color:#C62828;margin:0 0 6px;display:flex;align-items:center;gap:6px;} .prod-nostock-title i{font-size:8px;}
.prod-nostock-text{font-size:13px;color:var(--k-text-light,#888);margin:0 0 12px;}
.pc-request-btn{width:100%;max-width:320px;padding:10px;background:#fff;color:var(--k-primary,#E8485C);border:1px solid var(--k-primary,#E8485C);border-radius:var(--k-radius-sm,8px);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;}
.pc-request-btn:hover{background:var(--k-primary,#E8485C);color:#fff;}
.pc-request-btn.pc-request-done{background:#E8F5E9;color:#2E7D32;border-color:#E8F5E9;cursor:default;}

/* Минимальный заказ поставщика */
.prod-limits{margin-top:12px;padding:10px 14px;background:#FFF8E6;border:1px solid #FCE3A8;border-radius:var(--k-radius-sm);font-size:13px;color:#7A4B00;line-height:1.45;}
.prod-limits p{margin:2px 0;}
.prod-limits i{color:#D97706;margin-right:6px;}