:root{--green:#a8d70f;--dark:#2b2b2d;--muted:#777;--line:#ececec;--light:#f7f7f7;--radius:12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}body.no-scroll{overflow:hidden}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:20}.site-header__inner{height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:10px 16px;width:100%;max-width:760px;margin:0 auto}.logo img{width:38px;height:38px;display:block}.search{height:40px;border:1.5px solid var(--green);border-radius:5px;display:flex;align-items:center;padding:0 10px 0 13px;min-width:0}.search input{border:0;outline:0;width:100%;font-size:14px;background:transparent}.search button{border:0;background:transparent;padding:5px;display:flex;cursor:pointer}.search img{width:26px;height:26px;display:block}.bag{border:0;background:transparent;position:relative;padding:4px;cursor:pointer}.bag img{width:38px;height:38px;display:block}.bag span{position:absolute;right:16px;top:17px;min-width:18px;text-align:center;font-weight:700;color:var(--green);font-size:14px}.page{max-width:760px;margin:0 auto;padding:24px 16px 70px}.hero{margin-bottom:22px}.hero h1{font-size:34px;line-height:1.1;margin:0 0 10px;font-weight:900;letter-spacing:-.5px}.hero p{font-size:21px;margin:0}.catalog{display:grid;gap:40px}.product-card{display:grid;gap:13px}.product-card__image{width:100%;border-radius:12px;background:#d9d9d9;overflow:hidden;position:relative;aspect-ratio:1.84/1;cursor:pointer}.product-card__image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;opacity:0;transform:scale(1.015);transition:opacity .45s ease,transform .7s ease}.product-card__image img.active{opacity:1;transform:scale(1)}.placeholder{display:flex;align-items:center;justify-content:center;background:#d9d9d9;color:#fff;width:100%;height:100%}.placeholder svg{width:44px;height:44px;opacity:.75}.product-card h2{font-size:22px;line-height:1.15;margin:0;font-weight:800}.product-card p{font-size:17px;margin:4px 0 0;line-height:1.25}.price{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:28px;font-weight:900;line-height:1}.price:before{content:'Т';display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:#656565;color:var(--green);font-weight:900;font-size:19px}.primary,.product-card__button{width:100%;border:0;background:var(--green);color:#fff;border-radius:8px;min-height:50px;font-size:17px;font-weight:500;cursor:pointer;transition:filter .15s,opacity .15s}.primary:hover,.product-card__button:hover{filter:brightness(.96)}.primary:disabled{opacity:.45;cursor:not-allowed}.footer{border-top:1px solid var(--line);background:#fafafa;text-align:center;padding:38px 16px 28px;color:#8a8a8a}.socials{display:flex;gap:14px;justify-content:center;margin-bottom:20px}.socials a{width:50px;height:50px;border-radius:7px;background:#e5e5e5;display:flex;align-items:center;justify-content:center}.socials img{max-width:34px;max-height:34px;filter:grayscale(1);opacity:.72}.made{display:inline-flex;align-items:center;gap:8px;border:1px solid #eee;border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04);padding:9px 15px;margin-bottom:17px;font-size:13px}.made img{width:22px;height:22px;border-radius:4px;object-fit:cover}.made span{font-weight:900;color:#222}.privacy{display:block;color:#777;text-decoration:none;font-size:13px;margin-bottom:14px}.copy{font-size:13px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.36);z-index:80}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,105%);width:min(472px,100%);height:min(912px,calc(100dvh - 12px));background:#fff;z-index:90;border-radius:20px 20px 0 0;box-shadow:0 -2px 26px rgba(0,0,0,.28);transition:transform .25s ease;overflow:hidden}.sheet.open{transform:translate(-50%,0)}.handle{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:50px;height:18px;border:0;background:transparent;cursor:pointer;z-index:2}.handle:before{content:'';display:block;width:50px;height:4px;border-radius:99px;background:#dedede}.sheet-body{height:100%;padding:32px 26px 26px;overflow:auto}.detail-slider{position:relative;border-radius:12px;background:#333;overflow:hidden;aspect-ratio:1.84/1;margin-bottom:18px}.detail-slider img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;opacity:0;transform:translateX(16px) scale(1.015);transition:opacity .45s ease,transform .55s ease}.detail-slider img.active{opacity:1;transform:translateX(0) scale(1)}.dots{display:flex;gap:4px;justify-content:center;position:absolute;bottom:10px;left:0;right:0}.dots button{width:7px;height:7px;border-radius:50%;border:0;background:#d4d4d4;padding:0;cursor:pointer}.dots button.active{background:var(--green)}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.72);font-size:26px;line-height:1;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.slider-nav.prev{left:10px}.slider-nav.next{right:10px}.detail-title{font-size:21px;margin:0 0 8px;font-weight:800}.detail-desc{font-size:17px;line-height:1.35;margin:0 0 16px}.detail-html{font-size:16px;line-height:1.45}.detail-props,.detail-files{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.detail-props div{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:15px}.detail-props b{font-weight:700}.detail-files a{display:block;color:#4b7c00;text-decoration:none;margin:7px 0}.offer-select,.detail-offers{margin:16px 0}.offer-select label,.detail-option-block>label{display:block;font-size:14px;margin-bottom:8px;color:#555}.offer-select select,.checkout input,.checkout select,.detail-option-block select,.detail-option-block input[type=text]{width:100%;height:44px;border:1.5px solid var(--green);border-radius:6px;padding:0 18px;font-size:16px;background:#fff}.detail-option-block{margin:14px 0}.option-buttons{display:flex;gap:8px;flex-wrap:wrap}.option-button,.option-color,.option-radio span{min-width:48px;min-height:38px;border:1.5px solid #d7d7d7;border-radius:9px;background:#fff;color:#222;padding:8px 14px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s,background .15s}.option-button.active,.option-color.active,.option-radio input:checked+span{border-color:var(--green);box-shadow:0 0 0 2px rgba(168,215,15,.22);color:var(--green)}.option-color.active span{color:var(--green)}.detail-option-block select.has-value,.detail-option-block input[type=text].has-value{color:var(--green)}.option-radio{display:inline-flex;cursor:pointer}.option-radio input{position:absolute;opacity:0;pointer-events:none}.option-color{gap:7px}.option-color i{width:18px;height:18px;border-radius:50%;border:1px solid #d0d0d0;display:inline-block}.option-color span{font-size:13px}.offer-warning{background:#fff7d8;border:1px solid #ead58a;color:#775d00;border-radius:8px;padding:10px 12px;font-size:14px;margin-top:10px}.detail-bottom{margin-top:auto;padding-top:20px}.detail-bottom .price{margin:20px 0 18px}.cart-list{display:grid;gap:0}.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item__img{width:64px;height:64px;border-radius:5px;overflow:hidden;background:#d9d9d9}.cart-item__img img{width:100%;height:100%;object-fit:cover}.cart-item h3{font-size:17px;margin:0 0 8px}.cart-item small{display:block;font-size:13px;color:#555;margin-top:-4px;margin-bottom:5px}.cart-item .mini-price{font-size:17px;font-weight:800}.qty{display:flex;align-items:center;gap:4px}.qty button{width:21px;height:21px;border:0;border-radius:5px;background:#d5d5d5;color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer}.qty button.plus{background:var(--green)}.qty input{width:32px;height:22px;text-align:center;border:1px solid #d4d4d4;border-radius:3px}.cart-empty{padding:60px 0;text-align:center;color:#777}.cart-total{position:sticky;bottom:-26px;background:#fff;padding:18px 0 0;margin-top:24px}.cart-total p{font-size:15px;color:#777}.cart-total b{color:var(--dark)}.checkout h2{font-size:26px;margin:0 0 22px}.checkout label{display:block;font-size:17px;margin-bottom:16px}.checkout input,.checkout select{margin-top:8px}.checkout .primary{position:absolute;left:26px;right:26px;bottom:40px;width:calc(100% - 52px)}.form-note{margin-top:12px;color:#b00020}.modal{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.36);display:flex;align-items:center;justify-content:center;padding:16px}.modal[hidden]{display:none}.modal-card{width:min(400px,100%);background:#fff;border-radius:14px;padding:28px 26px 36px;box-shadow:0 10px 35px rgba(0,0,0,.2)}.emoji{width:58px;height:58px;object-fit:contain}.modal-card h2{font-size:26px;margin:34px 0 12px}.modal-card p{font-size:18px;line-height:1.25;margin:0 0 58px}@media (min-width:700px){.site-header__inner{grid-template-columns:52px minmax(0,1fr) 52px;padding:10px 24px}.page{max-width:744px;padding:38px 24px 86px}.hero h1{font-size:41px}.catalog{gap:0}.product-card{grid-template-columns:300px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:24px 0;align-items:center}.product-card__image{grid-row:span 3}.product-card__button{align-self:end}.price{font-size:27px}.sheet{width:min(776px,calc(100% - 32px));height:min(1086px,calc(100dvh - 24px));border-radius:18px 18px 0 0}.sheet-body{padding:38px 32px 32px}.checkout .primary{left:32px;right:32px;width:calc(100% - 64px)}}

/* v1.2 fixes */
.bag span{right:19px;top:19px}
.product-card__title{cursor:pointer}.product-card__title:hover{color:var(--green)}
.price:before{content:'';background:transparent url('/assets/icons/icon-topchik.png') center/contain no-repeat;color:transparent;border-radius:0;width:30px;height:30px}.topchik-icon{display:inline-block;width:22px;height:22px;background:url('/assets/icons/icon-topchik.png') center/contain no-repeat;vertical-align:-4px;margin-right:5px}.mini-price{display:flex;align-items:center;gap:4px}.cart-total b{display:inline-flex;align-items:center}.socials img{width:36px;height:36px;max-width:36px;max-height:36px;filter:grayscale(1);opacity:.58;transition:filter .18s ease,opacity .18s ease,transform .18s ease}.socials a:hover img{filter:none;opacity:1;transform:scale(1.08)}.made{gap:10px}.made img{width:46px;height:30px;object-fit:contain;border-radius:0}.made span{font-weight:700;color:#333}
@media (hover:none){.socials img{filter:none;opacity:1}}

/* v5: configurable currency icon and smoother horizontal image sliding */
.price:before{content:''!important;background:var(--currency-icon-url) center/contain no-repeat!important;color:transparent!important;border-radius:0!important;width:30px!important;height:30px!important;flex:0 0 30px!important}.topchik-icon{display:inline-block;width:22px;height:22px;background:var(--currency-icon-url) center/contain no-repeat!important;vertical-align:-4px;margin-right:5px}.product-card__image img,.detail-slider img{opacity:1!important;transform:translateX(100%);transition:transform .62s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}.product-card__image img.active,.detail-slider img.active{transform:translateX(0);z-index:2}.product-card__image img.incoming-right,.detail-slider img.incoming-right{transform:translateX(100%);transition:none!important}.product-card__image img.incoming-left,.detail-slider img.incoming-left{transform:translateX(-100%);transition:none!important}.product-card__image img.leaving-left,.detail-slider img.leaving-left{transform:translateX(-100%);z-index:1}.product-card__image img.leaving-right,.detail-slider img.leaving-right{transform:translateX(100%);z-index:1}.detail-slider{background:#d9d9d9} #detailAdd:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}
.bag span{right:19px!important;top:19px!important}

/* v1.4.0 fixes */
.bag span{right:19px!important;top:19px!important;}
.price:before{background-image:var(--currency-icon-url)!important;background-color:transparent!important;color:transparent!important;border-radius:0!important;}
.topchik-icon{background-image:var(--currency-icon-url)!important;background-color:transparent!important;color:transparent!important;border-radius:0!important;}
.product-card__image img,.detail-slider img{opacity:1!important;transform:translateX(100%);transition:transform .72s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:1;}
.product-card__image img.active,.detail-slider img.active{transform:translateX(0);z-index:2;}
.product-card__image img.incoming-right,.detail-slider img.incoming-right{transform:translateX(100%);z-index:3;}
.product-card__image img.incoming-left,.detail-slider img.incoming-left{transform:translateX(-100%);z-index:3;}
.product-card__image img.leaving-left,.detail-slider img.leaving-left{transform:translateX(-100%);z-index:2;}
.product-card__image img.leaving-right,.detail-slider img.leaving-right{transform:translateX(100%);z-index:2;}
.socials{align-items:center;gap:16px;}
.socials a{width:var(--social-size,48px)!important;height:var(--social-size,48px)!important;background:transparent!important;padding:0!important;border-radius:10px!important;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.socials img{display:none!important;}
.social-icon{width:var(--social-size,48px);height:var(--social-size,48px);display:block;border-radius:10px;background-image:var(--social-sprite);background-repeat:no-repeat;background-position:var(--social-x) var(--social-y);background-size:auto;filter:grayscale(1);opacity:.52;transition:filter .18s ease,opacity .18s ease,transform .18s ease;}
.socials a:hover .social-icon{filter:none;opacity:1;transform:scale(1.04);}
@media (hover:none){.social-icon{filter:none;opacity:1;}}
/* v9: footer socials aligned with Aspro social--picture-image sprite */
.footer .footer__social{display:flex;justify-content:center;margin:0 auto 20px;padding:0;max-width:none;}
.footer .social{display:flex;align-items:center;justify-content:center;position:relative;}
.footer .social__items{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin:0;padding:0;}
.footer .social__item,.footer .social__item--image{width:auto;height:auto;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:4px;overflow:visible;}
.footer .social__item:before{display:none!important;}
.footer .social__link{display:block;width:var(--social-size,39px);height:var(--social-size,39px);border-radius:4px;background-image:var(--social-sprite);background-repeat:no-repeat;background-position:var(--social-x) var(--social-y);background-size:auto;filter:grayscale(1);opacity:.55;transition:filter .18s ease,opacity .18s ease,transform .18s ease;}
.footer .social__link:hover{text-decoration:none;}
@media (hover:hover){.footer .social__link:hover{filter:grayscale(0);opacity:1;transform:translateY(-1px);}}
@media (hover:none){.footer .social__link{filter:none;opacity:1;}}
/* legacy socials fallback */
.socials{display:flex;gap:9px;justify-content:center;margin-bottom:20px;align-items:center;}
.socials a{width:var(--social-size,39px)!important;height:var(--social-size,39px)!important;background:transparent!important;padding:0!important;border-radius:4px!important;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.social-icon{width:var(--social-size,39px);height:var(--social-size,39px);display:block;border-radius:4px;background-image:var(--social-sprite);background-repeat:no-repeat;background-position:var(--social-x) var(--social-y);background-size:auto;filter:grayscale(1);opacity:.55;transition:filter .18s ease,opacity .18s ease,transform .18s ease;}
.socials a:hover .social-icon{filter:none;opacity:1;transform:translateY(-1px);}

/* v10: restore visible manual slider controls over sliding images */
.detail-slider .slider-nav{
  z-index:20;
  opacity:.92;
  pointer-events:auto;
}
.detail-slider .slider-nav:hover{
  opacity:1;
}
.detail-slider .dots{
  z-index:21;
  pointer-events:auto;
}
.detail-slider .dots button{
  position:relative;
  z-index:22;
  box-shadow:0 0 0 1px rgba(255,255,255,.45);
}
.detail-slider .dots button.active{
  box-shadow:0 0 0 1px rgba(255,255,255,.6);
}
