/* v4.9.0 – product page on laptop screens: the first screen shows the photo, title, colour and the "Add to order" button.
   Desktop / laptop only (phones keep their layout). */
@media (min-width:801px){
  .m3pvs-grid{align-items:start}
  .m3pvs-top .m3s-crumbs{padding-top:6px!important;padding-bottom:6px!important;margin-bottom:8px!important}
  /* gallery follows the screen height */
  /* v4.9.2 – never wider than its column (the height is capped, the width follows the column) */
  .m3pvs-top .m3s-gal{height:auto!important;align-items:start}
  .m3pvs-top .m3s-gal .m3s-stage{width:auto!important;height:auto!important;aspect-ratio:1/1.05;max-height:clamp(420px,calc(100vh - 210px),640px)!important;min-width:0;min-height:0!important}
  .m3pvs-top .m3s-gal .m3s-th{height:auto!important;max-height:clamp(420px,calc(100vh - 210px),640px)!important;overflow-y:auto}
  .m3pvs-top .m3s-gal .m3s-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
  /* the details table moves under the gallery (script in the template) */
  .m3s-left .m3-spec{width:100%;margin-top:14px;font-size:14px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #EEF0F2}
  .m3s-left .m3-spec th,.m3s-left .m3-spec td{padding:9px 14px;border-bottom:1px solid #EEF0F2;text-align:left;vertical-align:top}
  .m3s-left .m3-spec tr:last-child th,.m3s-left .m3-spec tr:last-child td{border-bottom:0}
  .m3s-left .m3-spec th,.m3s-left .m3-spec td:first-child{width:34%;font-weight:700}
  /* right column: tighter spacing */
  .m3pvs-info{row-gap:0!important;gap:0!important}
  .m3pvs-info h1{font-size:clamp(26px,2.2vw,32px)!important;line-height:1.1!important;margin:6px 0 10px!important}
  .m3pvs-info .m3s-tags{margin:4px 0 0!important}
  .m3pvs-info .m3pvs-sh-top{margin:0 0 10px!important}
  .m3pvs-info .m3s-pdesc{margin:0 0 14px!important}
  .m3pvs-info .m3s-pdesc p{margin:0!important}
  .m3pvs-info .m3s-opt.m3fp-opt{margin:0!important;padding-top:0!important}
  .m3pvs-info .m3fp-opt h4{margin:0 0 2px!important}
  .m3pvs-info .m3fp-parts{font-size:12.5px!important;line-height:1.4!important;margin:2px 0 8px!important}
  /* order comment: one short line, the field opens on click */
  .m3pvs-info .m3s-wish{margin:12px 0 0!important;padding:0!important}
  .m3pvs-info .m3s-wish h4{cursor:pointer;margin:0!important;padding:11px 14px;border:1px dashed #D5DADE;border-radius:14px;font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}
  .m3pvs-info .m3s-wish h4:hover{border-color:#FF4300}
  .m3pvs-info .m3s-wish h4>span:first-child::before{content:"+ ";color:#FF4300;font-weight:800}
  .m3pvs-info .m3s-wish.m3w-closed #m3sWish{display:none}
  .m3pvs-info .m3s-wish:not(.m3w-closed) h4{border:0;padding:0 0 6px;cursor:default}
  .m3pvs-info .m3s-wish:not(.m3w-closed) h4>span:first-child::before{content:""}
  /* gift box a bit lower */
  .m3pvs-info #m3sGift{margin-top:10px!important;padding:0!important}
  .m3pvs-info #m3sGift .h{padding:9px 14px!important}
  .m3pvs-info #m3sGift .ic{width:34px!important;height:34px!important}
  .m3pvs-info #m3sGift small{font-size:12.5px}
  /* the button stays visible on very small screens */
  .m3pvs-info .m3s-buybar{margin-top:12px!important;position:sticky;bottom:10px;z-index:5}
}

/* v4.9.1 – product page on phones: shorter first screens (the bottom contact bar is not changed) */
@media (max-width:800px){
  .m3pvs-top .m3s-crumbs{padding:4px 0!important;margin:0 0 6px!important;font-size:13px}
  .m3pvs-top .m3s-gal .m3s-th button,.m3pvs-top .m3s-gal .m3s-th img{width:54px!important;height:54px!important}
  .m3pvs-top .m3s-gal .m3s-th{gap:8px!important;margin-top:8px!important}
  .m3pvs-top .m3s-under{margin-top:10px!important}
  .m3pvs-info{gap:0!important;row-gap:0!important;margin-top:16px!important}
  .m3pvs-info h1{font-size:25px!important;line-height:1.12!important;margin:8px 0 10px!important}
  .m3pvs-info .m3pvs-sh-top{flex-wrap:nowrap!important;gap:6px!important;margin:0 0 12px!important}
  .m3pvs-info .m3pvs-sh-top>span{font-size:13px}
  .m3pvs-info .m3pvs-sh-top a[href*="t.me"],.m3pvs-info .m3pvs-sh-top a[href*="wa.me"],.m3pvs-info .m3pvs-sh-top a[href*="viber"]{padding:0!important;flex:0 0 38px;width:38px;height:38px;justify-content:center;border-radius:50%!important;font-size:0!important}
  .m3pvs-info .m3pvs-sh-top a[href*="t.me"]>span,.m3pvs-info .m3pvs-sh-top a[href*="wa.me"]>span,.m3pvs-info .m3pvs-sh-top a[href*="viber"]>span{display:none!important}
  .m3pvs-info .m3pvs-sh-top a svg{width:18px!important;height:18px!important}
  .m3pvs-info .m3s-pdesc{margin:0 0 14px!important}
  .m3pvs-info .m3s-pdesc p{margin:0!important}
  .m3pvs-info .m3s-pdesc p.m3clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .m3pvs-info .m3more{border:0!important;background:none!important;padding:6px 0 0!important;color:#FF4300!important;font-family:inherit;font-size:14px;font-weight:700!important;cursor:pointer}
  .m3pvs-info .m3spec-t{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid #E6E9EB;border-radius:14px;background:#fff;font-family:inherit;font-size:15px!important;font-weight:700!important;color:#14171A;cursor:pointer}
  .m3pvs-info .m3spec-t::after{content:"";width:8px;height:8px;border-right:2px solid #14171A;border-bottom:2px solid #14171A;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
  .m3pvs-info .m3spec-t[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
  .m3pvs-info .m3-spec.m3spec-c{display:none!important}
  .m3pvs-info .m3-spec{margin-top:8px}
  .m3pvs-info .m3s-opt.m3fp-opt{margin:0!important;padding:0!important}
  .m3pvs-info .m3fp-parts{font-size:12.5px!important;line-height:1.4!important;margin:2px 0 8px!important}
  .m3pvs-info .m3s-wish{margin:12px 0 0!important;padding:0!important}
  .m3pvs-info .m3s-wish h4{cursor:pointer;margin:0!important;padding:12px 14px;border:1px dashed #D5DADE;border-radius:14px;font-size:14px;display:flex;justify-content:space-between;align-items:center}
  .m3pvs-info .m3s-wish.m3w-closed h4>span:first-child::before{content:"+ ";color:#FF4300;font-weight:800}
  .m3pvs-info .m3s-wish.m3w-closed #m3sWish{display:none}
  .m3pvs-info .m3s-wish:not(.m3w-closed) h4{border:0;padding:0 0 6px;cursor:default}
  .m3pvs-info #m3sGift{margin-top:10px!important;padding:0!important}
  .m3pvs-info #m3sGift .h{padding:10px 12px!important}
  .m3pvs-info #m3sGift .ic{width:34px!important;height:34px!important}
  .m3pvs-info #m3sGift small{font-size:12px}
  .m3pvs-info .m3s-buybar{margin-top:12px!important}
}

/* v4.9.4 – right column tidied: one options card (colour / comment / gift), button not sticky, small discreet perks line */
@media (min-width:801px){
/* header: category + badge on one line */
.m3pvs-info .m3pvs-kick,.m3pvs-info .m3s-tags{display:inline-flex!important;vertical-align:middle;margin:0!important}
.m3pvs-info .m3s-tags{margin-left:10px!important}
.m3pvs-info .m3pvs-kick{font-size:13px;color:#5A6168}
.m3pvs-info h1{margin:10px 0 12px!important}
.m3pvs-info .m3s-pdesc{margin:0 0 18px!important}
/* one options card: colour / comment / gift */
.m3pvs-info .m3s-opt.m3fp-opt,.m3pvs-info .m3s-wish,.m3pvs-info #m3sGift{margin:0!important;background:#fff!important;border:1px solid #E6E9EB!important;border-radius:0!important;box-shadow:none!important}
.m3pvs-info .m3s-opt.m3fp-opt{border-radius:18px 18px 0 0!important;padding:14px 16px 14px!important}
.m3pvs-info .m3s-wish{border-top:0!important}
.m3pvs-info #m3sGift{border-top:0!important;border-radius:0 0 18px 18px!important;overflow:hidden}
.m3pvs-info .m3fp-opt h4{font-size:15px}
.m3pvs-info .m3fp-parts{margin:4px 0 10px!important;color:#6B7178}
.m3pvs-info .m3s-wish h4{border:0!important;border-radius:0!important;padding:14px 16px!important;font-size:14.5px;font-weight:700}
.m3pvs-info .m3s-wish h4 small{font-weight:500}
.m3pvs-info .m3s-wish:not(.m3w-closed){padding:0 16px 14px!important}
.m3pvs-info .m3s-wish:not(.m3w-closed) h4{padding:14px 0 8px!important}
.m3pvs-info #m3sGift .h{padding:12px 16px!important;border:0!important;background:none!important}
.m3pvs-info #m3sGift .ic{width:34px!important;height:34px!important;border-radius:10px}
.m3pvs-info #m3sGift .go{padding:0 16px 14px 62px!important;border-top:0!important;background:none!important}
.m3pvs-info #m3sGift .go label{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;font-size:14px}
.m3pvs-info #m3sGift .go textarea{width:100%;margin:0 0 8px!important;border-radius:12px;background:#F6F7F8;border:1px solid #E6E9EB}
.m3pvs-info #m3sGift .go .note{margin:0!important;padding:0!important;font-size:12.5px;color:#6B7178}
.m3pvs-info #m3sGift.on,.m3pvs-info #m3sGift.is-on{border-color:#E6E9EB!important}
/* buy */
.m3pvs-info .m3s-buybar{margin-top:16px!important}
}
@media (min-width:801px){.m3pvs-info .m3s-buybar{position:static!important}}
@media (min-width:801px){
  .m3pvs-info .m3s-perks.m3pk-r{display:flex!important;flex-wrap:wrap;gap:6px 18px!important;padding:0 2px!important;margin-top:12px!important;border:0!important;background:none!important;border-radius:0!important}
  .m3pvs-info .m3s-perks.m3pk-r>*{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0!important;border:0!important;background:none!important;flex:0 0 auto}
  .m3pvs-info .m3s-perks.m3pk-r>*>span>span{display:none!important}
  .m3pvs-info .m3s-perks.m3pk-r b{font-size:12px!important;font-weight:500!important;line-height:1.3!important;color:#8A9096!important;white-space:nowrap!important}
  .m3pvs-info .m3s-perks.m3pk-r b svg{display:none!important}
  .m3pvs-info .m3s-perks.m3pk-r .m3s-i{width:13px!important;height:13px!important;flex:0 0 13px;opacity:.75}
  .m3pvs-info .m3s-perks.m3pk-r a:hover b{color:#FF4300!important}
}
@media (min-width:801px){
  .m3pvs-info .m3s-opt:has(.m3s-pers){margin:0!important;background:#fff!important;border:1px solid #E6E9EB!important;border-top:0!important;border-radius:0!important;padding:12px 16px!important}
  .m3pvs-info:not(:has(#m3sGift)) .m3s-wish{border-radius:0 0 18px 18px!important}
}

/* v4.9.5 – the details table (Тип, Цвета, Особенности…) is not shown on product pages; the text stays saved in admin */
.m3pvs-top .m3-spec,.m3pvs-top .m3spec-t{display:none!important}
.m3s-stage .m3s-tags.m3tg-ph{position:absolute;top:14px;left:14px;z-index:3;margin:0!important;display:flex!important;gap:6px;pointer-events:none}
.m3s-stage .m3s-tags.m3tg-ph>*{background:#fff!important;color:#FF4300!important;box-shadow:0 4px 14px -6px rgba(20,23,26,.35);font-size:12px!important;font-weight:700!important;padding:5px 10px!important;border-radius:999px!important}
.m3pvs-info .m3pvs-kick{display:block!important;margin:0 0 2px!important}