/* Start:/bitrix/templates/proopt_default/components/bitrix/catalog.element/gopro/style.css?177609954337085*/
.elementdetail.detail-modern {
    --oz-white: #ffffff;
    --oz-border: #e1e4e8;
    --oz-text: #001a34;
    --oz-text-secondary: #7b8794;
    --oz-accent: #005bff;
    --oz-accent-hover: #004acc;
    --oz-success: #00a046;
    --oz-card-radius: 12px;
    --oz-btn-radius: 12px;
    --oz-small-radius: 8px;

    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: 24px;
    float: none;
    align-items: start;
    font-family: "SF Pro Text", -apple-system, "Roboto", system-ui, sans-serif;
    color: var(--oz-text);
    line-height: 1.5;
}

/* Hide decorative icon overlay */
.elementdetail.detail-modern > .icon.da2qb {
    display: none;
}

/* Column resets */
.elementdetail.detail-modern > .pictures,
.elementdetail.detail-modern > .detail-product__info {
    float: none;
    width: auto;
    min-width: 0;
}

.elementdetail.detail-modern > .pictures {
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
}

.elementdetail.detail-modern > .detail-product__info {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.elementdetail.detail-modern > .detail-product__info > * {
    min-width: 0;
}

/* ==========================================================================
   Main Image
   ========================================================================== */

.elementdetail.detail-modern .pic {
    min-height: 460px;
    height: auto;
    margin-bottom: 12px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    text-align: center;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
    box-shadow: none;
}

.elementdetail.detail-modern .pic .glass,
.elementdetail.detail-modern .pic > img {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementdetail.detail-modern .pic img {
    width: auto;
    max-width: 100%;
    max-height: 400px;
}

/* ==========================================================================
   Zoom hint
   ========================================================================== */

.elementdetail.detail-modern .zoom {
    margin: 0 0 8px;
    text-align: left;
    color: var(--oz-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.elementdetail.detail-modern .zoom .svg-icon {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    fill: var(--oz-accent);
}

/* ==========================================================================
   Thumbnail Slider
   ========================================================================== */

.elementdetail.detail-modern .picslider {
    padding: 8px 10px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
    box-shadow: none;
}

.elementdetail.detail-modern .picslider.horizontal,
.elementdetail.detail-modern .picslider.horizontal.scrollp.jsp {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.elementdetail.detail-modern .picslider.horizontal .d_jscrollpane,
.elementdetail.detail-modern .picslider.horizontal .popd_jscrollpane {
    margin-right: 36px;
    margin-left: 36px;
}

.elementdetail.detail-modern .picslider .scrollinner a {
    width: 64px;
    height: 64px;
    padding: 4px;
    line-height: 54px;
    border: 2px solid transparent;
    border-radius: var(--oz-small-radius);
    background: var(--oz-white);
    box-shadow: none;
    transition: border-color 0.15s ease;
}

.elementdetail.detail-modern .picslider .scrollinner a:hover,
.elementdetail.detail-modern .picslider .scrollinner a.selected {
    transform: none;
    border-color: var(--oz-accent);
    box-shadow: none;
}

.elementdetail.detail-modern .picslider .scrollinner a img {
    max-width: 100%;
    max-height: 100%;
}

.elementdetail.detail-modern .picslider.horizontal a .svg-icon,
.elementdetail.detail-modern .picslider.vertical a .svg-icon {
    fill: #9aa7b7;
}

.elementdetail.detail-modern .picslider.horizontal a:hover .svg-icon,
.elementdetail.detail-modern .picslider.vertical a:hover .svg-icon {
    fill: var(--oz-accent);
}

/* ==========================================================================
   Article & Stores — flat inline text, NO card wrappers
   ========================================================================== */

.elementdetail.detail-modern .articleandstores {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: center;
}

.elementdetail.detail-modern .article,
.elementdetail.detail-modern .stores {
    float: none;
    width: auto;
    min-height: auto;
    flex: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--oz-text-secondary);
    font-size: 13px;
}

.elementdetail.detail-modern .article {
    font-weight: 400;
}

.elementdetail.detail-modern .offer_article {
    color: var(--oz-text);
    font-weight: 600;
}

.elementdetail.detail-modern .stores > span {
    width: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.elementdetail.detail-modern .stores .genamount {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 8px;
    background: #eef5ff;
    color: var(--oz-accent);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.elementdetail.detail-modern .stores .genamount .svg-icon {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    fill: currentColor;
}

/* ==========================================================================
   Purchase Card — unified card wrapping price + buy + actions
   ========================================================================== */

.elementdetail.detail-modern .product-purchase-card {
    padding: 18px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Strip inner card styles when inside purchase card */
.elementdetail.detail-modern .product-purchase-card > .price-panel,
.elementdetail.detail-modern .product-purchase-card > .price-panel--multiple,
.elementdetail.detail-modern .product-purchase-card > noindex,
.elementdetail.detail-modern .product-purchase-card > noindex > .buy,
.elementdetail.detail-modern .product-purchase-card > .buy,
.elementdetail.detail-modern .product-purchase-card > .threeblock {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.elementdetail.detail-modern .product-purchase-card > noindex {
    display: block;
    width: 100%;
}

/* ==========================================================================
   Fallback: strip card styling globally for sections that live outside
   the purchase card (properties, SKU, share, preview, etc.)
   ========================================================================== */

.elementdetail.detail-modern .price-panel,
.elementdetail.detail-modern .buy,
.elementdetail.detail-modern .detail-product__info .properties,
.elementdetail.detail-modern .charactersiticSKU,
.elementdetail.detail-modern .share,
.elementdetail.detail-modern .previewtext,
.elementdetail.detail-modern .pdp-notification {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* ==========================================================================
   Price Error
   ========================================================================== */

.elementdetail.detail-modern .price-error-block {
    padding: 14px 16px;
    border: 1px solid #f3dfb0;
    border-radius: var(--oz-small-radius);
    background: #fffaf0;
    box-shadow: none;
}

.elementdetail.detail-modern .price-error-message {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.elementdetail.detail-modern .error-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff0c9;
    color: #b07a12;
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
}

.elementdetail.detail-modern .error-text strong {
    display: block;
    margin-bottom: 4px;
    color: #7a5b16;
}

.elementdetail.detail-modern .error-text span {
    color: #8d7234;
    line-height: 1.5;
    font-size: 14px;
}

/* ==========================================================================
   Price Panel — clear hierarchy from retail to wholesale
   ========================================================================== */

.elementdetail.detail-modern .price-panel {
    margin: 0;
}

.elementdetail.detail-modern .soloprice .line,
.elementdetail.detail-modern .soloprice .price,
.elementdetail.detail-modern .soloprice .discount {
    height: auto;
    min-height: 0;
}

.elementdetail.detail-modern .price-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--oz-border);
    border-radius: 10px;
    background: #ffffff;
}

.elementdetail.detail-modern .price-list__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 14px;
    border-top: 1px solid var(--oz-border);
}

.elementdetail.detail-modern .price-list__row:first-child {
    border-top: none;
}

.elementdetail.detail-modern .price-list__row--primary {
    padding-top: 14px;
    padding-bottom: 14px;
    background: #f4f7fd;
}

.elementdetail.detail-modern .price-list__label {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    color: var(--oz-text-secondary);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
}

.elementdetail.detail-modern .price-list__row--primary .price-list__label {
    color: var(--oz-text);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.elementdetail.detail-modern .price-list__values {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex: 0 1 auto;
    text-align: right;
    justify-content: center;
    min-width: 0;
    max-width: 58%;
    margin-left: auto;
}

.elementdetail.detail-modern .price-list__values .price.gen {
    display: block;
    max-width: 100%;
    color: var(--oz-text);
    font-size: 17px;
    line-height: 1.15;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: break-word;
}

.elementdetail.detail-modern .price-list__row--primary .price-list__values .price.gen {
    font-size: clamp(20px, 2.2vw, 24px);
    line-height: 1;
}

.elementdetail.detail-modern .price-list__values .price.gen img {
    display: block;
    max-width: 120px;
    max-height: 38px;
    width: auto;
    height: auto;
    margin-left: auto;
}

.elementdetail.detail-modern .price-list__values .price.old {
    display: block;
    color: #8d99a8;
    text-decoration: line-through;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

.elementdetail.detail-modern .price-list__values .discount {
    display: block;
    color: var(--oz-success);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}

.elementdetail.detail-modern .price-list__row--primary .price-list__values .discount {
    font-size: 12px;
}

/* ==========================================================================
   Buy Section — large blue CTA like Ozon
   ========================================================================== */

.elementdetail.detail-modern .buy {
    padding: 0;
}

.elementdetail.detail-modern .buy .add2basketform {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.elementdetail.detail-modern .add2basketform .quantitytitle,
.elementdetail.detail-modern .add2basketform .quantity,
.elementdetail.detail-modern .add2basketform .add2basket,
.elementdetail.detail-modern .add2basketform .inbasket,
.elementdetail.detail-modern .add2basketform .go2basket,
.elementdetail.detail-modern .add2basketform .buy1click,
.elementdetail.detail-modern .add2basketform .add2subscribe {
    margin: 0;
}

/* Quantity — compact stepper */
.elementdetail.detail-modern .add2basketform .quantity {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 10px;
    clear: both;
    float: none;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.elementdetail.detail-modern .add2basketform .quantitytitle {
    flex: 0 0 auto;
    min-width: 0;
    display: block;
    clear: none;
    float: none;
    padding: 0;
    margin: 0;
    color: var(--oz-text-secondary);
    font-size: 13px;
    line-height: normal;
}

.elementdetail.detail-modern .add2basketform .quantity_inner {
    display: inline-flex;
    align-items: center;
    gap: 0;
    width: auto;
    flex: 0 0 auto;
    margin-left: 0;
    min-height: 40px;
    padding: 0;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-small-radius);
    background: #f8f9fb;
    overflow: hidden;
}

.elementdetail.detail-modern .add2basketform .plus,
.elementdetail.detail-modern .add2basketform .minus {
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    color: var(--oz-accent);
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.15s;
}

.elementdetail.detail-modern .add2basketform .plus:hover,
.elementdetail.detail-modern .add2basketform .minus:hover {
    background: #eef5ff;
}

.elementdetail.detail-modern .add2basketform .js-quantity {
    width: 56px;
    height: 40px;
    padding: 0;
    border: none;
    border-left: 1px solid var(--oz-border);
    border-right: 1px solid var(--oz-border);
    border-radius: 0;
    background: var(--oz-white);
    text-align: center;
    color: var(--oz-text);
    font-size: 16px;
    font-weight: 700;
}

.elementdetail.detail-modern .add2basketform .js-measurename {
    color: var(--oz-text-secondary);
    font-weight: 500;
    font-size: 12px;
    margin-left: 4px;
}

/* Buttons */
.elementdetail.detail-modern .add2basketform .add2basket,
.elementdetail.detail-modern .add2basketform .inbasket,
.elementdetail.detail-modern .add2basketform .buy1click,
.elementdetail.detail-modern .add2basketform .add2subscribe {
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: var(--oz-btn-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s;
}

/* Primary — "В корзину" */
.elementdetail.detail-modern .add2basketform .add2basket,
.elementdetail.detail-modern .add2basketform .inbasket {
    background: var(--oz-accent);
    color: #ffffff;
}

.elementdetail.detail-modern .add2basketform .add2basket:hover,
.elementdetail.detail-modern .add2basketform .inbasket:hover {
    background: var(--oz-accent-hover);
    color: #ffffff;
}

/* Secondary — "Купить в 1 клик" */
.elementdetail.detail-modern .add2basketform .buy1click,
.elementdetail.detail-modern .add2basketform .add2subscribe {
    background: #f2f4f7;
    border: 1px solid var(--oz-border);
    color: var(--oz-text);
}

.elementdetail.detail-modern .add2basketform .buy1click:hover,
.elementdetail.detail-modern .add2basketform .add2subscribe:hover,
.elementdetail.detail-modern .add2basketform.cantbuy .js-product-subscribe:hover {
    border-color: var(--oz-accent);
    color: var(--oz-accent);
    background: #f0f5ff;
}

/* State: in basket / can't buy */
.elementdetail.detail-modern .add2basketform .inbasket,
.elementdetail.detail-modern .add2basketform .go2basket,
.elementdetail.detail-modern .add2basketform .js-product-subscribe,
.elementdetail.detail-modern .add2basketform.in .add2basket,
.elementdetail.detail-modern .add2basketform.in .buy1click,
.elementdetail.detail-modern .add2basketform.in .js-product-subscribe {
    display: none;
}

.elementdetail.detail-modern .add2basketform .add2basket,
.elementdetail.detail-modern .add2basketform .buy1click,
.elementdetail.detail-modern .add2basketform.in .inbasket,
.elementdetail.detail-modern .add2basketform.in .go2basket {
    display: inline-flex;
}

.elementdetail.detail-modern .add2basketform.cantbuy .add2basket,
.elementdetail.detail-modern .add2basketform.cantbuy .inbasket,
.elementdetail.detail-modern .add2basketform.cantbuy .go2basket,
.elementdetail.detail-modern .add2basketform.cantbuy .buy1click,
.elementdetail.detail-modern .add2basketform.cantbuy .quantity {
    display: none;
}

.elementdetail.detail-modern .add2basketform.cantbuy .js-product-subscribe {
    min-height: 46px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-btn-radius);
    background: #f2f4f7;
    color: var(--oz-text);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.elementdetail.detail-modern .add2basketform .go2basket {
    min-height: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    color: var(--oz-accent);
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}

.elementdetail.detail-modern .add2basketform:not(.in) .go2basket {
    display: none;
}

.elementdetail.detail-modern .add2basketform.in .go2basket {
    display: inline-flex;
}

.elementdetail.detail-modern .add2basketform .add2basket .svg-icon,
.elementdetail.detail-modern .add2basketform .inbasket .svg-icon {
    margin-right: 8px;
    fill: #ffffff;
}

/* ==========================================================================
   Three Block (compare / favorite / cheaper) — compact inline row
   ========================================================================== */

.elementdetail.detail-modern .threeblock {
    padding: 10px 0 0;
    border: none;
    border-top: 1px solid var(--oz-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.elementdetail.detail-modern .threeblock .compare,
.elementdetail.detail-modern .threeblock .favoriteandcheaper,
.elementdetail.detail-modern .threeblock .favorite,
.elementdetail.detail-modern .threeblock .cheaper {
    float: none;
    margin: 0;
}

.elementdetail.detail-modern .threeblock .favoriteandcheaper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.elementdetail.detail-modern .threeblock a {
    min-height: 34px;
    padding: 6px 11px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-small-radius);
    background: var(--oz-white);
    box-shadow: none;
    color: var(--oz-text-secondary);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: border-color 0.15s, color 0.15s;
}

.elementdetail.detail-modern .threeblock a:hover {
    border-color: var(--oz-accent);
    color: var(--oz-accent);
}

.elementdetail.detail-modern .favoriteandcheaper .favorite .svg-icon,
.elementdetail.detail-modern .favoriteandcheaper .cheaper .svg-icon {
    fill: currentColor;
}

/* ==========================================================================
   Properties (Offer Variant Selectors) — pill-style like Ozon
   ========================================================================== */

.elementdetail.detail-modern .detail-product__info .properties,
.elementdetail.detail-modern .charactersiticSKU {
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.elementdetail.detail-modern .detail-product__info .properties .offer_prop,
.elementdetail.detail-modern .charactersiticSKU .SKU_prop {
    padding: 10px 0;
    border-bottom: 1px solid var(--oz-border);
}

.elementdetail.detail-modern .detail-product__info .properties .offer_prop:last-child,
.elementdetail.detail-modern .charactersiticSKU .SKU_prop:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.elementdetail.detail-modern .detail-product__info .properties .offer_prop-name,
.elementdetail.detail-modern .charactersiticSKU .name_prop_sku {
    color: var(--oz-text-secondary);
    font-size: 14px;
    font-weight: 500;
}

.elementdetail.detail-modern .detail-product__info .properties .offer_prop-name {
    display: block;
    margin-bottom: 8px;
}

.elementdetail.detail-modern .detail-product__info .properties .div_select {
    min-width: 0;
}

/* Dropdown-style selected value */
.elementdetail.detail-modern .detail-product__info .properties .div_selected {
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-small-radius);
    background: #f8f9fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.elementdetail.detail-modern .detail-product__info .properties .div_selected .svg-icon {
    fill: var(--oz-text-secondary);
}

/* Pill-style list options (HIGHLOAD_TYPE_LIST) */
.elementdetail.detail-modern .properties_list .div_options_list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.elementdetail.detail-modern .properties_list .div_option {
    cursor: pointer;
}

.elementdetail.detail-modern .properties_list .div_option .list-item {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-small-radius);
    background: var(--oz-white);
    font-size: 14px;
    font-weight: 500;
    color: var(--oz-text);
    transition: border-color 0.15s, background-color 0.15s;
}

.elementdetail.detail-modern .properties_list .div_option:hover .list-item {
    border-color: var(--oz-accent);
}

.elementdetail.detail-modern .properties_list .div_option.selected .list-item {
    border-color: var(--oz-accent);
    background: #f0f5ff;
    color: var(--oz-accent);
    font-weight: 600;
}

.elementdetail.detail-modern .properties_list .div_option.disabled .list-item {
    opacity: 0.4;
    pointer-events: none;
}

/* SKU characteristic rows */
.elementdetail.detail-modern .charactersiticSKU .SKU_prop {
    display: flex;
    justify-content: space-between;
    gap: 12px 16px;
    font-size: 14px;
}

.elementdetail.detail-modern .charactersiticSKU .val_prop_sku {
    color: var(--oz-text);
    font-weight: 600;
    text-align: right;
}

/* ==========================================================================
   Delivery — own clean card
   ========================================================================== */

.elementdetail.detail-modern .product-delivery {
    padding: 16px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
    box-shadow: none;
}

.elementdetail.detail-modern .product-delivery.media {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.elementdetail.detail-modern .product-delivery__pic {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--oz-small-radius);
    background: #eef5ff;
}

.elementdetail.detail-modern .product-delivery__pic svg {
    width: 22px;
    height: 22px;
    fill: var(--oz-accent);
}

.elementdetail.detail-modern .product-delivery__title,
.elementdetail.detail-modern .storesfull b {
    display: block;
    margin-bottom: 4px;
    color: var(--oz-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.elementdetail.detail-modern .product-delivery__list,
.elementdetail.detail-modern .storesfull span,
.elementdetail.detail-modern .previewtext {
    color: var(--oz-text-secondary);
    font-size: 14px;
    line-height: 1.55;
}

/* ==========================================================================
   PDP Notification
   ========================================================================== */

.elementdetail.detail-modern .pdp-notification {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: #f8fbff;
    border: 1px solid #dce8f5;
    border-radius: var(--oz-card-radius);
}

.elementdetail.detail-modern .pdp-notification-ico {
    color: var(--oz-accent);
    font-size: 20px;
}

/* ==========================================================================
   Stores Full — own card
   ========================================================================== */

.elementdetail.detail-modern .storesfull {
    padding: 16px;
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
}

.elementdetail.detail-modern .storesfull .genamount {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef5ff;
    color: var(--oz-accent);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.elementdetail.detail-modern .storesfull .genamount .svg-icon {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    fill: currentColor;
}

.elementdetail.detail-modern .storesfull .popupstores table,
.elementdetail.detail-modern .popupstores table {
    margin-top: 8px;
    width: 100%;
}

.elementdetail.detail-modern .storesfull .popupstores table td,
.elementdetail.detail-modern .popupstores table td {
    padding: 6px 4px;
    border-bottom: 1px solid var(--oz-border);
    font-size: 14px;
}

.elementdetail.detail-modern .storesfull .popupstores table tr:last-child td,
.elementdetail.detail-modern .popupstores table tr:last-child td {
    border-bottom: none;
}

/* ==========================================================================
   Share & Preview Text — minimal, no card
   ========================================================================== */

.elementdetail.detail-modern .share {
    margin: 0;
    padding: 0;
}

.elementdetail.detail-modern .share a,
.elementdetail.detail-modern .previewtext a {
    color: var(--oz-accent);
}

.elementdetail.detail-modern .previewtext {
    color: var(--oz-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}

/* ==========================================================================
   Detail Tabs — Ozon-inspired description and characteristics
   ========================================================================== */

.detailtabs.detailtabs--modern {
    --oz-white: #ffffff;
    --oz-border: #e1e4e8;
    --oz-text: #001a34;
    --oz-text-secondary: #7b8794;
    --oz-accent: #005bff;
    --oz-accent-soft: #eef5ff;
    --oz-card-radius: 18px;

    margin-top: 36px;
    padding-bottom: 0;
    border-bottom: none;
}

.detailtabs.detailtabs--modern .headers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0 0 18px;
    background: transparent;
}

.detailtabs.detailtabs--modern .headers:after {
    content: none;
}

.detailtabs.detailtabs--modern .headers a {
    float: none;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 16px;
    margin: 0;
    border: 1px solid var(--oz-border);
    border-radius: 999px;
    background: var(--oz-white);
    color: var(--oz-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.detailtabs.detailtabs--modern .headers a.selected,
.detailtabs.detailtabs--modern .headers a.selected:active {
    border-color: #cfe0ff;
    background: var(--oz-accent-soft);
    color: var(--oz-accent);
}

.detailtabs.detailtabs--modern .headers a:hover {
    border-color: #cfe0ff;
    background: #f7faff;
    color: var(--oz-accent);
}

.detailtabs.detailtabs--modern .contents {
    overflow: visible;
}

.detailtabs.detailtabs--modern.tabs .content .contentbody,
.detailtabs.detailtabs--modern .content .switcher {
    display: none;
}

.detailtabs.detailtabs--modern .content.selected .contentbody {
    display: block;
}

.detailtabs.detailtabs--modern .contents .contentbody {
    border: 1px solid var(--oz-border);
    border-radius: var(--oz-card-radius);
    background: var(--oz-white);
    overflow: hidden;
}

.detailtabs.detailtabs--modern .contents .contentinner {
    padding: 28px 32px;
}

.detailtabs.detailtabs--modern #detailtext .contentinner {
    max-width: 980px;
    color: var(--oz-text);
    font-size: 15px;
    line-height: 1.72;
}

.detailtabs.detailtabs--modern #detailtext .contentinner > :first-child,
.detailtabs.detailtabs--modern #properties .contentinner > :first-child {
    margin-top: 0;
}

.detailtabs.detailtabs--modern #detailtext .contentinner > :last-child,
.detailtabs.detailtabs--modern #properties .contentinner > :last-child {
    margin-bottom: 0;
}

.detailtabs.detailtabs--modern #detailtext p,
.detailtabs.detailtabs--modern #detailtext ul,
.detailtabs.detailtabs--modern #detailtext ol {
    margin: 0 0 14px;
}

.detailtabs.detailtabs--modern #detailtext h2,
.detailtabs.detailtabs--modern #detailtext h3,
.detailtabs.detailtabs--modern #detailtext h4 {
    margin: 22px 0 12px;
    color: var(--oz-text);
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
}

.detailtabs.detailtabs--modern #detailtext a {
    color: var(--oz-accent);
}

.detailtabs.detailtabs--modern #detailtext ul,
.detailtabs.detailtabs--modern #detailtext ol {
    padding-left: 22px;
}

.detailtabs.detailtabs--modern #detailtext table,
.detailtabs.detailtabs--modern #detailtext table td,
.detailtabs.detailtabs--modern #detailtext table th {
    border: none;
}

.detailtabs.detailtabs--modern #detailtext table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 18px 0;
}

.detailtabs.detailtabs--modern #detailtext table td,
.detailtabs.detailtabs--modern #detailtext table th {
    padding: 12px 14px;
    border-top: 1px solid #edf1f5;
    text-align: left;
}

.detailtabs.detailtabs--modern #detailtext table tr:last-child td,
.detailtabs.detailtabs--modern #detailtext table tr:last-child th {
    border-bottom: 1px solid #edf1f5;
}

.detailtabs.detailtabs--modern #properties .contentinner {
    padding-top: 22px;
    padding-bottom: 22px;
}

.detailtabs.detailtabs--modern table.groupedprops {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.detailtabs.detailtabs--modern table.groupedprops th {
    padding: 20px 0 12px;
    color: var(--oz-text);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: left;
}

.detailtabs.detailtabs--modern table.groupedprops th.first {
    padding-top: 0;
}

.detailtabs.detailtabs--modern .groupedprops th,
.detailtabs.detailtabs--modern .groupedprops td {
    padding: 14px 0;
    text-align: left;
    vertical-align: top;
}

.detailtabs.detailtabs--modern .groupedprops td {
    border-top: 1px solid #edf1f5;
}

.detailtabs.detailtabs--modern .groupedprops tr:first-child td,
.detailtabs.detailtabs--modern .groupedprops tr:first-child th + td {
    border-top: none;
}

.detailtabs.detailtabs--modern .groupedprops td:first-child {
    width: 42%;
    padding-right: 24px;
}

.detailtabs.detailtabs--modern .groupedprops td:last-child {
    text-align: right;
}

.detailtabs.detailtabs--modern .groupedprops .line {
    display: none;
}

.detailtabs.detailtabs--modern .groupedprops .name {
    margin: 0;
    background: transparent;
    color: var(--oz-text-secondary);
    font-size: 14px;
    line-height: 1.45;
}

.detailtabs.detailtabs--modern .groupedprops .val {
    color: var(--oz-text);
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
}

.detailtabs.detailtabs--modern .contents .content.files .contentinner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.detailtabs.detailtabs--modern .contents .content.files .docs {
    width: auto;
    float: none;
    padding: 14px 16px;
    border: 1px solid var(--oz-border);
    border-radius: 14px;
    background: #fbfcfe;
}

.detailtabs.detailtabs--modern .contents .content.files .separator {
    display: none;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1320px) {
    body.adaptive .elementdetail.detail-modern {
        grid-template-columns: minmax(0, 1fr);
    }

    body.adaptive .elementdetail.detail-modern > .pictures,
    body.adaptive .elementdetail.detail-modern > .detail-product__info {
        grid-column: 1;
    }

    body.adaptive .elementdetail.detail-modern > .pictures {
        grid-row: 1;
    }

    body.adaptive .elementdetail.detail-modern > .detail-product__info {
        grid-row: 2;
    }
}

@media (max-width: 1024px) {
    body.adaptive .elementdetail.detail-modern .add2basketform .quantity {
        margin-top: clamp(18px, 7vw, 30px);
    }
}

@media (max-width: 767px) {
    body.adaptive .elementdetail.detail-modern {
        gap: 16px;
    }

    body.adaptive .detailtabs.detailtabs--modern {
        margin-top: 28px;
    }

    body.adaptive .detailtabs.detailtabs--modern .headers {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
        scrollbar-width: none;
    }

    body.adaptive .detailtabs.detailtabs--modern .headers::-webkit-scrollbar {
        display: none;
    }

    body.adaptive .detailtabs.detailtabs--modern .headers a {
        white-space: nowrap;
    }

    body.adaptive .detailtabs.detailtabs--modern .content {
        margin-top: 0;
    }

    body.adaptive .detailtabs.detailtabs--modern .content .switcher,
    body.adaptive .detailtabs.detailtabs--modern .content.selected .switcher {
        display: none;
    }

    body.adaptive .detailtabs.detailtabs--modern .contents .contentinner {
        padding: 20px 18px;
    }

    body.adaptive .detailtabs.detailtabs--modern .groupedprops td,
    body.adaptive .detailtabs.detailtabs--modern .groupedprops th {
        display: block;
        width: 100%;
        padding-right: 0;
        text-align: left;
    }

    body.adaptive .detailtabs.detailtabs--modern .groupedprops td:first-child {
        width: 100%;
        padding-bottom: 6px;
    }

    body.adaptive .detailtabs.detailtabs--modern .groupedprops td:last-child {
        padding-top: 0;
        text-align: left;
    }

    body.adaptive .detailtabs.detailtabs--modern .contents .content.files .contentinner {
        grid-template-columns: minmax(0, 1fr);
    }

    body.adaptive .elementdetail.detail-modern .pic {
        min-height: 300px;
        padding: 16px;
    }

    body.adaptive .elementdetail.detail-modern .pic img {
        max-height: 280px;
    }

    body.adaptive .elementdetail.detail-modern .product-purchase-card {
        padding: 14px;
    }

    body.adaptive .elementdetail.detail-modern .product-delivery,
    body.adaptive .elementdetail.detail-modern .storesfull,
    body.adaptive .elementdetail.detail-modern .pdp-notification {
        padding: 14px;
    }

    body.adaptive .elementdetail.detail-modern .stores > span {
        flex-wrap: wrap;
    }

    body.adaptive .elementdetail.detail-modern .price-list__values {
        max-width: 62%;
    }

    body.adaptive .elementdetail.detail-modern .charactersiticSKU .SKU_prop {
        flex-direction: column;
    }

    body.adaptive .elementdetail.detail-modern .charactersiticSKU .val_prop_sku {
        text-align: left;
    }

    body.adaptive .elementdetail.detail-modern .product-delivery.media {
        flex-direction: column;
    }
}

@media (max-width: 479px) {
    body.adaptive .elementdetail.detail-modern .picslider {
        padding: 6px 8px;
    }

    body.adaptive .elementdetail.detail-modern .picslider.horizontal,
    body.adaptive .elementdetail.detail-modern .picslider.horizontal.scrollp.jsp {
        padding: 0;
    }

    body.adaptive .elementdetail.detail-modern .picslider.horizontal .d_jscrollpane,
    body.adaptive .elementdetail.detail-modern .picslider.horizontal .popd_jscrollpane {
        margin-right: 30px;
        margin-left: 30px;
    }

    body.adaptive .elementdetail.detail-modern .picslider .scrollinner a {
        width: 56px;
        height: 56px;
        line-height: 46px;
    }

    body.adaptive .elementdetail.detail-modern .price-list__row--primary .price-list__values .price.gen {
        font-size: 22px;
    }
}

/* End */
/* /bitrix/templates/proopt_default/components/bitrix/catalog.element/gopro/style.css?177609954337085 */