@font-face{font-family:Benzin;src:url('/fonts/benzin-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{color:#000;background:#fff;font-family:Montserrat,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:#fff;color:#000}
button,select{font:inherit}
.product-back{position:fixed;z-index:4;top:31px;left:29px;color:#000;text-decoration:none;font-family:Benzin,Arial,sans-serif;font-size:14px;line-height:20px}
.product-close,.dialog-close{position:fixed;z-index:4;top:21px;right:10px;width:40px;height:40px;border:0;background:transparent;cursor:pointer}
.product-close::before,.product-close::after,.dialog-close::before,.dialog-close::after{content:"";position:absolute;top:19px;left:5px;width:30px;height:2px;background:#000}
.product-close::before,.dialog-close::before{transform:rotate(45deg)}
.product-close::after,.dialog-close::after{transform:rotate(-45deg)}
.product-shell{display:grid;grid-template-columns:560px minmax(0,550px);gap:40px;width:1150px;max-width:calc(100% - 40px);margin:114px auto 60px}
.product-stage{position:relative;width:560px;height:560px;max-width:100%;background:#ebebeb;overflow:hidden}
.product-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-arrow{position:absolute;z-index:2;top:50%;width:32px;height:32px;margin-top:-16px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.gallery-arrow::after{content:"";display:block;width:7px;height:7px;margin:auto;border-top:1px solid #000;border-right:1px solid #000}
.gallery-prev{left:30px}.gallery-prev::after{transform:rotate(-135deg);margin-left:13px}
.gallery-next{right:30px}.gallery-next::after{transform:rotate(45deg);margin-right:13px}
.gallery-arrow[hidden]{display:none}
.product-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;margin-top:4px}
.product-thumb{width:60px;height:60px;margin:0;padding:0;border:0;background:#ebebeb;cursor:pointer;opacity:.72;overflow:hidden}
.product-thumb.is-active{opacity:1;outline:1px solid #000;outline-offset:-1px}
.product-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.product-info{padding-top:0}
.product-info h1{max-width:520px;margin:0 0 23px;font-family:Montserrat,Arial,sans-serif;font-size:20px;line-height:1.35;font-weight:700}
.product-prices{display:flex;align-items:baseline;gap:7px;margin-bottom:19px;font-family:Benzin,Arial,sans-serif;font-size:22px;line-height:1.35;font-weight:700}
.product-old-price{color:#b3b3b3;text-decoration:line-through;text-decoration-thickness:2px}
.product-option{display:block;width:367px;max-width:100%;margin:-3px 0 17px;font-size:14px;font-weight:700}
.product-option span{display:block;margin:0 0 7px}
.product-option select{width:100%;height:48px;padding:0 42px 0 15px;border:1px solid #8c8c8c;border-radius:0;background:#fff;color:#000}
.product-actions{display:flex;align-items:center;gap:4px}
.quantity{display:grid;grid-template-columns:34px 32px 34px;align-items:center;width:102px;height:61px;border:1px solid #8c8c8c;border-radius:31px;overflow:hidden}
.quantity button{height:59px;padding:0;border:0;background:transparent;color:#777;font-size:20px;line-height:1;cursor:pointer}
.quantity output{text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700}
.order-button{width:261px;height:61px;padding:0 20px;border:0;border-radius:31px;background:#000;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer}
.product-copy{max-width:510px;margin-top:26px;font-size:14px;line-height:1.55}
.product-copy ul{padding-left:20px}
.order-dialog{width:520px;max-width:calc(100% - 30px);padding:42px;border:0;background:#fff;color:#000;box-shadow:0 12px 60px rgba(0,0,0,.24)}
.order-dialog::backdrop{background:rgba(0,0,0,.45)}
.order-dialog .dialog-close{position:absolute;top:12px;right:12px}
.order-dialog h2{margin:0 50px 25px 0;font-family:Benzin,Arial,sans-serif;font-size:22px}
.dialog-phone{display:inline-block;margin-top:6px;color:#000;font-family:Benzin,Arial,sans-serif;font-size:18px}
@media(max-width:900px){
  .product-back{position:absolute;top:18px;left:20px}.product-close{position:absolute;top:9px;right:8px}
  .product-shell{display:block;width:560px;max-width:100%;margin:73px auto 35px;padding:0 20px}
  .product-stage{width:100%;height:auto;aspect-ratio:1}.product-thumbs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}
  .product-thumb{flex:0 0 60px}.product-info{padding-top:31px}.product-info h1{font-size:18px;margin-bottom:17px}.product-prices{font-size:20px;margin-bottom:17px}
}
@media(max-width:480px){
  .product-shell{padding:0 15px}.product-back{left:15px;font-size:12px}.product-stage{margin-left:-15px;width:calc(100% + 30px);max-width:none}
  .product-thumbs{width:calc(100% + 30px);margin-left:-15px;padding-left:15px;padding-right:15px}.gallery-prev{left:8px}.gallery-next{right:8px}
  .product-info h1{font-size:16px}.product-prices{font-size:18px}.product-actions{gap:7px}.quantity{grid-template-columns:30px 26px 30px;width:88px;height:52px}.quantity button{height:50px}.order-button{width:auto;flex:1;height:52px;padding:0 12px;font-size:11px}
  .order-dialog{padding:34px 24px}.order-dialog h2{font-size:18px}
}
