/* Страница товара по эскизу 22.09.2026 (поверх site/dark/ui). Галерея слева ~38%, панель справа, ниже 3 колонки. */
body.single-product .wrap{max-width:none!important;padding-top:14px}
.ot-prod{display:block}
.ot-prod .crumb{font-size:12.5px;color:var(--muted);margin:0 0 10px}
.ot-prod .crumb a{color:var(--muted)}.ot-prod .crumb a:hover{color:var(--acc)}.ot-prod .crumb b{color:var(--txt);font-weight:500}
.ot-p-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.ot-left,.ot-right{min-width:0}
/* галерея Swiper: большая сверху, миниатюры лентой под ней */
.otg{width:100%;min-width:0}
.otg .otg-main{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#000;aspect-ratio:1/1}
.otg .otg-main .swiper-slide{display:flex;align-items:center;justify-content:center;background:#000}
.otg .otg-main img{width:100%;height:100%;object-fit:contain;display:block}
.otg .otg-main .swiper-zoom-container{width:100%;height:100%}
.otg .otg-vid video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.otg .swiper-button-prev,.otg .swiper-button-next{width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.25);opacity:0;transition:opacity .15s}
.otg .swiper-button-prev:after,.otg .swiper-button-next:after{font-size:14px;font-weight:700}
.otg .otg-main:hover .swiper-button-prev,.otg .otg-main:hover .swiper-button-next{opacity:1}
.otg .swiper-button-disabled{opacity:0!important}
.otg .otg-fs{position:absolute;right:12px;top:12px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.otg .otg-fs svg{width:18px;height:18px}
.otg .otg-main:fullscreen{aspect-ratio:auto;border-radius:0;border:none}
.otg .otg-thumbs{margin-top:10px;padding:2px}
.otg .otg-thumbs .swiper-slide{width:76px;height:76px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);opacity:.65;cursor:pointer;transition:.15s;position:relative;background:#fff}
.otg .otg-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.otg .otg-thumbs .swiper-slide:hover,.otg .otg-thumbs .swiper-slide-thumb-active{opacity:1;border-color:var(--acc)}
.otg .otg-thumbs .otg-tv i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-style:normal;display:flex;align-items:center;justify-content:center;padding-left:2px}
/* панель */
.ot-right .product_title{font-size:26px;line-height:1.2;margin:0 0 8px;font-weight:700;color:var(--txt)}
.ot-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.ot-price .ot-price-v,.ot-price .amount{font-size:30px;font-weight:800;color:var(--acc)}
.ot-price em{font-style:normal;font-size:13px;color:var(--muted)}
.ot-hl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surf);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--txt);margin-bottom:14px}
.ot-hl svg{width:20px;height:20px;color:var(--acc);flex:none}
.ot-hl i{font-style:normal;color:var(--muted)}
/* опции-карточки */
.ot-buy{background:var(--surf);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px}
.woocommerce div.product form.cart{margin:0;display:block}
.woocommerce div.product form.cart .single_variation_wrap,.woocommerce div.product form.cart table.variations{width:100%}
.woocommerce div.product form.cart table.variations{margin:0}
.woocommerce div.product form.cart table.variations td,.woocommerce div.product form.cart table.variations th{padding:0 0 6px;display:block}
.woocommerce div.product table.variations th.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.woocommerce div.product table.variations td.value{padding-bottom:10px}
.woocommerce div.product form.cart .reset_variations{font-size:12px;color:var(--muted);display:block;margin-top:4px}
.ot-prod .ot-opts{display:none!important}
.ot-optc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.ot-oc{display:flex;align-items:center;gap:9px;text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 12px 7px 8px;color:var(--txt);cursor:pointer;font:inherit;max-width:100%;transition:.15s}
.ot-oc i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.14);flex:none}
.ot-optc.compact{display:flex;flex-wrap:wrap}
.ot-optc.compact .ot-oc{min-width:58px;justify-content:center;padding:8px 14px}
.ot-optc.compact .ot-oc i{display:none}
.ot-oc img{width:34px;height:34px;object-fit:cover;border-radius:8px;flex:none}
.ot-oc span{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.ot-oc b{font-weight:500;font-size:13px}
.ot-oc small{font-size:12px;color:var(--muted);margin-top:2px}
.ot-oc:hover{border-color:var(--acc)}
.ot-oc.on{background:var(--acc);border-color:var(--acc);color:var(--acc-txt,#fff)}
.ot-oc.on small{color:inherit;opacity:.85}.ot-oc.on i{background:rgba(255,255,255,.35)}
.woocommerce div.product form.cart .woocommerce-variation-price{margin:4px 0 10px;font-size:15px}
.woocommerce div.product form.cart .woocommerce-variation-price .amount{color:var(--acc);font-weight:700}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart,.woocommerce div.product form.cart:not(.variations_form){display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;width:100%}
.woocommerce div.product form.cart .quantity{margin:0!important;float:none!important;display:inline-flex!important;align-items:center;height:48px;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:var(--surf2)!important;overflow:hidden;padding:0!important}
.woocommerce div.product form.cart .quantity .qty{height:46px;width:52px;border:none!important;border-radius:0!important;background:transparent!important;color:var(--txt);font-size:15px;font-weight:600;text-align:center;padding:0;outline:none!important;box-shadow:none!important;-moz-appearance:textfield}
.woocommerce div.product form.cart .quantity .qty::-webkit-outer-spin-button,.woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce div.product form.cart .quantity .ot-qb{width:38px;height:46px;border:none;background:transparent;color:var(--txt);font-size:20px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.15s}
.woocommerce div.product form.cart .quantity .ot-qb:hover{color:var(--acc);background:rgba(255,255,255,.05)}
.woocommerce div.product form.cart .single_add_to_cart_button,.woocommerce div.product form.cart .ot-buy-now{height:48px;font-size:15px;border-radius:10px!important;flex:1 1 180px!important;width:auto!important;margin:0!important}
.woocommerce div.product form.cart .single_add_to_cart_button{background:var(--acc)!important;color:var(--acc-txt,#fff)!important;font-weight:700}
.woocommerce div.product form.cart .ot-buy-now{background:transparent!important;color:var(--txt)!important;border:1px solid rgba(255,255,255,.2)!important}
.woocommerce div.product form.cart .ot-buy-now:hover{border-color:var(--acc)!important;color:var(--acc)!important}
.ot-trust3{display:flex;gap:22px;flex-wrap:wrap;margin:14px 2px 0;font-size:13.5px;color:var(--txt)}
.ot-trust3 span{display:flex;align-items:center;gap:8px}
.ot-trust3 svg{width:20px;height:20px;color:var(--acc)}
.ot-right .product_meta{font-size:12.5px;color:var(--muted);margin-top:12px}
.ot-right .product_meta b{font-weight:500;color:var(--txt)}
/* вкладки + 3 колонки */
.ot-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.1);margin:24px 0 16px;overflow-x:auto;scrollbar-width:none}
.ot-tabs a{padding:10px 16px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ot-tabs a.on,.ot-tabs a:hover{color:var(--txt);border-bottom-color:var(--acc)}
.ot-p3{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;min-width:0}
.ot-section{min-width:0;overflow-wrap:anywhere}
.ot-section{background:var(--surf);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 22px;scroll-margin-top:80px}
.ot-section h2{font-size:17px;margin:0 0 12px;color:var(--txt)}
.ot-desc p{font-size:14.5px;line-height:1.65;color:var(--txt);margin:0 0 10px}
.ot-spec{width:100%;border-collapse:collapse;font-size:13.5px}
.ot-spec th,.ot-spec td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}
.ot-spec th{color:var(--muted);font-weight:500;width:38%}
.ot-spec td:empty{display:none}.ot-spec th:only-child,.ot-spec tr:has(td:empty) th{color:var(--txt);width:auto}
.ot-spec tr:last-child th,.ot-spec tr:last-child td{border-bottom:none}
.ot-vid video{width:100%;display:block;border-radius:12px;background:#000;border:1px solid rgba(255,255,255,.08)}
/* похожие — компактные карточки */
.ot-rel{margin-top:22px}
.ot-rel h2{font-size:18px;margin:0 0 12px;color:var(--txt)}
.ot-rel-grid{display:grid;grid-template-columns:1fr;gap:12px}
.ot-rc{display:flex;align-items:center;gap:14px;background:var(--surf);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;color:var(--txt);transition:.15s}
.ot-rc:hover{border-color:var(--acc)}
.ot-rc-img{width:84px;height:84px;border-radius:10px;background:#fff center/cover no-repeat;flex:none}
.ot-rc-t{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.ot-rc-t b{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ot-rc-p,.ot-rc-p .amount{font-size:14px;font-weight:700;color:var(--txt)}
.ot-rc-go{width:30px;height:30px;border-radius:50%;background:var(--acc);color:var(--acc-txt,#fff);display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}
/* поделиться (стили из product.css) */
.ot-share{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.ot-share .lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-right:4px}
.ot-share a,.ot-share button{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--txt)!important;cursor:pointer;padding:0;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s}
.ot-share a:hover,.ot-share button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)!important}
.ot-share svg{width:18px;height:18px}
.ot-share .ot-share-facebook:hover{background:#1877F2!important;color:#fff!important}
.ot-share .ot-share-x:hover{background:#000!important;color:#fff!important}
.ot-share .ot-share-whatsapp:hover{background:#25D366!important;color:#fff!important}
.ot-share .ot-share-telegram:hover{background:#229ED9!important;color:#fff!important}
.ot-share .ot-share-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;color:#fff!important}
.ot-share .ot-share-vk:hover{background:#0077FF!important;color:#fff!important}
.ot-share .ot-share-dzen:hover{background:#000!important;color:#fff!important}
.ot-share .ot-share-max:hover{background:#7B61FF!important;color:#fff!important}
.ot-share .ok{border-color:var(--acc)!important;color:var(--acc)!important}
/* ===== ПК ===== */
@media (min-width:1000px){
  .ot-p-grid{grid-template-columns:minmax(320px,27%) minmax(0,1fr);gap:26px}
  .ot-left{position:sticky;top:70px}
  .ot-right .product_title{font-size:30px}
  .ot-p3{grid-template-columns:1fr 1.2fr}
  .ot-rel-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1900px){
  .ot-p-grid{grid-template-columns:minmax(420px,25%) minmax(0,1fr)}
  .ot-right .product_title{font-size:34px}
}
@media (max-width:999px){
  .ot-optc{grid-template-columns:1fr}
  .otg .otg-thumbs .swiper-slide{width:64px;height:64px}
}