body{font-family:Arial;background:#e7eaee;margin:0}
.wrap{max-width:430px;margin:auto;padding:15px}
.card{background:#fff;border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.img{height:90px;background:#ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#777;margin-bottom:10px}
h2 {text-align: center;}
h3{font-size:17px;margin:0 0 10px; padding: 8px 0 1px}
label{display:block;padding:5px 0}
.meta{margin:18px 0 15px;}
div.meta b {font-size: 17px;}
.qty{display:flex;gap:10px;align-items:center;margin:10px 0}
.qty button{width:36px;height:36px}
.count{width:60px;height:36px;text-align:center;box-sizing:border-box}
textarea{width:100%;resize:vertical;min-height:36px;box-sizing:border-box; padding: 7px 12px 5px;}
.send{
    position:fixed !important;
    position:-webkit-sticky;
    left:50%;
    right:auto;
    bottom:calc(15px + env(safe-area-inset-bottom));
    width:calc(100% - 50px);
    max-width:335px;
    transform:translate3d(-50%, 0, 0);
    -webkit-transform:translate3d(-50%, 0, 0);
    padding:12px;
    font-size:18px;
    background:#1d72ff;
    color:#fff;
    border:0;
    border-radius:10px;
    cursor:pointer;
    z-index:2147483647;
    box-sizing:border-box;
    isolation:isolate;
    touch-action:manipulation;
}
.searchBox{
    width:100%;
    padding:12px;
    margin:0;
    border:1px solid #ccc;
    border-radius:10px;
    font-size:16px;
    box-sizing:border-box;
}
.status-ok{
    color:#1e9b37;
}

.status-no{
    color:#d93025;
}

.status-week{
    color:#477ebb;
}

.status-end {
    color:#764949;

}

.status-ok,
.status-no,
.status-week,
.status-end {
    font-size: 17px;
    padding: 6px 0 7px 0px;
    font-weight:600;    
}


.send:hover{
background:#165fd4;
cursor:pointer;
}
.send:active{
background:#0f52c3;
cursor:pointer;
transform:translate3d(-50%, 0, 0) scale(.99);
-webkit-transform:translate3d(-50%, 0, 0) scale(.99);
}

.img{width:100%;height:180px;object-fit:contain;background:#fff}
.newPrice{width:100%;padding:8px;box-sizing:border-box;margin:6px 0 10px;}

.priceRow{display:flex;align-items:center;gap:20px;margin:-3px 0 -4px}
.newPrice{
    width:140px !important;
    padding:6px 8px;
    box-sizing:border-box;
    margin:0;
    color:#333;
}

.newPrice::placeholder{
    color:#555;
    opacity:1;
}

.comment{
    color:#333;
}

.comment::placeholder{
    color:#555;
    opacity:1;
}

/* Mobile input zoom fix */
input,
textarea,
select{
  font-size:16px;
}

input[type="radio"] {
  transform: scale(1.3); /* Увеличит кружок в 1.5 раза. Можно поставить 1.8 или 2 */
  margin-right: 8px;     /* Добавит отступ справа, чтобы кружок не прилипал к тексту */
  cursor: pointer;
}

/* Slightly darker page around white cards */
.wrap{
  background:#eef1f4;
  min-height:100vh;
}


/* Product link button */

.productLinkWrap{
    text-align:center;
}

.productLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 9px auto 2px;
    padding: 7px 16px 9px 10px;
    width: auto;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    transition: color .2s ease, transform .15s ease;
    background: #61c0b4;
    border-radius: 14px;
}

.productLink:hover{
    background: #3b9e92;
}

.productLink:active{
    transform:scale(.98);
}

/* Надёжная фиксация кнопки на мобильных браузерах */
@media (max-width: 600px){
    .send{
        position:fixed !important;
        left:50% !important;
        top:auto !important;
        bottom:15px !important;

        transform:translate3d(-50%, 0, 0) !important;
        -webkit-transform:translate3d(-50%, 0, 0) !important;

        width:calc(100% - 50px);
        max-width:335px;

        z-index:2147483647;
    }
}

#topBtn{
    position:fixed !important;
    right:max(15px, calc((100vw - 430px) / 2 + 15px));
    bottom:110px;
    width:45px;
    height:45px;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,0.35);
    color:#fff;
    font-size:13px;
    cursor:pointer;
    z-index:99999;
    backdrop-filter:blur(3px);
    touch-action:manipulation;
    pointer-events:auto;
    -webkit-tap-highlight-color:transparent;
}

@media (max-width:600px){
    #topBtn{
        width:58px;
        height:58px;
        font-size:16px;
        bottom:110px;
    }
}