.gub-zargen{--uz-blue:#00467f;max-width:44rem;color:#253746}
.gub-zargen *{box-sizing:border-box}
.gub-zargen__intro{margin:0 0 1.25rem;line-height:1.6}
.gub-zargen__field{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,1.4fr);align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #d6e0e6}
.gub-zargen__field label{font-weight:600;color:var(--uz-blue);line-height:1.4}
.gub-zargen__field select,.gub-zargen__field input{width:100%;min-height:3rem;padding:.65rem .8rem;border:1px solid #a5b8c8;border-radius:.35rem;background:#fff;color:#253746;font:inherit}
.gub-zargen__field select{padding-right:2rem}
.gub-zargen__field :is(select,input):focus-visible{outline:3px solid #2ba5d7;outline-offset:2px}
.gub-zargen__hint{font-size:.9rem;line-height:1.6;color:#496172;margin:.5rem 0 1rem}
.gub-zargen__summary{margin-top:1.25rem;padding:1.25rem;border:1px solid #b9d7e6;border-left:4px solid #209bd3;border-radius:.4rem;background:#f1f8fc;overflow-wrap:anywhere}
.gub-zargen__summary p{margin:.3rem 0;line-height:1.6}
.gub-zargen__sku{font-weight:700;color:var(--uz-blue)}
.gub-zargen__price{font-size:1.65rem;font-weight:700;color:var(--uz-blue)}
.gub-zargen__message{margin-top:1rem;color:#9f2b1b;font-weight:600}
.gub-zargen [x-cloak]{display:none!important}
@media(max-width:600px){.gub-zargen__field{grid-template-columns:minmax(0,1fr);gap:.5rem}.gub-zargen__summary{padding:1rem}}
.gub-media{min-width:0;width:100%;color:#253746;align-self:start}
.gub-media [x-cloak]{display:none!important}
.gub-media__tabs,.gub-media__tools{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.gub-media button{min-height:44px;border:1px solid #b3c9d7;border-radius:.4rem;background:#fff;padding:.5rem .8rem;color:#00467f;font:inherit;cursor:pointer}
.gub-media button:hover,.gub-media button[aria-pressed=true]{background:#e8f5fc;border-color:#209bd3}
.gub-media button:focus-visible,.gub-media canvas:focus-visible{outline:3px solid #209bd3;outline-offset:2px}
.gub-media__title{font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem}
.gub-media__stage{position:relative;width:100%;height:clamp(360px,43vw,560px);border:1px solid #d4e0e7;border-radius:.6rem;background:radial-gradient(ellipse at 50% 45%,#fff,#edf3f7);overflow:hidden}
.gub-media__poster,.gub-media__canvas{width:100%;height:100%;object-fit:contain}
.gub-media__canvas canvas{display:block;width:100%;height:100%;touch-action:none}
.gub-media .gub-media__start{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);white-space:nowrap;background:#00467f;color:white;border-color:#00467f;font-weight:600}
.gub-media__loading{position:absolute;bottom:1rem;left:1rem;right:1rem;text-align:center;background:#fff;padding:.7rem;border-radius:.3rem}
.gub-media__dimensions{font-weight:600;margin:.75rem 0;line-height:1.5}
.gub-media__help{font-size:.875rem;line-height:1.5;color:#526774;margin:.5rem 0}
.gub-media__error{color:#962c25;line-height:1.5}
.gub-media .gub-media__detail{display:block;width:100%;padding:.5rem;background:#f3f7fa}
.gub-media__detail img{width:100%;height:auto;max-height:500px;object-fit:contain}
.gub-media__detail span{display:block;padding:.5rem}
.gub-media__dialog{width:min(850px,94vw);max-height:92vh;padding:1rem;border:1px solid #b3c9d7;border-radius:.6rem}
.gub-media__dialog::backdrop{background:#102838b3}
.gub-media__detail-scroll{max-height:75vh;overflow:auto;background:#f3f7fa}
.gub-media__detail-scroll img{height:auto}

.gub-zargen__din-help{grid-column:1/-1;font-size:.875rem}.gub-zargen__din-help summary{cursor:pointer;color:#087aa3}.gub-zargen__din-content{padding:.75rem;background:#fff;border:1px solid #cbd5e1;border-radius:.3rem;max-width:34rem}.gub-zargen__din-content svg{display:block;width:100%;height:auto}.gub-zargen__din-content p{margin:0 0 .5rem}