#make [hidden]{display:none!important}
/* The frame carousel must not impose its intrinsic width on the grid column. */
@media(min-width:1025px){#make .make__row>.make__setting{min-width:0}}
.calc-photo-status{font:14px/1.5 Arial,sans-serif;color:#666;margin:10px 0}
.trial-over{background:#ffeedc!important}
.photo-orientations{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.photo-orientations button{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;border:1px solid #dfe4ec;border-radius:9px;background:#fff;font:14px/1.3 Arial,sans-serif;color:#333;padding:7px 12px;cursor:pointer}
.photo-orientations button[aria-pressed=true]{border-color:#ff9e29;background:#fff8f0;box-shadow:inset 0 0 0 1px #ff9e29}
.orientation-icon{display:inline-block;border:1.5px solid currentColor;border-radius:2px;flex:none}.orientation-icon.portrait{width:11px;height:15px}.orientation-icon.landscape{width:15px;height:11px}
@media(min-width:1025px){
  #make .options__baggets .checkbox-label,#make .covrow .checkbox-label{width:48px;min-width:48px;height:26px;flex:0 0 48px;border-width:2px}
  #make .options__baggets .checkbox-fake,#make .covrow .checkbox-fake{width:20px;height:20px;left:1px;top:1px}
  #make .options__baggets .checkbox-input:checked+.checkbox-fake,#make .covrow .checkbox-input:checked+.checkbox-fake{left:23px}
}
.make__image{position:relative}
#make .make__image.has-customer-photo .make__slider,#make .make__image.has-customer-photo .make__slider *{visibility:hidden!important;pointer-events:none!important;opacity:0!important}
.tryon-panel{z-index:2;background:#f0f6f8}
.tryon-move{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid #eee;border-radius:50%;background:#fff;color:#363636;box-shadow:0 2px 10px #0003;cursor:pointer;z-index:3;padding:0}.tryon-move:hover:not(:disabled){background:#fff2df;color:#d76800}.tryon-move:disabled{opacity:.45;cursor:default}
.tryon-panel{position:absolute;left:0;right:0;top:38px;bottom:0;display:flex;flex-direction:column;gap:8px;font-family:Arial,sans-serif}
.tryon-stage{position:relative;flex:1;min-height:250px;background:linear-gradient(135deg,#f8fafb,#eff3f5);border:1px solid #e3e7ed;border-radius:20px;overflow:hidden}
#tryon-preview{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}#tryon-preview.dragging{cursor:grabbing}
.tryon-tools{display:flex;gap:12px;align-items:center;flex:none;font-size:14px;padding:0 4px}.tryon-tools input{flex:1;min-width:40px;accent-color:#ff9e29}.tryon-tools button,.tryon-bottom button{background:none;border:0;font:inherit;color:#985200;text-decoration:underline;cursor:pointer;padding:4px;white-space:nowrap}
.tryon-caption{font-size:13px;line-height:1.3;color:#555;text-align:center;margin:0}
.tryon-help{font:500 14px/1.4 Arial,sans-serif;text-align:center;color:#444;margin:0}
.tryon-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center;color:#888;font-size:12px;line-height:1.4}
.tryon-art-note{font-size:12px;color:#777;line-height:1.4;margin:0}.tryon-art-note:empty{display:none}
.tryon-return-row{text-align:center;padding:10px 4px}.tryon-return-row button{border:1px solid #ff9e29;border-radius:10px;background:#fff8f0;color:#804400;font:15px/1.4 Arial,sans-serif;padding:10px 18px;cursor:pointer}
.tryon-panel button:focus-visible,.photo-orientations button:focus-visible,#tryon-preview:focus-visible{outline:2px solid #7450bf;outline-offset:3px}

.dimension{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:#111827}.dimension-width{height:36px}.dimension-height{width:48px;flex-direction:column}.dimension-value{flex:none;background:#fff;border:2px solid #111827;border-radius:12px;padding:6px 12px;text-align:center;font-size:16px;font-weight:600;line-height:1.15;white-space:nowrap}.dimension-height .dimension-value{display:flex;flex-direction:column;align-items:center;width:48px;padding:7px 4px;white-space:normal}.dimension-line{display:block;position:relative;background:#111827;flex:1;min-width:0;min-height:0;border-radius:2px}.dimension-width .dimension-line{height:2px}.dimension-height .dimension-line{width:2px}.dimension-line:first-child:before,.dimension-line:last-child:after{content:"";position:absolute;width:0;height:0}.dimension-width .dimension-line:first-child:before{left:-1px;top:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:9px solid #111827}.dimension-width .dimension-line:last-child:after{right:-1px;top:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #111827}.dimension-height .dimension-line:first-child:before{top:-1px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #111827}.dimension-height .dimension-line:last-child:after{bottom:-1px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid #111827}
.dimension.is-short{gap:0}.dimension-width.is-short .dimension-value{position:absolute;bottom:calc(50% + 10px);left:50%;transform:translateX(-50%)}.dimension-height.is-short .dimension-value{position:absolute;right:calc(50% + 10px);top:50%;transform:translateY(-50%)}.dimension-width.is-short .dimension-line:first-child:before{border-right-width:4px;border-top-width:3px;border-bottom-width:3px;top:-2px}.dimension-width.is-short .dimension-line:last-child:after{border-left-width:4px;border-top-width:3px;border-bottom-width:3px;top:-2px}.dimension-height.is-short .dimension-line:first-child:before{border-bottom-width:4px;border-left-width:3px;border-right-width:3px;left:-2px}.dimension-height.is-short .dimension-line:last-child:after{border-top-width:4px;border-left-width:3px;border-right-width:3px;left:-2px}

.photo-orientations-mobile{display:flex}
#make .make__image-mobil.has-customer-photo .make__slider,#make .make__image-mobil.has-customer-photo .make__slider *{visibility:hidden!important;pointer-events:none!important;opacity:0!important}
@media(max-width:1024px){
 #make .make__image-mobil.has-customer-photo{position:relative;min-height:550px;padding-top:0}
 #make .make__image-mobil .tryon-panel{top:0;bottom:auto;position:relative;min-height:550px}
 #make .make__image-mobil.has-customer-photo>.make__slider{display:none!important}
 #make .tryon-stage{min-height:420px}
 #make .tryon-return-row{order:3;width:100%}
 #make .tryon-help{font-size:13px}
 #make .dimension-value{font-size:15px;min-width:52px;padding:6px}
 #make .dimension-height .dimension-value{min-width:42px}
 #make .tryon-move{width:32px;height:32px}
}

/* Passive explanation inside the mobile frame selection. */
#make .calc-frame-photo-hint{display:none}
@media(max-width:1024px){
 #make .calc-frame-photo-hint:not([hidden]){display:block;box-sizing:border-box;width:100%;margin:0 0 16px;padding:12px 16px;background:#fff8f0;border:1px solid #f3c39e;border-radius:10px;color:#3d3b37;text-align:left;font-family:inherit;font-size:14px;line-height:1.5}
}
/* Цвет фото в примерке, 22.09.2026 (calc-photo.js, .tryon-adjust). */
.tryon-adjust{flex:none;display:flex;flex-direction:column;gap:4px;padding:0 4px;font-size:12px;color:#555}
.tryon-adj-row{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:8px}
.tryon-adj-row span:first-child{text-align:right}.tryon-adj-row input{width:100%;min-width:40px;accent-color:#ff9e29;margin:0}
.tryon-adj-foot{display:flex;gap:10px;align-items:baseline;font-size:11px;line-height:1.35;color:#777}
.tryon-adj-foot button{flex:none;background:none;border:0;font:12px/1.3 Arial,sans-serif;color:#985200;text-decoration:underline;cursor:pointer;padding:2px 0}
/* Компьютер: ползунки цвета заняли ~100px окна примерки. Высоту блока задаёт calc-ui.js
   (min-height по высоте примеров), поэтому продлеваем панель вниз и отодвигаем карточки:
   100px на ползунки + прежний зазор 16px. Только когда показано фото клиента. */
@media(min-width:1025px){#make .make__image.has-customer-photo{margin-bottom:116px!important}#make .make__image.has-customer-photo .tryon-panel{bottom:-100px}}