/* Product detail only; preserve existing gallery and purchase behavior. */
body.mobile-redesign-page ul.mobile-product-view {
    margin: 0;
    padding: 0 16px 24px;
    list-style: none;
}

body.mobile-redesign-page ul.mobile-product-view > li,
body.mobile-redesign-page ul.mobile-product-view > li:hover {
    margin: 0;
    padding: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
}

body.mobile-redesign-page .mobile-product-view .top_frame_tov {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
    text-align: left;
}

body.mobile-redesign-page .mobile-product-primary > li > .top_frame_tov {
    padding-top: 46px;
}

.mobile-product-stock {
    position: absolute;
    top: 8px;
    left: 0;
    padding: 7px 12px;
    border-radius: 4px;
    background: #e8f5eb;
    color: #166537;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

body.mobile-redesign-page .mobile-product-view #main_image_link,
body.mobile-redesign-page .mobile-product-view .pic_block_prods {
    display: block;
    width: 100%;
}

body.mobile-redesign-page .mobile-product-view #main_image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.12;
    object-fit: contain;
}

body.mobile-redesign-page .mobile-product-view .descr {
    display: block;
    padding: 18px 0 0;
    text-align: left;
}

body.mobile-redesign-page .mobile-product-view .title {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    color: #20262b;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

body.mobile-redesign-page .mobile-product-view .short-desc {
    margin: 0 0 16px;
    padding: 0;
    color: #555f66;
    font-size: 15px;
    line-height: 1.5;
}

.mobile-product-view .short-desc p { margin: 0 0 8px; }
.mobile-product-view .divider { display: none; }

.mobile-product-view .mobile-product-variant {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 12px;
    padding: 12px 14px;
    border-radius: 4px;
    background: #eaf5ed;
}

.mobile-product-view .mobile-product-variant-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

body.mobile-redesign-page .mobile-product-view .code_v {
    color: #40654b;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

body.mobile-redesign-page .mobile-product-view .codev {
    color: #215936;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: anywhere;
}

.mobile-product-view .mobile-product-variants-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    height: 44px;
    color: #215936;
}

body.mobile-redesign-page .mobile-product-view .code {
    display: block;
    margin: 0 0 16px;
    color: #626b72;
    font-size: 13px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

body.mobile-redesign-page .mobile-product-view .price {
    position: static;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    text-align: left;
    line-height: 1.2;
}

body.mobile-redesign-page .mobile-product-view .mobile-product-old-price {
    margin: 4px 0 8px;
    color: #687078;
    font-size: 18px;
    text-decoration-line: line-through;
    text-decoration-color: #b61f24;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
}

body.mobile-redesign-page .mobile-product-view .mobile-product-old-price::after {
    content: none;
}

body.mobile-redesign-page .mobile-product-view .mobile-product-current-price {
    margin: 8px 0 18px;
    color: #a81925;
    font-size: 36px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

body.mobile-redesign-page .mobile-product-view .but_buy {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.mobile-product-view .but_buy form { margin: 0; }

body.mobile-redesign-page .mobile-product-view .but_buy a.button {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: auto;
    min-height: 56px;
    padding: 14px 18px;
    box-sizing: border-box;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(110deg, #ff8800, #ee5100);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-shadow: none;
    box-shadow: 0 4px 10px rgba(194, 76, 0, .15);
    white-space: normal;
}

.mobile-product-view .but_buy a.button img {
    flex: 0 0 26px;
    filter: brightness(0) invert(1);
}

.mobile-product-view .but_buy a.button::before,
.mobile-product-view .but_buy a.button::after { content: none; }

body.mobile-redesign-page .mobile-product-view .but_buy a.button:hover {
    background: #e85d00;
}

.mobile-product-view .but_buy a.button:focus-visible,
.mobile-product-view .mobile-product-variants-link:focus-visible {
    outline: 2px solid #894307;
    outline-offset: 3px;
}

body.mobile-redesign-page .mobile-product-primary .mobile-favorite-toggle {
    top: 7px;
    right: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f0f2f3;
}

body.mobile-redesign-page .mobile-product-variants-title {
    margin: 8px 16px 0;
    padding: 20px 0 16px;
    border-top: 1px solid #e5e8ea;
    color: #20262b;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    scroll-margin-top: 80px;
}

body.mobile-redesign-page ul.mobile-product-view.variants_product > li {
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid #e5e8ea;
    border-radius: 8px;
}

body.mobile-redesign-page .mobile-product-view.variants_product .cover_fit_cont {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.35;
    object-fit: contain;
}

body.mobile-redesign-page .mobile-product-view.variants_product .title { font-size: 19px; }
body.mobile-redesign-page .mobile-product-view.variants_product .mobile-product-current-price { font-size: 30px; }

@media (max-width: 340px) {
    body.mobile-redesign-page ul.mobile-product-view {
        padding-right: 12px;
        padding-left: 12px;
    }
    body.mobile-redesign-page .mobile-product-view .title { font-size: 22px; }
}
