/* Етап 2 от писмото на Жени (06.11): телефон в хедъра, еднакви снимки в картите, галерия на продукта. */

/* ---------- Телефон в хедъра (скрийншот 009): между търсачката и иконите, вместо в горната лента ---------- */
.pech-utility a[href^="tel:"]{display:none!important}
header .pech-header-inner .pech-search{max-width:520px}
.pech-headphone{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--ink,#0a0a48);text-decoration:none;white-space:nowrap}
.pech-headphone-ico{width:42px;height:42px;border-radius:999px;background:var(--magenta,#ff0075);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s}
.pech-headphone-ico svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pech-headphone-txt{display:flex;flex-direction:column;line-height:1.15}
.pech-headphone-txt small{font-size:11.5px;color:var(--slate,#5b6478);font-weight:500}
.pech-headphone-txt b{font-family:var(--display,inherit);font-size:18px;font-weight:800;letter-spacing:.01em;color:var(--ink,#0a0a48)}
.pech-headphone:hover .pech-headphone-ico{transform:scale(1.06)}
.pech-headphone:hover b{color:var(--magenta,#ff0075)}
@media (max-width:1180px){
  .pech-headphone-txt small{display:none}
  .pech-headphone-txt b{font-size:16px}
}
@media (max-width:1060px){
  .pech-headphone-txt{display:none}
}
/* Телефон и таблет: кръгъл бутон до количката, на реда с логото */
@media (max-width:900px){
  .pech-headphone{order:3;margin-left:auto}
  .pech-header-inner .pech-headphone ~ .pech-headicons{margin-left:0!important}
  .pech-headphone-ico{width:38px;height:38px}
  .pech-headphone-ico svg{width:18px;height:18px}
}
/* Тесен телефон: меню, лого, телефон и количка трябва да се съберат на един ред (375 px: 46 + 176 + 38 + 52 + 3×8) */
@media (max-width:420px){
  header .pech-header-inner{column-gap:8px!important}
  header .pech-header-inner .pech-logo svg{width:min(176px,calc(100vw - 200px));height:auto}
}

/* ---------- Еднакви снимки в картите на продуктите (скрийншот 006) ---------- */
.pech-vpcard-media{padding:0!important}
.pech-vpcard-media img,.pech-vpcard-media .pech-vpcard-img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important}

/* ---------- Галерия на продукта (скрийншоти 007 и 008) ---------- */
/* Големи стрелки на голямата снимка, винаги видими */
.product-gallery .product-gallery-slider .flickity-prev-next-button{width:44px!important;height:44px!important;opacity:1!important;background:rgba(255,255,255,.92)!important;border-radius:999px!important;box-shadow:0 2px 10px rgba(10,10,72,.18);color:var(--ink,#0a0a48)!important;margin:0 10px!important;transform:translateY(-50%)!important;top:50%!important}
/* Иконата на Flickity не се рисува в темата → собствена стрелка */
.product-gallery .product-gallery-slider .flickity-prev-next-button svg{display:none!important}
.product-gallery .product-gallery-slider .flickity-prev-next-button::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-left:2.6px solid currentColor;border-bottom:2.6px solid currentColor;transform:translate(-30%,-50%) rotate(45deg)}
.product-gallery .product-gallery-slider .flickity-prev-next-button.next::before{transform:translate(-70%,-50%) rotate(-135deg)}
.product-gallery .product-gallery-slider .flickity-prev-next-button:hover{background:#fff!important;color:var(--magenta,#ff0075)!important}
.product-gallery .product-gallery-slider .woocommerce-product-gallery__image img{cursor:zoom-in}
.pech-gal-zoom{position:absolute;right:12px;bottom:12px;z-index:5;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(10,10,72,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink,#0a0a48);padding:0}
.pech-gal-zoom svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pech-gal-zoom:hover{color:var(--magenta,#ff0075)}

/* Миниатюрите: мрежа под голямата снимка вместо въртележка с малки стрелки */
.product-gallery .product-thumbnails.pech-thumbgrid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 0!important;padding:0!important;overflow:visible!important;height:auto!important;width:100%!important}
.product-gallery .pech-thumbgrid .col{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;position:static!important;left:auto!important;transform:none!important;cursor:pointer;opacity:1!important}
.product-gallery .pech-thumbgrid .col a{display:block}
.product-gallery .pech-thumbgrid .col img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;opacity:.85;transition:opacity .15s,border-color .15s}
.product-gallery .pech-thumbgrid .col:hover img,.product-gallery .pech-thumbgrid .col.is-nav-selected img{opacity:1}
.product-gallery .pech-thumbgrid .col.is-nav-selected img{border-color:var(--magenta,#ff0075)!important;box-shadow:0 0 0 2px rgba(255,0,117,.15)}
.product-gallery .pech-thumbgrid .flickity-prev-next-button{display:none!important}
@media (max-width:849px){
  .product-gallery .product-thumbnails.pech-thumbgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
}
/* Висока галерия, която не се събира на екрана, не стои залепена горе: иначе миниатюрите под нея не се виждат */
@media (min-width:850px){
  .single-product .product-main .product-gallery.col.pech-gal-tall{position:static!important}
}

/* Цял екран */
.pech-lb{position:fixed;inset:0;z-index:2147483000;background:rgba(6,6,30,.94);display:none;align-items:center;justify-content:center;touch-action:pan-y}
.pech-lb.is-open{display:flex}
.pech-lb-img{max-width:calc(100vw - 140px);max-height:calc(100vh - 110px);object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.4);user-select:none;-webkit-user-drag:none;background:#fff}
.pech-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}
.pech-lb button:hover{background:rgba(255,255,255,.25)}
.pech-lb button svg{stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pech-lb-close{top:18px;right:18px;width:46px;height:46px}
.pech-lb-close svg{width:24px;height:24px}
.pech-lb-prev,.pech-lb-next{top:50%;transform:translateY(-50%);width:54px;height:54px}
.pech-lb-prev svg,.pech-lb-next svg{width:28px;height:28px}
.pech-lb-prev{left:18px}.pech-lb-next{right:18px}
.pech-lb-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);font-size:14px;letter-spacing:.04em}
.pech-lb-cap{position:absolute;top:28px;left:80px;right:80px;text-align:center;color:rgba(255,255,255,.85);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.pech-lb-lock,html.pech-lb-lock body{overflow:hidden}
@media (max-width:640px){
  .pech-lb-img{max-width:100vw;max-height:calc(100vh - 150px);border-radius:0}
  .pech-lb-prev,.pech-lb-next{top:auto;bottom:14px;transform:none;width:48px;height:48px}
  .pech-lb-count{bottom:28px}
  .pech-lb-cap{left:16px;right:72px;text-align:left}
}
