:root {
    --max-width:     100%;
    --content-width: 750px;
    --header-height: 70px;
    --padding:       25px;
    --border-radius: 5px;
    --color-01:     #000000;
    --color-02:     #021222;
    --color-03:     #061627;
    --color-04:     #233445;
    --color-05:     #0052cc;
    --color-06:     #555f78;
    --color-07:     #d92550;
    --color-08:     #1B1E25;
    --color-09:     #555F78;
    --color-10:     #E1EFE8;
    --color-11:     #12AB5C;
}

label { font-size: 0.8rem; display: block; margin: 0 0 5px; font-weight: 500; color: #000D; }

*[class*='b2m-button-'] { text-decoration: none; border-radius: var(--border-radius); cursor: pointer; transition: all 0.3s; display: inline-block; padding: 15px 40px; background-color: #000; color: #fff; font-size: 1.0rem; }
*[class*='b2m-button-'] > span { transition: all 0.5s; display: inline-block; vertical-align: middle; color: #fff; margin-left: 5px; }
*[class*='b2m-button-']:hover { transition: all 0.3s; background-color: #ccc; color: #000; }
*[class*='b2m-button-'].small { padding: 8px 15px; font-size: 0.8rem; }
*[class*='b2m-button-'].small > span { font-size: 0.9rem; }

.b2m-button-action { background-color: transparent; color: #105DCF; padding: 2px 0; font-size: 0.9rem; text-decoration: underline; display: block; }
.b2m-button-action span { display: inline-block; color: #333; font-size: 1.2rem; margin: 0 5px 0 0; }
.b2m-button-action:hover { background-color: transparent; color: #000; }
.b2m-button-link { background-color: transparent; color: var(--color-05); }
.b2m-button-link:hover { background-color: transparent; color: #000; }
.b2m-button-01 { background-color: var(--color-05); color: #fff; }
.b2m-button-01:hover { background-color: #000; color: #fff; }
.b2m-button-01:hover > span { color: #fff; }
.b2m-button-02 { background-color: #000; color: #fff; }
.b2m-button-02:hover { background-color: #aaa; color: #000; }
.b2m-button-02:hover > span { color: #000; }
.b2m-button-03 { background-color: #6c757d; color: #fff; }
.b2m-button-03:hover { background-color: #aaa; color: #000; }
.b2m-button-03:hover > span { color: #000; }
.b2m-button-04 { background-color: #3ac47d; color: #fff; }
.b2m-button-04:hover { background-color: #aaa; color: #000; }
.b2m-button-04:hover > span { color: #000; }
.b2m-button-05 { background-color: #16aaff; color: #fff; }
.b2m-button-05:hover { background-color: #aaa; color: #000; }
.b2m-button-05:hover > span { color: #000; }
.b2m-button-06 { background-color: #f7b924; color: #fff; }
.b2m-button-06:hover { background-color: #aaa; color: #000; }
.b2m-button-06:hover > span { color: #000; }
.b2m-button-07 { background-color: #d92550; color: #fff; }
.b2m-button-07:hover { background-color: #aaa; color: #000; }
.b2m-button-07:hover > span { color: #000; }
.b2m-button-08 { background-color: transparent; color: #333; border: 1px solid #747775; text-align: center; padding: 15px; }
.b2m-button-08 > span { color: #333; display: inline-block; }
.b2m-button-08:hover { background-color: #747775!important; color: #fff; border: 1px solid #747775; }
.b2m-button-08:hover > span { color: #fff; }

.b2m-card-header { padding: 25px; border-bottom: 1px solid #0003; }
.b2m-card-body { padding: 25px; min-height: 100px; }
.b2m-card-footer { padding: 25px; border-top: 1px solid #0003; }
.b2m-card-title { color: var(--color-06); font-size: 1.0rem; font-weight: 500; margin: 0 0 15px; }
.b2m-card-header .b2m-card-title { margin: 0; }
.b2m-card-subtitle { color: var(--color-06); font-size: 0.9rem; font-weight: 500; margin: 0 0 15px; }
.b2m-card-description p { color: #000D; font-size: 0.9rem; font-weight: 400; }
.b2m-card-description p:not(:last-child) { margin: 0 0 15px; }
.b2m-card-info { color: #0008; font-size: 0.8rem; font-weight: 400; }

.b2m-card { background-color: #fff; box-shadow: 0 5px 10px 0 #0002; border-radius: var(--border-radius); }
.b2m-card .b2m-card-header { padding: 25px; border-bottom: 1px solid #0003; }
.b2m-card .b2m-card-body { padding: 25px; min-height: 100px; }
.b2m-card .b2m-card-footer { padding: 25px; border-top: 1px solid #0003; }
.b2m-card .b2m-card-title { color: var(--color-06); font-size: 1.0rem; font-weight: 500; margin: 0 0 15px; }
.b2m-card .b2m-card-header .b2m-card-title { margin: 0; }
.b2m-card .b2m-card-subtitle { color: var(--color-06); font-size: 0.9rem; font-weight: 500; margin: 0 0 15px; }
.b2m-card .b2m-card-description p { color: #000D; font-size: 0.9rem; font-weight: 400; }
.b2m-card .b2m-card-description li { color: #000D; font-size: 0.9rem; font-weight: 400; }
.b2m-card .b2m-card-description p:not(:last-child) { margin: 0 0 15px; }
.b2m-card .b2m-card-info { color: #0008; font-size: 0.8rem; font-weight: 400; }

.card-cols-21 .b2m-card-body { display: grid; gap: 25px; grid-template-columns: 2fr 1fr; }

.b2m-card.card-red    { border-bottom: 5px solid red; }
.b2m-card.card-blue   { border-bottom: 5px solid blue; }
.b2m-card.card-orange { border-bottom: 5px solid orange; }

.b2m-modal-content .b2m-modal-content-header { padding: 0 25px 25px; border-bottom: 1px solid #0003; }
.b2m-modal-content .b2m-modal-content-body { padding: 25px; min-height: 100px; }
.b2m-modal-content .b2m-modal-content-footer { padding: 25px; border-top: 1px solid #0003; }
.b2m-modal-content .b2m-modal-content-title { color: var(--color-06); font-size: 1.0rem; font-weight: 500; margin: 0 0 15px; }
.b2m-modal-content .b2m-modal-content-header .b2m-modal-content-title { margin: 0; }
.b2m-modal-content .b2m-modal-content-subtitle { color: var(--color-06); font-size: 0.9rem; font-weight: 500; margin: 0 0 15px; }
.b2m-modal-content .b2m-modal-content-description p { color: #000D; font-size: 0.9rem; font-weight: 400; }
.b2m-modal-content .b2m-modal-content-description p:not(:last-child) { margin: 0 0 15px; }
.b2m-modal-content .b2m-modal-content-info { color: #0008; font-size: 0.8rem; font-weight: 400; }

.modal-red .ronin-content    { border-bottom: 5px solid red; }
.modal-blue .ronin-content   { border-bottom: 5px solid blue; }
.modal-orange .ronin-content { border-bottom: 5px solid orange; }

.b2m-tabs .b2m-tabs-nav { display: flex; flex-direction: row; flex-wrap: nowrap; }
.b2m-tabs .b2m-tabs-nav::before { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background-color: #0004; }
.b2m-tabs .b2m-tabs-nav-item { transition: all 0.5s; text-align: center; padding: 15px 25px; font-size: 0.9rem; color: #000A; cursor: pointer; user-select: none; }
.b2m-tabs .b2m-tabs-nav-item:hover:not(.current) { transition: all 0.5s; color: #000; }
.b2m-tabs .b2m-tabs-nav-item.current { color: var(--color-05); }
.b2m-tabs .b2m-tabs-nav-item.current::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; border-radius: 100px; background-color: var(--color-05); }
.b2m-tabs .b2m-tabs-content { overflow: hidden; height: auto; }
.b2m-tabs .b2m-tabs-content-item { transition: all 0.5; overflow: auto; position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 15px; z-index: 0; opacity: 0; background-color: #fff; }
.b2m-tabs .b2m-tabs-content-item.visible { transition: all 0.5; z-index: 10; opacity: 1; position: relative; }

.b2m-options > input { display: none; }
.b2m-options > label { transform: all 0.5s; cursor: pointer; user-select: none; display: inline-block; border: 2px solid #0006; color: #0006; border-radius: var(--border-radius); font-weight: 500; font-size: 0.9rem; flex: 0 0 auto; padding: 8px 15px; }
.b2m-options > input:checked + label { transform: all 0.5s; border: 2px solid var(--color-07); color: #fff; background-color: var(--color-07); }

.ronin-section.cards-grid .b2m-card { height: 100%;  display: grid; gap: 0; grid-template-rows: 70px auto 70px; }
.ronin-section.cards-grid .b2m-card.header-body { grid-template-rows: 70px auto; }
.ronin-section.cards-grid .b2m-card.body-footer { grid-template-rows: auto 70px; }
.ronin-section.cards-grid .b2m-card.only-body { grid-template-rows: auto; }

.ronin-section.b2m-2col .ronin-content { display: grid; gap: 25px; grid-template-columns: 1fr 1fr; }
.ronin-section.b2m-2col .ronin-content { display: grid; gap: 25px; grid-template-columns: 1fr 1fr; }
.ronin-section.b2m-3col .ronin-content { display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr; }
.ronin-section.b2m-4col .ronin-content { display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr 1fr; }

.ronin-section.page h1 { font-size: 2.4rem; margin: 0 0 50px; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h2 { font-size: 2.0rem; margin: 0 0 50px; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h3 { font-size: 1.6rem; margin: 0 0 50px; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page p  { font-size: 1.2rem; margin: 0 0 15px; text-align: left; line-height: 140%; font-weight: normal; }

.ronin-section.rs-2col { padding: 50px 0; }
.ronin-section.rs-2col .ronin-content { display: grid; gap: 50px; grid-template-columns: 1fr 1fr; }
.ronin-section.rs-2col .image { background-color: #eee; height: 100%; min-height: 400px; }
.ronin-section.rs-2col .boton { margin: 50px 0 0; }

.rs-modalbox { min-height: 100vh; background-image: linear-gradient(0deg, var(--color-04) 0%, var(--color-03) 100%); padding: 0; }
.rs-modalbox .ronin-container { height: 100%; min-height: 100vh; }
.rs-modalbox .ronin-content { height: 100%; min-height: 100vh; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; padding: 25px; }
.rs-modalbox .modalbox-container { background-color: #fff; border-radius: var(--border-radius); max-width: 500px; width: 100%; min-height: 200px; box-shadow: 0 15px 30px 0 #000; overflow: hidden; }
.rs-modalbox .modalbox-container-header { background-color: transparent; padding: 25px; border-bottom: 1px solid #0002; }
.rs-modalbox .modalbox-container-body { background-color: #fff; padding: 50px 25px; }
.rs-modalbox .modalbox-container-footer { background-color: transparent; padding: 25px; border-top: 1px solid #0002; }
.rs-modalbox .title { font-size: 1.1rem; font-weight: 500; text-align: center; margin: 0 0 10px; }
.rs-modalbox .description { font-size: 1.0rem; font-weight: 400; text-align: center; margin: 0 0 10px; color: #000C; }
.rs-modalbox .modalbox-container-body .form-items { margin: 25px 0 0; }
.rs-modalbox .modalbox-container-body .form-item.acepto { margin: 25px 0 0; }
.rs-modalbox .actions { text-align: right; }
.rs-modalbox .logo { text-align: center; }
.rs-modalbox .logo img { max-width: 200px; max-height: 100px; }

.rs-modalbox.modalbox-register .actions .b2m-button-link { width: 100%; text-align: right; padding-right: 0; }
.rs-modalbox.modalbox-login.login-api .modalbox-container::before { content: 'API'; position: absolute; top: 8px; left: 10px; color: orange; font-size: 1.4rem; z-index: 5; font-weight: 700; }
.rs-modalbox.modalbox-login .code-2fa { display: flex; gap: 2%; flex-wrap: wrap; flex-direction: row; justify-content: center; max-width: 340px; margin: 0 auto; }
.rs-modalbox.modalbox-login .code-2fa input { width: 10%; font-size: 1.2rem; text-align: center; }

.form-items { display: grid; gap: 15px; grid-template-columns: 1fr; }
.form-items label { font-size: 0.9rem; color: #0008; margin: 0 0 5px; display: block; }

.b2m-search-bar { transition: all 0.5s; display: grid; grid-template-columns: 0 45px 0; gap: 0; width: 50px; height: 45px; margin-right: 5px; }
.b2m-search-bar input { transition: all 0.5s; opacity: 0; background-color: #0001; border-radius: 200px; border-color: #0003; padding-left: 25px; }
.b2m-search-bar input:focus { outline: none; }
.b2m-search-bar .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; }
.b2m-search-bar .b2m-sb-item:nth-child(1) { grid-area: 1 / 1  / 1  / 3; overflow: hidden; }
.b2m-search-bar .b2m-sb-item:nth-child(2) { grid-area: 1 / 2  / 1  / 3; background-color: #0002; border-radius: 50%; }
.b2m-search-bar .b2m-sb-item:nth-child(2) span[class^='material-'] { color: var(--color-05); }
.b2m-search-bar .b2m-sb-item:nth-child(3) { grid-area: 1 / 2 / 1 / 3; opacity: 0; transition: all 0s; }
.b2m-search-bar.visible { transition: all 0.5s; grid-template-columns: 210px 45px 45px; width: 300px; }
.b2m-search-bar.visible input { transition: all 0.5s; opacity: 1; }
.b2m-search-bar.visible .b2m-sb-item:nth-child(3) { grid-area: initial; opacity: 1; transition: all 0.5s; }
#ronin_header.modal .b2m-search-bar { transition: all 0.5s; grid-template-columns: 255px 45px 0; width: 300px; }
#ronin_header.modal .b2m-search-bar input { transition: all 0.5s; opacity: 1; }
#ronin_header.modal .b2m-search-bar .b2m-sb-item:nth-child(3) { display: none; }

.b2m-search-card { z-index: -10; transition: opacity 0.2s, top 2.0s; opacity: 0; position: absolute; top: -500px; left: 0; width: 100%; max-width: 500px; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 5px 5px 0 #0004; background-color: #fff; border: 1px solid #0002; }
#ronin_header.modal .b2m-search-card { left: 0; right: initial; }
.b2m-search-card.visible { z-index: 70; transition: opacity 0.2s 0.2s, top 0.3s; opacity: 1; top: 62px; }
.b2m-search-card .b2m-sc-header { min-height: 50px; padding: 15px; border-bottom: 1px solid #0004; }
.b2m-search-card .b2m-sch-items { list-style-type: none; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.b2m-search-card .b2m-sch-item { transition: all 0.5s; background-color: #eee; text-align: center; font-size: 0.8rem; padding: 4px 12px; border-radius: 100px; cursor: pointer; user-select: none; }
.b2m-search-card .b2m-sch-item:hover:not(.active) { transition: all 0.5s; background-color: #ccc; }
.b2m-search-card .b2m-sch-item.active { transition: all 0.5s; background-color: var(--color-05); color: #fff; }
.b2m-search-card .b2m-sc-body { min-height: 200px; padding: 15px; }
.b2m-search-card .b2m-sc-footer { min-height: 50px; padding: 15px; border-top: 1px solid #0004; }
.b2m-search-card .b2m-sc-item { display: grid; gap: 10px; grid-template-columns: 70px 1fr; }
.b2m-search-card .b2m-sc-item:not(:last-child) { margin-bottom: 10px; }
.b2m-search-card .b2m-sc-item .item-image { background-color: #ddd; aspect-ratio: 1.4; }
.b2m-search-card .b2m-sc-item .item-title { color: #000D; font-size: 0.9rem; margin: 0; }
.b2m-search-card .b2m-sc-item .item-description { color: #000a; font-size: 0.8rem; margin: 0; }
.b2m-search-card .info { color: #0008; font-size: 0.8rem; margin: 0; }
.b2m-search-card .title { font-weight: 500; font-size: 1.0rem; color: #fff; margin: 0; }
.b2m-search-card .subtitle { font-weight: 400; font-size: 0.8rem; color: #fff8; margin: 0; }

.b2m-notifications-bar { width: 100%; display: grid; grid-template-columns: 45px 1fr; gap: 10px; height: 45px; max-height: 45px; }
.b2m-notifications-bar .b2m-nb-item { height: 45px; }
.b2m-notifications-bar .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; background-color: #0002; border-radius: 50%; }
.b2m-notifications-bar.active .icon::before { content: ''; position: absolute; top: 3px; right: 3px; width: 8px; height: 8px; border-radius: 50%; background-color: red; }
.b2m-notifications-bar.active .icon > span { animation: hayNotificaciones 1.5s ease infinite; }
@keyframes hayNotificaciones {
    0%   { transform: scale(1); }
    20%   { transform: scale(1.1); }
    50%   { transform: scale(1); }
    80%   { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.b2m-lang-bar { display: inline-block; height: 45px; max-height: 45px; aspect-ratio: 1; }
.b2m-lang-bar .b2m-lb-item { height: 45px; }
.b2m-lang-bar .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; background-color: #0002; border-radius: 50%; overflow: hidden; }
.b2m-lang-bar .current-lang-flag { width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 50%; overflow: hidden; }
.b2m-lang-bar.visible { transition: opacity 0.2s 0.2s, top 0.3s; opacity: 1; top: 62px; }

.b2m-lang-card { z-index: -10; transition: opacity 0.2s, top 2.0s; opacity: 0; position: absolute; top: -500px; right: 0; width: 200px; max-width: 92vw; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 5px 5px 0 #0004; background-color: #fff; border: 1px solid #0002; }
#ronin_header.modal .b2m-lang-card { left: 0; right: initial; }
.b2m-lang-card.visible { z-index: 10; transition: opacity 0.2s 0.2s, top 0.3s; opacity: 1; top: 62px; }
.b2m-lang-card .b2m-lc-body { min-height: 100px; }
.b2m-lang-card .b2m-lc-body-title { font-size: 0.9rem; text-align: center; font-weight: 500; padding: 15px; border-bottom: 1px solid #0008; color: var(--color-05) }
.b2m-lang-card .b2m-lc-body ul { margin: 0; }
.b2m-lang-card .b2m-lc-body li { display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 5px 25px; cursor: pointer; user-select: none; }
.b2m-lang-card .b2m-lc-body li:hover { background-color: #eee; }
.b2m-lang-card .b2m-lc-body li > * { align-self: center; }
.b2m-lang-card .b2m-lang-flag.icon { width: 100%; aspect-ratio: 0.8; }
.b2m-lang-card .b2m-lang-label { font-size: 0.9rem; }

.b2m-lang-flag.spain { background-image: url('../../images/svg/es.svg'); background-size: contain; }
.b2m-lang-flag.france { background-image: url('../../images/svg/fr.svg'); background-size: contain; }
.b2m-lang-flag.italy { background-image: url('../../images/svg/it.svg'); background-size: contain; }
.b2m-lang-flag.germany { background-image: url('../../images/svg/de.svg'); background-size: contain; }

.b2m-user-bar { width: 100%; display: grid; grid-template-columns: 45px 1fr; gap: 10px; height: 45px; max-height: 45px; }
.b2m-user-bar .b2m-ub-item { height: 45px; }
.b2m-user-bar .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; }
.b2m-user-bar #b2m_user_bar_icon { background-color: #0002; border-radius: 50%; }
.b2m-user-bar .b2m-ub-item:nth-child(2) { overflow: hidden; display: flex; align-items: center; justify-content: flex-start; }
.b2m-user-bar .info { border-left: 4px solid var(--color-05); padding: 0 10px; }
.b2m-user-bar .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.b2m-user-bar .user { font-weight: 500; font-size: 1.0rem; }
.b2m-user-bar .subuser { font-weight: 400; font-size: 0.8rem; color: #0008; }
.b2m-user-bar .subuser-logout { position: absolute; bottom: -5px; right: 5px; background-color: #3ac47d; border-radius: 50%; transition: all 0.5s; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; }
.b2m-user-bar .subuser-logout:hover { background-color: #000; border-radius: 50%; transition: all 0.5s; }
.b2m-user-bar .subuser-logout > span { color: #fff; transition: all 0.5s; font-size: 1.0rem; }
.b2m-user-bar .subuser-logout:hover > span { color: #fff; transition: all 0.5s; }
.b2m-user-bar .info2 { border-left: 4px solid #3ac47d; padding-left: 10px; align-items: flex-start!important; padding: 5px 0 0 10px; }
.b2m-user-bar .info2 .user { font-weight: 500; font-size: 0.9rem; line-height: 100%; margin: 0 0 3px; }
.b2m-user-bar .info2 .subuser { font-size: 0.7rem; padding-right: 40px; }

.b2m-user-card { z-index: -10; transition: opacity 0.2s, top 2.0s; opacity: 0; position: absolute; top: -500px; right: -50px; width: 400px; max-width: 92vw; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 5px 5px 0 #0004; background-color: #fff; border: 1px solid #0002; }
#ronin_header.modal .b2m-user-card { left: 0; right: initial; }
.b2m-user-card.visible { z-index: 10; transition: opacity 0.2s 0.2s, top 0.3s; opacity: 1; top: 62px; }
.b2m-user-card .b2m-uc-header { min-height: 50px; padding: 15px; border-bottom: 1px solid #001; background-color: var(--color-05); }
.b2m-user-card .b2m-uc-body { min-height: 100px; padding: 15px; }
.b2m-user-card .b2m-uc-footer { min-height: 50px; padding: 15px; border-top: 1px solid #0004; }
.b2m-user-card .b2m-uc-header-content { display: grid; grid-template-columns: 1fr 120px; gap: 15px; }
.b2m-user-card .logout { text-align: right; }
.b2m-user-card .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.b2m-user-card .user { font-weight: 500; font-size: 1.0rem; color: #fff; }
.b2m-user-card .subuser { font-weight: 400; font-size: 0.8rem; color: #fff8; }

.b2m-cart-bar { width: 100%; display: grid; grid-template-columns: 45px 1fr; gap: 10px; height: 45px; max-height: 45px; }
.b2m-cart-bar .b2m-cb-item { height: 45px; }
.b2m-cart-bar .icon { display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; background-color: #0002; border-radius: 50%; overflow: hidden; }
.b2m-cart-bar .cart-icon-total { position: absolute; top: 0; left: 30px; border: 1px solid #000; font-size: 0.6rem; border-radius: 50%; width: 16px; aspect-ratio: 1; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.b2m-cart-card { z-index: -10; position: fixed; top: 0; left: 100%; width: 100%; height: 100%; overflow: hidden; background-color: #0004; }
.b2m-cart-card.visible { z-index: 9099; left: 0; }
.b2m-cart-card-content { transition: right 0.5s; position: fixed; top: 0; right: -500px; width: 100%; max-width: 400px; height: 100%; max-height: 100%; overflow: hidden; background-color: #fff; display: grid; grid-template-rows: auto 1fr auto; }
.b2m-cart-card.visible .b2m-cart-card-content { transition: right 0.5s; right: 0; }
.b2m-cart-card .b2m-cc-header { padding: 25px; }
.b2m-cart-card .title { font-weight: 500; color: #333; font-size: 1.0rem; margin: 0; }
.b2m-cart-card .b2m-close-cart { position: absolute; top: 20px; right: 25px; cursor: pointer; user-select: none; }
.b2m-cart-card .b2m-cc-body { min-height: 200px; padding: 15px; overflow: auto; }
.b2m-cart-card .b2m-cc-body .bcb-items { padding: 0; }
.b2m-cart-card .b2m-cc-body .bcb-item { display: grid; grid-template-columns: 65px 1fr 24px; gap: 15px; margin: 0 0 25px; padding: 0 15px 25px; border-bottom: 1px solid #0004; }
.b2m-cart-card .b2m-cc-body .bcb-item-block:nth-child(1) { display: flex; align-items: center; }
.b2m-cart-card .b2m-cc-body .bcb-item-block:nth-child(3) { display: flex; align-items: center; }
.b2m-cart-card .b2m-cc-body .bcb-item-block:nth-child(3) span { transition: all 0.5s; color: #666; cursor: pointer; user-select: none; font-size: 1.2rem; }
.b2m-cart-card .b2m-cc-body .bcb-item-block:nth-child(3) span:hover { transition: all 0.5s; color: #000; }
.b2m-cart-card .b2m-cc-body .product-title { color: #333; font-size: 0.9rem; font-weight: 600; line-height: 120%; margin: 0 0 5px; }
.b2m-cart-card .b2m-cc-body .product-price { color: #555; font-size: 0.8rem; font-weight: 400; line-height: 120%; margin: 0 0 5px; }
.b2m-cart-card .b2m-cc-body .product-reference { color: #555; font-size: 0.8rem; font-weight: 400; line-height: 120%; margin: 0 0 5px; }
.b2m-cart-card .b2m-cc-body .product-uds   { color: #555; font-size: 0.8rem; font-weight: 400; line-height: 120%; margin: 0; }
.b2m-cart-card .b2m-cc-footer { width: 100%; padding: 50px 25px; }
.b2m-cart-card .bcf-block span { color: #333; }
.b2m-cart-card .bcf-block:nth-child(1) { display: grid; grid-template-columns: 1fr 100px; gap: 10px; margin: 0 0 5px; }
.b2m-cart-card .bcf-block:nth-child(1) > *:nth-child(2) { text-align: right; }
.b2m-cart-card .bcf-block:nth-child(2) { display: grid; grid-template-columns: 1fr 100px; gap: 10px; margin: 0 0 5px; }
.b2m-cart-card .bcf-block:nth-child(2) > *:nth-child(1) { display: flex; align-items: flex-end; padding-bottom: 10px; flex-direction: row; flex-wrap: wrap; }
.b2m-cart-card .bcf-block:nth-child(2) > *:nth-child(2) { text-align: right; }
.b2m-cart-card .bcf-block:nth-child(3) > a { width: 100%; text-align: center; }
.b2m-cart-card .cart-total { font-size: 2.0rem; }
.b2m-cart-card .taxes { display: inline-block; }

#ronin_header.modal .items .item:nth-child(1) { display: none; }
#ronin_header.modal .items .item:nth-child(3) { flex-wrap: wrap; flex-direction: row; max-width: 300px; margin: 0 auto; }
#ronin_header.modal .items .item:nth-child(3) > * { flex-basis: 100%; }
#ronin_header.modal .items .item:nth-child(4) { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; max-width: 300px; width: 100%; margin: 0 auto; }
#ronin_header.modal .items .item:nth-child(5) { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; max-width: 300px; width: 100%; margin: 0 auto; }
#ronin_header.modal .items .item:nth-child(6) { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; max-width: 300px; width: 100%; margin: 0 auto; }
#ronin_header.modal .items .item:nth-child(7) { flex-wrap: wrap; flex-direction: row; justify-content: flex-start; max-width: 300px; width: 100%; margin: 0 auto; }
#ronin_header.modal .b2m-search-bar { margin: 25px auto; }
#ronin_header.modal .b2m-user-card { max-width: 100%; }

.user-profile-top .ronin-content {display: grid; grid-template-columns: 100px 1fr; gap: 25px; }
.user-profile-top .ronin-block:nth-child(1) .image { background-color: #fff; width: 100%; max-width: 100px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; }
.user-profile-top .ronin-block:nth-child(1) .image .profile-image { font-size: 5.0rem; color: #0008; }
.user-profile-top .ronin-block:nth-child(1) .image .profile-edit { font-size: 1.0rem; color: #fff; background-color: #000; display: block; position: absolute; bottom: -10px; right: -10px; border-radius: 50%; padding: 5px; cursor: pointer; user-select: none; transition: all 0.5s; }
.user-profile-top .ronin-block:nth-child(1) .image .profile-edit:hover { background-color: #000A; transition: all 0.5s; }

#b2m_notifications { width: 400px; position: fixed; top: 12px; right: 12px; z-index: 90; }

.b2m-notification { transition: top 0.5s linear, opacity 0.2s, max-height 0.5s ease, padding 0.5s ease, margin 0.5s ease; opacity: 0; margin: 0; top: -10px; max-height: 0; overflow: auto; background-color: #444E; padding: 0 30px 0 20px; border-left: 5px solid #0008; border-radius: var(--border-radius); }
.b2m-notification.visible { transition: top 0.5s, opacity 0.8s; opacity: 1; top: 0; max-height: 400px; padding: 15px 30px 15px 20px; margin: 0 0 10px; }
.b2m-notification .b2m-close-notification { color: #fff; position: absolute; top: 10px; right: 5px; cursor: pointer; user-select: none; }
.b2m-notification .b2m-close-notification > span[class^='material-'] { color: #fff; }
.b2m-notification .b2m-notification-content p { font-size: 0.8rem; color: #fff; }
.b2m-notification .b2m-notification-content p:not(:last-child) { margin: 0 0 5px; }

.b2m-notification.default { background-color: #404040EE; }
.b2m-notification.success { background-color: #3c763d; }
.b2m-notification.info    { background-color: #31708f; }
.b2m-notification.warning { background-color: #8a6d3b; }
.b2m-notification.danger  { background-color: #a94442; }

.b2m-pagination-nav { display: grid; gap: 25px; grid-template-columns: 220px 1fr; }

.b2m-items-shown p { margin: 0; font-size: 0.9rem; color: #0008; }

.b2m-pagination ul.page-items { list-style-type: none; display: inline-flex; margin: 0; gap: 0; flex-direction: row; flex-wrap: nowrap; }
.b2m-pagination li.page-item { border: 1px solid #0004; }
.b2m-pagination li.page-item:not(:first-child) { border-left: none; }
.b2m-pagination li.page-item:first-child { border-radius: var(--border-radius) 0 0 var(--border-radius); }
.b2m-pagination li.page-item:last-child { border-radius: 0 var(--border-radius) var(--border-radius) 0; }
.b2m-pagination li.page-item a { text-decoration: none; user-select: none; font-size: 0.9rem; padding: 8px 12px; display: block; color: var(--color-05); min-width: 36px; text-align: center; }
.b2m-pagination li.page-item.active { background-color: var(--color-05); color: #fff; border-color: var(--color-05); margin-left: -1px; }
.b2m-pagination li.page-item.active a { color: #fff; }
.b2m-pagination li.page-item.disabled a { color: #0004; cursor: not-allowed; }

.b2m-order-by-label { text-align: right; font-size: 0.9rem; color: #777; margin: 0 0 5px; }
.b2m-order-by { cursor: pointer; }
.b2m-products-grid { display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.product-category-grid .b2m-card-header { display: grid; gap: 25px; grid-template-columns: 1fr 200px; }

.b2m-product-mini .pm-image-link { display: block; aspect-ratio: 1.2; overflow: hidden; margin: 0 0 10px }
.b2m-product-mini .pm-image-container img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all 0.5s; }
.b2m-product-mini .pm-image-link:hover img { transition: all 0.5s; transform: scale(1.1); }
.b2m-product-mini .pm-title { font-size: 1.0rem; font-weight: 500; color: #000; }
.b2m-product-mini .pm-description { font-size: 0.9rem; font-weight: 4500; color: #0008; }

.b2m-flags { position: absolute; list-style-type: none; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; }
.b2m-flags.top-left { top: 5px; left: 5px; }
.b2m-flags.bottom-left { bottom: 5px; left: 5px; }
.b2m-flags.top-right { top: 5px; right: 5px; }
.b2m-flags .flag { flex: 0 0 auto; border-radius: 200px; font-size: 0.7rem; padding: 1px 8px; }
.b2m-flags .flag.red { background-color: red; color: #fff; }
.b2m-flags .flag.blue { background-color: blue; color: #fff; }
.b2m-flags .flag.icon { padding: 0; }
.b2m-flags .flag.icon > span { color: orange; }

.b2m-filters { padding: 25px 0 25px 25px; }
.b2m-filters .filters-action { display: none; margin: 0 0 15px; padding: 0 0 25px; border-bottom: 1px solid #ccc; }
.b2m-filters .filters-action.visible { display: block; }
.b2m-filters .filters-group-search { margin: 15px 0 5px; }
.b2m-filters .filters-group { padding: 15px; }
.b2m-filters .filters-group .toggle { cursor: pointer; user-select: none; }
.b2m-filters .filters-group .icono { transition: all 0.5s; position: absolute; top: -4px; right: -4px; cursor: pointer; user-select: none; z-index: 10; color: var(--color-05); }
.b2m-filters .filters-group.visible .icono { transition: all 0.5s; transform: rotate(180deg); }
.b2m-filters .filters-group .filters-group-content { transition: all 0.5s; max-height: 0; overflow: hidden; }
.b2m-filters .filters-group.visible .filters-group-content { transition: all 0.5s; max-height: 1000px; padding: 2px; }
.b2m-filters .filters-group-title  { color: var(--color-05); font-weight: 600; font-size: 0.9rem; text-transform: uppercase; }
.b2m-filters .filters-group ul { transition: all 0.5s; list-style-type: none; margin: 0; padding: 10px; }
.b2m-filters .filters-group ul li { margin: 0 0 5px; }
.b2m-filters .filters-group ul li input { display: none; }
.b2m-filters .filters-group ul li label { color: #999; font-size: 0.9rem; padding-left: 25px; display: inline-block; cursor: pointer; user-select: none; }
.b2m-filters .filters-group ul li label::before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 2px solid #999; }
.b2m-filters .filters-group ul li label::after { display: none; content: ''; position: absolute; top: 2px; left: 5px; width: 3px; height: 5px; border: 2px solid #0006; border-color: transparent #999 #999 transparent; transform: rotate(45deg); }
.b2m-filters .filters-group ul li input:checked + label::before { border-color: var(--color-05); background-color: var(--color-06); }
.b2m-filters .filters-group ul li input:checked + label::after { display: block; border-color: transparent #fff #fff transparent; }

.quick-order-01 { padding-bottom: 0!important; }
.quick-order-01 .b2m-card-title { text-transform: uppercase; font-weight: 700; }
.quick-order-01 .b2m-card-header.b2mch-2col { padding-top: 5px; padding-bottom: 5px; }
.quick-order-01 .b2m-card-header.b2mch-2col .b2m-card-header-block:nth-child(1) { display: flex; align-items: center; }

.quick-order-02 { padding-top: 5px!important; }
.quick-order-02 .ronin-content { gap: 5px!important; }
.quick-order-02 .b2m-card { min-height: 100%; }
.quick-order-02 .b2m-card .b2m-card-header { padding: 15px 25px 5px; }

.quick-order-03 .b2m-card-body { display: grid; gap: 25px; grid-template-columns: 24% 1fr 100px; }
.quick-order-03 .card-block.product-to-add { display: flex; align-items: flex-end; }
.quick-order-03 .product-to-add-search { display: grid; gap: 10px; grid-template-columns: 1fr; }
.quick-order-03 .card-block.actions-block { display: flex; align-items: flex-end; }
.quick-order-03 .actions-container { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; width: 100%; max-width: 100px; margin: 0 0 0 auto; }
.quick-order-03 .actions-container *[class*='b2m-button'] { padding-left: 5px; padding-right: 5px; grid-column: span 2; text-align: center; }
.quick-order-03 .product-to-add-info { display: grid; gap: 10px; grid-template-columns: 90px 1fr; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ddd; }
.quick-order-03 .ptai-block:nth-child(2) { display: flex; align-items: flex-end; }
.quick-order-03 .ptai-block .item-image { aspect-ratio: 1.4; background-color: #ddd; }
.quick-order-03 .ptai-block .item-title { font-weight: 500; }
.quick-order-03 .ptai-block .item-description { font-weight: 400; color: #888; }
.quick-order-03 .product-to-add-variants { overflow: auto; }
.quick-order-03 .ptav-content { display: flex; gap: 8px; flex-direction: row; flex-wrap: nowrap; }
.quick-order-03 .ptav-content .label { display: block; font-size: 0.9rem; font-weight: 600; text-align: center; margin: 0 0 5px; }
.quick-order-03 .ptav-block:first-child { flex: 0 0 auto; }
.quick-order-03 .ptav-block:first-child .label { text-align: left; }
.quick-order-03 .ptav-block { flex: 0 0 40px; padding: 2px; }
.quick-order-03 .ptav-block input { text-align: center; font-size: 0.9rem; }

.quick-order-04 .b2m-card-body { overflow: hidden; }
.quick-order-04 .qo-summary-container { overflow: auto; }
.quick-order-04 .qo-summary .qos-row { display: grid; gap: 10px; grid-template-columns: 80px 90px 200px 1fr 80px 80px 90px; padding: 10px; }
.quick-order-04 .qo-summary .qos-cell { font-size: 0.9rem; }
.quick-order-04 .qo-summary .qos-row .qos-cell:nth-child(5) { text-align: right!important; }
.quick-order-04 .qo-summary .qos-row .qos-cell:nth-child(6) { text-align: right!important; }
.quick-order-04 .qo-summary .qos-row .qos-cell:nth-child(7) { padding: 0 10px; }
.quick-order-04 .qo-summary .qos-row .qos-cell:nth-child(7) span[class^='material'] { font-size: 1.3rem; }
.quick-order-04 .qo-summary .qos-row .qos-cell:nth-child(7) span.remove[class^='material'] { color: red; }
.quick-order-04 .qo-summary .qos-row.qos-head { background-color: #0002; }
.quick-order-04 .qo-summary .qos-row.qos-head .qos-cell { font-weight: 500; text-align: center; }
.quick-order-04 .qo-summary .item-image { background-color: #ddd; aspect-ratio: 1.5; }
.quick-order-04 .qo-summary .actions-container { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; top: -5px; }
.quick-order-04 .qosv-container { overflow: auto; }
.quick-order-04 .qosv-content { display: flex; gap: 10px; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; }
.quick-order-04 .qosv-content .qosv-block { flex: 0 0 30px; }
.quick-order-04 .qosv-content .label { display: block; font-size: 0.9rem; font-weight: 600; text-align: center; margin: 0 0 5px; }
.quick-order-04 .qosv-content .value { display: block; font-size: 0.9rem; font-weight: 400; text-align: center; margin: 0 0 5px; color: #444; }

.quick-order-05 .ronin-content { max-width: 500px; margin: 0 0 0 auto; }
.quick-order-05 table tr td:nth-child(2) { font-weight: 600; text-align: right; }

.b2mch-2col { display: grid; gap: 25px; grid-template-columns: 1fr 2fr; padding-top: 5px; padding-bottom: 5px; }
.b2mch-2col .icons-items { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }

.icon-item { flex: 0 0 40px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background-color: #ddd; border-radius: 50%; transition: all 0.5s; }
.icon-item.end { flex: 0 0 auto; aspect-ratio: initial; background-color: transparent; border-radius: 0; }
.icon-item > span { transition: all 0.5s; color: var(--color-06); opacity: 1; cursor: pointer; font-size: 1.8rem; }
.icon-item > span.cancel { color: red; }
.icon-item:hover { background-color: #ddd; border-radius: 50%; transition: all 0.5s; }
.icon-item.end:hover { background-color: transparent; }
.icon-item:hover > span { transition: all 0.5s; color: #000; }

.qo-cliente .qo-cliente-search { margin: 0 0 15px; }
.qo-cliente .b2m-card-description p strong { font-weight: 600; }
.qo-info .b2m-card-body { display: grid; gap: 15px; grid-template-columns: 1fr 1fr; }
.qo-info .b2m-card-body > .b2m-card-block:last-child { grid-column: span 2; }

.ch-icon { display: grid; gap: 10px; grid-template-columns: 1fr 24px; }
.ch-icon .header-icon-item { display: flex; justify-content: center; align-items: flex-start; aspect-ratio: 1; top: -5px; }
.ch-icon .header-icon-item > span { cursor: pointer; user-select: none; transition: all 0.5s; color: var(--color-06); }
.ch-icon .header-icon-item > span:hover { transition: all 0.5s; color: #000; }

.b2m-dot-list { list-style-type: none; margin: 0; padding: 5px 0; }
.b2m-dot-list::before { content: ''; position: absolute; top: 0; left: 10px; width: 4px; height: 100%; background-color: #e8e8e8; border-radius: 100px; }
.b2m-dot-list > li { padding: 3px 0 0 30px; margin: 20px 0; }
.b2m-dot-list > li::before { box-sizing: border-box; content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 50%; background-color:  #fff; }
.b2m-dot-list > li::after  { box-sizing: border-box; content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; border: 3px solid #e8e8e8; }
.b2m-dot-list > li.dl-color-01::after  { border-color: #d92550; }
.b2m-dot-list > li.dl-color-02::after  { border-color: #f7b924; }
.b2m-dot-list > li.dl-color-03::after  { border-color: #3ac47d;; }
.b2m-dot-list > li.dl-color-04::after  { border-color: #3f6ad8; }
.b2m-dot-list > li.dl-color-05::after  { border-color: #16aaff;; }
.b2m-dot-list > li.dl-color-06::after  { border-color: #343a40; }
.b2m-dot-list > li { font-size: 0.9rem; color: #444; }
.b2m-dot-list .dl-title  { font-weight: 500; color: #000; font-size: 0.9rem; margin: 0 0 5px; }
.b2m-dot-list .dl-description  { font-weight: 400; color: #888; font-size: 0.9rem; margin: 0 0 5px; }

.b2m-banner { border-radius: var(--border-radius); overflow: hidden; }
.b2m-banner .b2m-banner-link { display: block; height: 100%; text-decoration: none; }
.b2m-banner .b2m-banner-link:hover .b2m-banner-image { transition: all 0.5s; transform: scale(1.1); }
.b2m-banner .b2m-banner-image { transition: all 0.5s; display: block; aspect-ratio: 1.4; background-color: #ccc; background-image: url('../../images/product-default.png'); }
.b2m-banner .b2m-banner-image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30%; background-image: linear-gradient(180deg, #0008 0%, transparent 100%); }
.b2m-banner .b2m-banner-title { z-index: 5; padding: 15px 25px; color: #fff; font-size: 1.1rem; font-weight: 500; position: absolute; top: 0; left: 0; width: 100%; }

.home-banners .ronin-content { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; }
.home-banners .ronin-content > .ronin-block:nth-child(1) { grid-column: span 2; aspect-ratio: 1.5; }
.home-banners .ronin-content > .ronin-block:nth-child(2) { grid-column: span 2; aspect-ratio: 1.5; }
.home-banners .ronin-content > .ronin-block:nth-child(3) { grid-column: span 2; aspect-ratio: 1.5; }
.home-banners .ronin-content > .ronin-block:nth-child(4) { grid-column: span 3; aspect-ratio: 1.8; }
.home-banners .ronin-content > .ronin-block:nth-child(5) { grid-column: span 3; aspect-ratio: 1.8; }
.home-banners .ronin-content > .ronin-block:nth-child(1) .b2m-banner-image { background-image: url('../../images/example-01.webp'); }
.home-banners .ronin-content > .ronin-block:nth-child(2) .b2m-banner-image { background-image: url('../../images/example-02.webp'); }
.home-banners .ronin-content > .ronin-block:nth-child(3) .b2m-banner-image { background-image: url('../../images/example-03.webp'); }
.home-banners .ronin-content > .ronin-block:nth-child(4) .b2m-banner-image { background-image: url('../../images/example-04.webp'); }
.home-banners .ronin-content > .ronin-block:nth-child(5) .b2m-banner-image { background-image: url('../../images/example-05.webp'); }
.home-banners .b2m-banner { height: 100%; }
.home-banners .b2m-banner .b2m-banner-image { aspect-ratio: initial; height: 100%; }

.rs-product-01 .b2m-card-header { padding: 15px!important; }
.rs-product-01 .b2m-card-title { text-transform: uppercase; font-weight: 600; font-size: 1.2rem; }
.rs-product-01 .b2m-card-title span.reference { display: block; font-weight: 500; font-size: 1.0rem; color: #aaa; text-transform: none; }
.rs-product-01 .b2m-card-header.b2mch-2col { padding-top: 5px; padding-bottom: 5px; grid-template-columns: 1fr 230px; }
.rs-product-01 .b2m-card-header.b2mch-2col .b2m-card-header-block:nth-child(1) { display: flex; align-items: center; }

.rs-product-02 .b2m-card-header { padding: 15px!important; }
.rs-product-02 .b2m-card-title { font-weight: 500; font-size: 1.1rem; }
.rs-product-02 .b2m-card-header.b2mch-2col { padding-top: 5px; padding-bottom: 5px; }
.rs-product-02 .b2mch-2col { grid-template-columns: 1fr auto; }
.rs-product-02 .b2m-card-header.b2mch-2col .b2m-card-header-block:nth-child(1) { display: flex; align-items: center; }
.rs-product-02 .b2m-product-variants { border-radius: var(--border-radius); overflow: hidden; }
.rs-product-02 .b2m-product-variant { overflow: hidden; }
.rs-product-02 .b2m-product-variant-header { background-color: #eee; border-bottom: 1px solid #0004; padding: 15px  35px  15px 15px; cursor: pointer; user-select: none; }
.rs-product-02 .b2m-product-variant-header .icono { transition: all 0.5s; color: var(--color-05); position: absolute; top: 15px; right: 15px; cursor: pointer; user-select: none; }
.rs-product-02 .b2m-product-variant.visible .b2m-product-variant-header .icono { transition: all 0.5s; transform: rotate(180deg); }
.rs-product-02 .variant-header-title { color: var(--color-05); font-weight: 500; }
.rs-product-02 .b2m-product-variant-content { overflow: hidden; transition: all 0.5s; opacity: 0; max-height: 0; padding: 0 15px; display: grid; gap: 25px; grid-template-columns: 220px 1fr 100px; align-items: flex-end; }
.rs-product-02 .b2m-product-variant.visible .b2m-product-variant-content { overflow: hidden; transition: all 0.5s; opacity: 1; max-height: 1000px; padding: 15px; }
.rs-product-02 .pm-image-container { font-size: 0; margin: 0 0 10px; max-width: 225px; }
.rs-product-02 .pvc-content { display: flex; gap: 10px; flex-direction: row; flex-wrap: nowrap; overflow: auto; }
.rs-product-02 .pvc-content > * { flex: 0 0 40px; display: grid; grid-template-rows: 40px 120px 40px; }
.rs-product-02 .pvc-content > *:first-child { flex: 0 0 80px; }
.rs-product-02 .pvc-content .variant-title { display: flex; align-items: center; justify-content: flex-start; }
.rs-product-02 .pvc-content .variant-value { display: flex; align-items: center; justify-content: center; }
.rs-product-02 .pvcq-block { display: grid; grid-template-rows: 40px 40px 40px; }
.rs-product-02 .pvcq-block .pvcq-item { display: flex; align-items: center; justify-content: center; }
.rs-product-02 .pvcq-block .pvcq-item:first-child { border: 1px solid #888; border-radius: var(--border-radius) var(--border-radius) 0 0; }
.rs-product-02 .pvcq-block .pvcq-item:last-child { border: 1px solid #888; border-radius: 0 0 var(--border-radius) var(--border-radius); }
.rs-product-02 .pvcq-block .pvcq-item input { border-radius: 0; height: 100%; text-align: center; }
.rs-product-02 .pvcq-block .pvcq-item span[class*='material'] { transition: all 0.5s; cursor: pointer; user-select: none; display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.rs-product-02 .pvcq-block .pvcq-item span[class*='material']:hover { transition: all 0.5s; background-color: #ccc; }
.rs-product-02 .actions-container { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; width: 100%; margin: 0 0 15px auto; max-width: 100px; }
.rs-product-02 .actions-container *[class*='b2m-button'] { padding-left: 5px; padding-right: 5px; grid-column: span 2; text-align: center; }
.rs-product-02 .pm-image-info { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; width: 100%; margin-bottom: 15px; max-width: 225px; }
.rs-product-02 .label { display: block; font-size: 0.8rem; font-weight: 600; }
.rs-product-02 .value { display: block; font-size: 0.8rem; font-weight: 400; }

.rs-product2-02 .b2mch-2col { grid-template-columns: 1fr auto; }
.rs-product2-02 .b2m-card-header.b2mch-2col { padding-top: 15px; padding-bottom: 10px; }
.rs-product2-02 .b2m-card-body { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding-bottom: 50px; }
.rs-product2-02 .b2m-images-container { display: grid; grid-template-columns: 1fr; gap: 15px; }
.rs-product2-02 .b2m-images-items { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; overflow: hidden; }
.rs-product2-02 .b2m-images-item { line-height: 0; flex: 0 0 calc((100% - (15px * 5)) / 6); }
.rs-product2-02 .b2m-images-item.active:before { z-index: 5; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--color-08); border-radius: 100px; }
.rs-product2-02 .b2m-images-item.active img { height: calc(100% - 7px); width: 100%; object-fit: cover; object-position: center center; }
.rs-product2-02 .b2m-variantes-items { display: flex; gap: 0; flex-direction: row; flex-wrap: wrap; margin: 15px 0; }
.rs-product2-02 .b2m-variantes-item { flex: 0 0 150px; max-width: 150px; min-width: 150px; padding: 0 10px 10px 0; display: grid; grid-template-columns: 16px 1fr; gap: 10px; align-items: flex-start; }
.rs-product2-02 .b2m-variantes-item input { top: 3px }
.rs-product2-02 .b2m-variantes-item label { transition: all 0.5s; color: #555; cursor: pointer; user-select: none; }
.rs-product2-02 .b2m-variantes-item label:hover { transition: all 0.5s; color: #000; }
.rs-product2-02 .b2m-tallas { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 25px 15px; margin: 10px 0 15px; }
.rs-product2-02 .b2m-talla { border: 1px solid #ddd; border-radius: 4px; flex: 0 0 clamp(110px, 18dvw, 140px); }
.rs-product2-02 .item-variant > * { width: 100%; }
.rs-product2-02 .actions-group li:first-child { border-left: none; }
.rs-product2-02 .actions-group li:last-child { border-right: none; }
.rs-product2-02 .item-variant .actions-group li { flex: 0 0 33.333333%; border-top:none; border-radius: 0; }
.rs-product2-02 .item-variant .actions-group li a { width: 100%; display: flex; justify-content: center; padding: 0; opacity: 1; }
.rs-product2-02 .item-variant .actions-group li input { width: 100%; font-size: 0.8rem; font-weight: 600; padding: 10px 0; }
.rs-product2-02 .item-variant .actions-group li span[class*='material'] { transition: 0.5s; font-size: 1.2rem; color: var(--color-08); background-color: #eee; width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 4px; display: grid; place-items: center; }
.rs-product2-02 .item-variant .actions-group li a:hover span[class*='material'] { transition: 0.5s; background-color: #ccc; }
.rs-product2-02 .iv-title { border-bottom: 1px solid #ddd; padding: 5px; text-align: center; color: #555; margin: 0; }
.rs-product2-02 .iv-title-talla { font-weight: 500; font-size: 0.8rem; color: var(--color-08); }
.rs-product2-02 .item-variant-stock { padding: 5px; display: flex; align-items: center; min-height: 38px; padding: 3px 5px; }
.rs-product2-02 .item-variant-stock-content > span { display: block; color: var(--color-06); line-height: 120%; font-size: 0.7rem; font-weight: 400; }
.rs-product2-02 .item-variant-stock-content > span.ivs-line { display: block; transform: scaleX(0.9); transform-origin: left; }
.rs-product2-02 .item-variant-stock-content > span.ivs-line span:nth-child(2) { font-weight: 700; }
.rs-product2-02 .b2m-images-main > img { width: 100%; }
.rs-product2-02 .b2m-info .item-title { font-size: 2.0rem; color: #333; font-weight: 700; margin: 0 0 5px; line-height: 120%; }
.rs-product2-02 .b2m-info .item-price { font-size: 2.0rem; color: #333; font-weight: 700; }
.rs-product2-02 .b2m-actions .icons-items { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }
.rs-product2-02 .b2m-actions .icons-items .icon-item { flex: 0 0 50px; }
.rs-product2-02 .b2m-actions .icons-items .button { flex: 0 0 auto; aspect-ratio: initial; background-color: transparent; border-radius: 0; }
.rs-product2-02 .b2m-total-uds { margin: 15px 0; }
.rs-product2-02 .b2m-total-uds p { color: #888; font-size: 0.9rem; text-align: left; }
.rs-product2-02 .b2m-total-uds  .total { font-size: 2.0rem; color: #333; font-weight: 700; vertical-align: middle; display: inline-block; margin: 0 0 0 5px; }

.b2mch-2col .ch-options { display: flex; gap: 10px; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }
.b2mch-2col .ch-option input { display: none; }
.b2mch-2col .ch-option label { color: #444; font-size: 0.9rem; padding-left: 25px; display: inline-block; cursor: pointer; user-select: none; font-weight: 400; }
.b2mch-2col .ch-option label::before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 2px solid #999; }
.b2mch-2col .ch-option label::after { display: none; content: ''; position: absolute; top: 2px; left: 5px; width: 3px; height: 5px; border: 2px solid #0006; border-color: transparent #999 #999 transparent; transform: rotate(45deg); }
.b2mch-2col .ch-option input:checked + label::before { border-color: var(--color-05); background-color: var(--color-06); }
.b2mch-2col .ch-option input:checked + label::after { display: block; border-color: transparent #fff #fff transparent; }

.sortable { padding-right: 30px; }
.sortable .ordering { position: absolute; cursor: pointer; user-select: none; top: 5px; right: 5px; width: 20px; height: 30px; display: flex; justify-content: center; align-items: center; }
.sortable .ordering > span { font-size: 1.0rem; display: inline-block; margin: 0 -5px; opacity: 0.4; }
.sortable .ordering > span.down { transform: rotate(180deg); }
.sortable.asc .ordering > span.up { opacity: 1; }
.sortable.desc .ordering > span.down { opacity: 1; }

.ronin-select-txt, .ronin-select-txt { opacity: 0; }
div.ronin-div-selector { margin-bottom: 15px; background-color: #f5f5f5; }
div.ronin-div-selector .contenedor { cursor: pointer; color: #444; text-transform: uppercase; font-weight: 500; font-size: 0.9rem; padding: 8px 32px 8px 10px; border-radius: var(--border-radius); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #ddd; z-index: 18; }
div.ronin-div-selector .contenedor.activo { z-index: 88; }
div.ronin-div-selector .contenedor::before { content: ''; display: block; position: absolute; top: 0; right: 30px; height: 100%; width: 1px; background-color: #0004; z-index: 10; }
div.ronin-div-selector .contenedor::after { content: ''; display: block; position: absolute; top: calc(50% - 8px); right: 10px; height: 9px; width: 9px; border-right: 2px solid #444; border-bottom: 2px solid #444; z-index: 10; }
div.ronin-div-selector .contenedor::after { -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); }
div.ronin-div-selector .desplegable { opacity: 0; max-height: 0; transition: all 0.3s; border: 1px solid #ddd; z-index: 17; background-color: #fff; border-top: none; position: absolute; top: 38px; left: 0; width: 100%; overflow: hidden; }
div.ronin-div-selector .desplegable.visible { z-index: 77; opacity: 1; max-height: 400px; transition: max-height 0.3s ease, opacity 0.1s ease; overflow-y: auto; overflow-x: hidden; }
div.ronin-div-selector .desplegable.visible.top { top: initial; bottom: 38px; border: 1px solid #ddd; border-bottom: none;}
div.ronin-div-selector .desplegable ul { margin: 0; list-style-type: none; }
div.ronin-div-selector .desplegable ul li { padding: 0 10px; cursor: pointer; opacity: 1; height: 40px; overflow: hidden; line-height: 40px; transition: all 0.3s; }
div.ronin-div-selector .desplegable ul li.inactive { transition: all 0.3s; opacity: 0.5; height: 0!important; }
div.ronin-div-selector .desplegable ul li:hover { background-color: #eee; }
div.ronin-div-selector .desplegable ul li.current { background-color: var(--color-05); color: #fff; }
div.ronin-div-selector .desplegable .buscador { position: sticky; top: 0; left: 0; padding: 5px; width: 100%; z-index: 15; background-color: #fff; }
div.ronin-div-selector .desplegable .buscador input { padding: 5px 10px; }

.actions-group { list-style-type: none; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; width: fit-content; }
.actions-group li { border-style: solid; border-width: 1px 0 1px 1px; border-color: #ccc; flex: 0 0 38px; }
.actions-group li:first-child { border-radius: 4px 0 0 4px; }
.actions-group li:last-child { border-width: 1px; border-radius: 0 4px 4px 0; }
.actions-group li a { transition: all 0.5s; opacity: 0.5; padding: 10px; width: 38px; display: block; display: flex; align-items: center; text-decoration: none; height: 100%; }
.actions-group li a:hover { transition: all 0.5s; opacity: 1; }
.actions-group li span[class*='material'] { font-size: 1.2rem; }
.actions-group li input { width: 100%; max-width: 38px; padding: 8px 3px; text-align: center; border: none; }

.b2m-card-body.b2m-table-container { overflow: hidden; padding: 0; margin: 25px; overflow: auto; }

.b2m-order-detail-view { display: grid; grid-template-columns: 1fr 400px; }

.b2m-order-detail-main { height: auto; }
.b2m-order-detail-main .items { display: grid; grid-template-columns: 1fr; gap: 25px; }
.b2m-order-detail-main .item { border: 1px solid #ccc; border-radius: 5px; padding: 25px; }
.b2m-order-detail-main .item-top { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.b2m-order-detail-main .item-title { color: #333; font-weight: 700; margin: 5px 0 10px; }
.b2m-order-detail-main .item-price { color: #333; font-weight: 700; font-size: 1.4rem; }
.b2m-order-detail-main .it-block:nth-child(1) { display: grid; grid-template-columns: 70px 1fr; gap: 10px; }
.b2m-order-detail-main .it-block:nth-child(2) .it-block-actions { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; margin: 0 0 5px; }
.b2m-order-detail-main .it-block-total p { color: #888; font-size: 0.9rem; text-align: right; }
.b2m-order-detail-main .it-block-total .total { font-size: 2.0rem; color: #333; font-weight: 700; vertical-align: middle; display: inline-block; margin: 0 0 0 5px; }
.b2m-order-detail-main .item-variants { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 25px 15px; margin: 10px 0 15px; }
.b2m-order-detail-main .item-variant { flex: 0 0 auto; display: inline-block; }
.b2m-order-detail-main .item-variant .actions-group li { flex: 0 0 24px; }
.b2m-order-detail-main .item-variant .actions-group li a { max-width: 24px; padding: 5px; }
.b2m-order-detail-main .item-variant .actions-group li input { max-width: 24px; font-size: 0.7rem; font-weight: 600; padding: 3px 0; }
.b2m-order-detail-main .item-variant .actions-group li span[class*='material'] { font-size: 0.9rem; }
.b2m-order-detail-main .iv-title { border: 1px solid #ccc; border-radius: 4px; padding: 3px 15px; text-align: center; color: #555; font-size: 0.9rem; margin: 0 0 5px; }
.b2m-order-detail-main .iv-title-talla { max-width: 72px; }
.b2m-order-detail-main .item-comment { margin: 10px 0 0; }
.b2m-order-detail-main .item-comment-top { display: grid; grid-template-columns: 1fr 24px; gap: 10px; margin: 0 0 10px; }
.b2m-order-detail-main .item-comment-top .itt-title { color: #888; font-size: 0.9rem; }
.b2m-order-detail-main .item-comment-top span[class*='material'] { font-size: 1.2rem; vertical-align: sub; cursor: pointer; user-select: none; color: #333; }

.b2m-order-detail-summary { background-color: #fff; padding: 25px 0; top: 0; }
.b2m-order-detail-summary .ronin-content { max-width: 400px; margin: 0 0 0 auto; }
/* .b2m-order-detail-summary { background-color: #fff; overflow: auto; padding: 25px 0; height: calc(100vh - var(--header-height)); position: sticky; top: var(--header-height); } */
.b2m-order-detail-summary .title { font-size: 1.0rem; color: #333; font-weight: 600; }
.b2m-order-detail-summary .ronin-block { border-bottom: 1px solid #0004; padding: 20px 0; }
.b2m-order-detail-summary .ronin-block:first-of-type { padding-top: 10px; }
.b2m-order-detail-summary .ronin-block:last-of-type { margin-bottom: 20px; }
.b2m-order-detail-summary .rb-line { display: grid; grid-template-columns: 1fr 110px; gap: 10px; margin: 0 0 5px; }
.b2m-order-detail-summary .rb-line > * { color: #333; font-size: 0.9rem; }
.b2m-order-detail-summary .rb-line > *:nth-child(2) { text-align: right; font-weight: 700; }
.b2m-order-detail-summary .rb-line.total > *:nth-child(1) { font-weight: 700; margin-top: 5px; }
.b2m-order-detail-summary .rb-line.total > *:nth-child(2) { color: var(--color-05); font-size: 1.2rem; }
.b2m-order-detail-summary .rb-line span[class*='material'] { font-size: 1.2rem; vertical-align: sub; cursor: pointer; user-select: none; }
.b2m-order-detail-summary .comment-block { margin: 15px 0; }
.b2m-order-detail-summary .rb-comment textarea { font-size: 0.9rem; height: 130px; }
.b2m-order-detail-summary .button > a { width: 100%; text-align: center; }

.b2m-my-orders-filters .ronin-div-selector { margin: 0; }
.b2m-my-orders-filters .b2m-card-body { min-height: initial; display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 20px; }
.b2m-my-orders-filters .b2m-block:nth-child(3) input { background-color: #f5f5f5; border-color: #ddd; padding: 7px 60px 7px 12px; }
.b2m-my-orders-filters .b2m-block:nth-child(3) input::placeholder { text-transform: uppercase; color: #444; font-size: 0.9rem; font-weight: 500; }
.b2m-my-orders-filters .b2m-block:nth-child(3) *[class*='material'] { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 100%; }

.b2m-my-orders-item { display: grid; grid-template-columns: 1fr 400px; }

.b2m-my-orders-main { padding: 12.5px 0 25px!important; }
.b2m-my-orders-main .b2m-card-header { display: grid; grid-template-columns: auto auto 1fr auto auto; gap: 15px; }
.b2m-my-orders-main .b2m-card-header > .b2m-block > span { display: block; color: var(--color-06); font-weight: 500; }
.b2m-my-orders-main .b2m-card-header > .b2m-block > span:nth-child(1) { font-weight: 700; margin: 0 0 10px; }
.b2m-my-orders-main .b2m-card-body { background-color: #f8f8f8; }
.b2m-my-orders-main .item:not(:last-child) { border-bottom: 1px solid #0004; padding: 0 0 15px; margin: 0 0 15px; }
.b2m-my-orders-main .it-block:nth-child(1) { display: grid; grid-template-columns: 70px 1fr; gap: 15px; }
.b2m-my-orders-main .item-title { display: block; color: #333; font-weight: 400; margin: 0; }
.b2m-my-orders-main .item-price { display: block; color: #333; font-weight: 700; margin: 0 0 5px; font-size: 1.2rem; }
.b2m-my-orders-main .item-uds { display: block; color: #333; font-weight: 600; font-size: 0.9rem; }

.b2m-my-orders-summary { padding: 12.5px 0 25px!important; }
.b2m-my-orders-summary .ronin-content { padding-left: 0; max-width: 400px; margin: 0 0 0 auto; }
.b2m-my-orders-summary .title { font-size: 1.0rem; color: #333; font-weight: 600; }
.b2m-my-orders-summary .ronin-block { border-bottom: 1px solid #0004; padding: 20px 0; }
.b2m-my-orders-summary .ronin-block:first-of-type { border-top: 1px solid #0004; margin-top: 25px; }

.b2m-users-groups-top .ronin-content { display: grid; grid-template-columns: 1fr 240px; gap: 15px; }
.b2m-users-groups-top .label { color: #333; font-size: 0.8rem; display: block; font-weight: 600; margin: 0 0 5px; text-align: right; }
.b2m-users-groups-top .ronin-div-selector { border: 1px solid #aaa; border-radius: 5px; }

.rs-users-groups-01 .b2m-card-header { padding-top: 15px; padding-bottom: 15px; }
.rs-users-groups-01 .b2m-card-title span[class*='material'] { color: #111; font-size: 1.0rem; vertical-align: middle; display: inline-block; cursor: pointer; user-select: none; }
.rs-users-groups-01 .b2m-card-body .b2m-blocks { display: grid; grid-template-columns: 400px 1fr; gap: 25px; }
.rs-users-groups-01 .b2m-card-body .b2m-block:nth-child(1) .b2m-block-content { min-height: 100%; }
.rs-users-groups-01 .b2m-card-body .b2m-block:nth-child(2) { display: grid; grid-template-rows: auto 1fr; gap: 25px; }
.rs-users-groups-01 .b2m-block-content { border: 1px solid #ccc; padding: 25px; border-radius: 5px; }
.rs-users-groups-01 .b2m-block-title { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #ccc; font-weight: 400; }
.rs-users-groups-01 .user-items { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.rs-users-groups-01 .user-item { border: 1px solid #0052CC; border-radius: 4px; padding: 10px; text-align: center; background-color: #ddf3fe; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-users-groups-01 .info-data .label { font-weight: 700; }
.rs-users-groups-01 .product-items { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; }
.rs-users-groups-01 .product-item { display: grid; grid-template-columns: 65px 1fr auto; gap: 10px; padding: 10px 15px; align-items: center; background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 5px; }
.rs-users-groups-01 .product-item .item-title { font-size: 0.9rem; font-weight: 600; }
.rs-users-groups-01 .product-item span[class^='material'] { transition: all 0.5s; opacity: 0.6; font-size: 1.0rem; cursor: pointer; user-select: none; }
.rs-users-groups-01 .product-item span[class^='material']:hover { transition: all 0.5s; opacity: 1; }
.rs-users-groups-01 .b2m-card-footer { border-top: none; padding-top: 10px; }
.rs-users-groups-01 .b2m-card-footer .buttons { text-align: right; }
.rs-users-groups-01 .b2m-card-footer .buttons a { text-align: center; }
.rs-users-groups-01 .b2m-card-footer .buttons a:not(:first-child) { margin-left: 10px; }

.login-storage .b2m-card-header { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.login-storage .logged-user { display: grid; grid-template-columns: auto 1fr; gap: 5px; align-items: flex-end; margin: 0 auto; }
.login-storage .ls-user-icon { color: var(--color-06); font-size: 1.4rem; }
.login-storage .ls-user-email { color: var(--color-06); font-size: 0.9rem; }
.login-storage .ls-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin: 0 auto; }
.login-storage .ls-service-icon { display: inline-block; width: 24px; aspect-ratio: 1; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.login-storage .ls-button:hover .ls-service-icon { filter: brightness(0) invert(1); }
.login-storage .ls-button.active { background-color: #DB1F35; border: 1px solid #DB1F35; }
.login-storage .ls-button.active .ls-service-icon { filter: brightness(0) invert(1); }
.login-storage .ls-button.active .ls-service-title { color: #fff; }
.login-storage .ls-button:nth-child(1) .ls-service-icon { background-image: url('../../images/ls-icon-googledrive.png'); }
.login-storage .ls-button:nth-child(2) .ls-service-icon { background-image: url('../../images/ls-icon-dropbox.png'); }
.login-storage .ls-button:nth-child(3) .ls-service-icon { background-image: url('../../images/ls-icon-onedrive.png'); }

#modal_edit_banner .b2m-modal-content-body { padding: 0; }
#modal_edit_banner .meb-content { padding: 25px; }
#modal_edit_banner .meb-tabs { margin: 10px 0 0; display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #aaa; }
#modal_edit_banner .meb-tab { padding: 15px; font-size: 0.9rem; color: #000a; }
#modal_edit_banner .meb-tab.active { color: var(--color-05); }
#modal_edit_banner .meb-tab.active::before { content: ''; position: absolute; inset: auto 0 -3px; background-color: var(--color-05); width: 100%; height: 6px; border-radius: 10px; }
#modal_edit_banner .meb-content-description { font-size: 0.9rem; margin: 0 0 15px; }
#modal_edit_banner .field-row { margin: 0 0 15px; }
#modal_edit_banner .field-row label { color: #0008; font-size: 0.9rem; font-weight: 500; }
#modal_edit_banner .file-field-row { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; }
#modal_edit_banner .file-field-item label { color: #fff; font-weight: 400; }
#modal_edit_banner .file-field-item label + input { display: none; }
#modal_edit_banner .b2m-options label { color: var(--color-07); }
#modal_edit_banner .b2m-options input:checked + label { color: #fff; }
#modal_edit_banner .meb-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 35px 0 15px; }
#modal_edit_banner .meb-filters-block { border: 1px solid #aaa; border-radius: 10px; overflow: hidden; }
#modal_edit_banner .b2m-filters { padding: 0; max-height: initial; }
#modal_edit_banner .b2m-filters .b2m-card { box-shadow: none; }
#modal_edit_banner .b2m-card-header { padding: 15px; }
#modal_edit_banner .filters-group { padding: 15px 0; }
#modal_edit_banner .filters-group .b2m-options { gap: 10px; }
#modal_edit_banner .filters-group .b2m-options > label { padding: 5px 10px; border-width: 1px; font-size: 0.8rem; font-weight: 400; transition: backgorund-color 0.5s; }
#modal_edit_banner .filters-group .b2m-options > input:not(:checked) + label:hover { background-color: #eee; transition: background-color 0.5s; }
#modal_edit_banner .meb-filters-active { list-style-type: none; margin: 0; padding: 15px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
#modal_edit_banner .meb-filters-active > li { border: 1px solid #0052CC; padding: 10px 30px 10px 15px; font-size: 0.8rem; text-align: center; color: #333; background-color: #DDF3FE; border-radius: 5px; }
#modal_edit_banner .meb-filters-active > li > span[class*='material-'] { display: block; position: absolute; top: calc(50% - 8px); right: 6px; font-size: 1.0rem; cursor: pointer; }
#modal_edit_banner .b2m-modal-content-footer { display: grid; grid-template-columns: 1fr auto; gap: 15px; }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: flex-start; }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row input { opacity: 0; width: 18px; }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row label { color: #0008; cursor: pointer; }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row label::before { content: ''; position: absolute; top: 0; left: -26px; width: 12px; height: 12px; border: 2px solid #999; }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row label::after { display: none; content: ''; position: absolute; top: 2px; left: -21px; width: 3px; height: 5px; border: 2px solid #0006; border-color: transparent #999 #999 transparent; transform: rotate(45deg); }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row input:checked + label::before { border-color: var(--color-05); background-color: var(--color-06); }
#modal_edit_banner .b2m-modal-content-footer .checkbox-row input:checked + label::after { display: block; border-color: transparent #fff #fff transparent; }
#modal_edit_banner .b2m-modal-content-footer .buttons { text-align: right; }
#modal_edit_banner .b2m-modal-content-footer .buttons > a { padding: 12px 20px; }
#modal_edit_banner .b2m-modal-content-footer .buttons > a:nth-child(2) { margin-left: 8px; }

.user-storage .b2m-card-header { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 15px 25px; align-items: center; }
.user-storage .buttons-group { list-style-type: none; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
.user-storage .buttons-group > li { border: 1px solid #aaa; line-height: 100%; overflow: hidden; }
.user-storage .buttons-group > li:first-child { border-radius: 200px 0 0 200px; }
.user-storage .buttons-group > li:first-child > span { padding-left: 15px; }
.user-storage .buttons-group > li:last-child { border-radius: 0 200px 200px 0; }
.user-storage .buttons-group > li:last-child > span { padding-right: 15px; }
.user-storage .buttons-group > li > span { color: #aaa; font-size: 1.2rem; display: flex; align-items: center; padding: 8px; cursor: pointer; transition: 0.5s; }
.user-storage .buttons-group > li.active { border-color: var(--color-05); }
.user-storage .buttons-group > li.active > span { color: #fff; background-color: var(--color-05); transition: 0.5s; }
.user-storage .buttons-group > li:not(.active) > span:hover { color: #444; background-color: #eee; transition: 0.5s; }
.user-storage .b2m-card-body-block { border: 1px solid #ddd; border-radius: 5px; padding: 25px; }
.user-storage .b2m-card-body .b2m-card-body-block:not(:last-child) { margin-bottom: 25px; }
.user-storage .folders-items { list-style-type: none; margin: 0; display: flex; gap: 15px; flex-direction: row; flex-wrap: wrap; }
.user-storage .folders-items > li { display: grid; grid-template-columns: auto 1fr; gap: 10px; cursor: pointer; align-items: center; background-color: #eee; padding: 10px 15px; border-radius: 5px; transition: 0.5s; }
.user-storage .folders-items > li:hover { background-color: #ccc; transition: 0.5s; }
.user-storage .folders-items > li > span { color: #111; }
.user-storage .files-items { list-style-type: none; margin: 0; }
.user-storage .files-items > li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 25px 15px; cursor: pointer; transition: 0.5s; }
.user-storage .files-items > li:hover { background-color: #eee; transition: 0.5s; }
.user-storage .files-items > li:not(:last-child) { border-bottom: 1px solid #aaa; }
.user-storage .files-items > li > span { color: var(--color-05); font-size: 1.4rem; }
.user-storage .files-items > li > span.folder-item-title { color: #111; font-size: 0.9rem; }

body.view-b2m-product-2 .rs-product-01 { padding-bottom: 0!important; }
body.view-b2m-product-2 .rs-product-01 .ronin-content { padding: 0 10px; }
body.view-b2m-product-2 .rs-product2-02 .ronin-content { padding: 0 10px; }
body.view-b2m-product-2 .b2m-card .b2m-card-title { color: var(--color-08); }
body.view-b2m-product-2 .b2mch-2col .ch-option label { color: var(--color-09); }
body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col { grid-template-columns: auto 1fr; }
body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col .icon-item { flex: 0 0 45px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(27, 30, 37, 0.16); }
body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col .icon-item:hover { background-color: #aaa; }
body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col .icon-item .material-symbols-outlined { color: var(--color-11); }
body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col .icon-item:hover .material-symbols-outlined { color: #000; }

.b2m-product-short-description { margin: 25px 0; max-width: 700px; }
.b2m-product-short-description p { color: var(--color-09); font-size: 14px; }
.b2m-product-short-description p:not(:last-child) { margin: 0 0 10px; }
.b2m-product-description { margin: 25px 0; }
.b2m-product-description p { color: var(--color-06); font-size: 1.0rem; }
.b2m-product-description p:not(:last-child) { margin: 0 0 10px; }

.rs-product2-02 .b2m-info .item-pretitle { color: var(--color-08); font-size: 0.9rem; margin: 0 0 clamp(15px, 4dvw, 25px); }
.rs-product2-02 .b2m-info .item-title { color: var(--color-08); }
.rs-product2-02 .stock-flag { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; padding: 3px 10px; font-size: 0.9rem; font-weight: 400; border-radius: 100px; background-color: var(--color-10); color: var(--color-11); }
.rs-product2-02 .b2m-product-prices { margin: 0; }
.rs-product2-02 .b2m-product-prices * { color: var(--color-08); }
.rs-product2-02 .b2m-product-prices .price { font-size: 1.3rem; font-weight: 700; }
.rs-product2-02 .b2m-product-prices .label { font-size: 0.9rem; font-weight: 500; }
.rs-product2-02 .b2m-product-prices .divider { font-size: 1.3rem; font-weight: 400; }
.rs-product2-02 .b2m-product-prices .price-discount { margin: 12px 0; }
.rs-product2-02 .b2m-product-prices .price-discount-flag { background-color: #D1D3DB; vertical-align: middle; margin: 0 10px 0 0; padding: 3px 10px; font-size: 0.9rem; font-weight: 400; border-radius: 100px; }
.rs-product2-02 .b2m-product-prices .price-discount-old { text-decoration: line-through; color: #999FAE; font-size: 0.9rem; }
.rs-product2-02 .b2m-product-prices .price-discount-old > * { color: #999FAE; font-size: inherit; }
.rs-product2-02 .b2m-product-prices .price-discount-old .price { font-weight: 600; }
.rs-product2-02 .b2m-product-prices .price-discount-old .label { font-weight: 500; }
.rs-product2-02 .b2m-product-prices .price-discount-old .divider { font-weight: 400; }

.rs-product2-02 .b2m-card-body { gap: clamp(25px, 10dvw, 90px); }
.rs-product2-02 .b2m-card-body .b2m-block:nth-child(1) { justify-self: center; }
.rs-product2-02 .b2m-images-container { position: sticky; top: 95px; max-height: calc(100dvh - 110px); aspect-ratio: 0.84; justify-self: center; }
.rs-product2-02 .b2m-pi-divider { width: 100%; height: 1px; background-color: #0002; margin: 25px 0; }
.rs-product2-02 .b2m-pi-variantes-title { font-weight: 600; font-size: 0.9rem; color: var(--color-08); margin: 0 0 15px; }
.rs-product2-02 .b2m-pi-variantes-items { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0 0 35px; }
.rs-product2-02 .b2m-pi-variantes-item { flex: 0 0 70px; line-height: 0; }
.rs-product2-02 .b2m-pi-variantes-item.active:before { z-index: 5; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--color-08); border-radius: 100px; }
.rs-product2-02 .b2m-pi-variantes-item.active img { height: calc(100% - 7px); width: 100%; object-fit: cover; object-position: center center; }
.rs-product2-02 .b2m-pa { position: sticky; bottom: 0; margin: 50px 0 0; z-index: 20; }
.rs-product2-02 .b2m-pa-container { overflow: hidden; padding: 10px 0 0; }
.rs-product2-02 .b2m-pa-content { background-color: #fff; box-shadow: -2px 0 5px 0 #0001; padding: 15px 0; display: grid; grid-template-columns: auto 1fr; }
.rs-product2-02 .b2m-actions { display: grid; align-items: flex-end; }
.rs-product2-02 .b2m-actions .icon-item { background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(27, 30, 37, 0.12); }
.rs-product2-02 .b2m-actions .icon-item:not(.button) { flex: 0 0 clamp(35px, 5dvw, 50px)!important; }
.rs-product2-02 .b2m-actions .icon-item.button a { text-transform: uppercase; padding: clamp(6px, 2dvw, 15px) clamp(15px, 3dvw, 20px); }
.rs-product2-02 .b2m-total-uds p { margin: 0; }
.rs-product2-02 .b2m-total-uds p.total-line { font-size: clamp(1.2rem, 3dvw, 2.0rem); color: var(--color-08); }
.rs-product2-02 .b2m-total-uds p.total-line span { font-size: clamp(1.2rem, 3dvw, 2.0rem); color: var(--color-08); }
.rs-product2-02 .b2m-total-uds p.uds-line { font-size: clamp(0.9rem, 2dvw, 1.0rem); color: var(--color-08); }

.rs-product2-02 .b2m-images-main .image-arrow { z-index: 5; position: absolute; left: 15px; top: calc(50% - 25px); width: 50px; height: 50px; background-color: #fff; display: grid; place-items: center; box-shadow: 0px 0px 10px 0px rgba(27, 30, 37, 0.12); border-radius: 100%; cursor: pointer; user-select: none; transition: 0.5s; }
.rs-product2-02 .b2m-images-main .image-arrow:hover { transition: 0.5s; background-color: var(--color-08); color: #fff; }
.rs-product2-02 .b2m-images-main .image-arrow.right { left: initial; right: 15px; }

.rs-product2-02 .b2m-images .images-arrow { z-index: 5; font-size: 0.9rem; position: absolute; left: -16px; top: calc(50% - 16px); width: 32px; height: 32px; background-color: #fff; display: grid; place-items: center; box-shadow: 0px 0px 10px 0px rgba(27, 30, 37, 0.12); border-radius: 100%; cursor: pointer; user-select: none; transition: 0.5s; }
.rs-product2-02 .b2m-images .images-arrow:hover { transition: 0.5s; background-color: var(--color-08); color: #fff; }
.rs-product2-02 .b2m-images .images-arrow.right { left: initial; right: -16px; }

.rs-product2-02 .price-discount-old-container { line-height: 170%; padding: 0 40px 0 0; }
.rs-product2-02 .price-discount-old-container .more-info { position: absolute; top: 0; right: 10px; color: var(--color-09); cursor: pointer; user-select: none; }
.rs-product2-02 .price-discount-old-container .more-info-tooltip { transition: 0.5s; opacity: 0; z-index: -10; position: absolute; top: -50px; right: 0; width: 300px; max-width: 90%; background-color: #f4f4f4; padding: 25px; border-radius: 20px; }
.rs-product2-02 .price-discount-old-container .more-info-tooltip.visible { transition: 0.5s; opacity: 1; z-index: 10;  top: -10px; }
.rs-product2-02 .price-discount-old-container .more-info-close { position: absolute; top: 10px; right: 10px; color: var(--color-09); cursor: pointer; user-select: none; }
.rs-product2-02 .price-discount-old-container .more-info-title { font-size: 0.8rem; margin: 0 0 5px; font-weight: 700; text-transform: uppercase; color: var(--color-08); }
.rs-product2-02 .price-discount-old-container .more-info-description { font-size: 0.8rem; font-weight: 400; color: var(--color-08); }

.b2m-pivt-actions { display: none; grid-template-columns: 1fr auto; padding: 5px 0; }
.b2m-pivt-actions span { color: var(--color-09); }
.b2m-pivt-actions span.arrow { cursor: pointer; user-select: none; transition: 0.5s; transform: rotate(0deg); }
.b2m-pivt-tabs { display: none; grid-template-columns: 1fr 1fr; }
.b2m-pivt-tabs::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: 2; opacity: 0.7; background-image: linear-gradient(0deg, rgba(27, 30, 37, 0.12) 0%, transparent 100%); }
.b2m-pivt-tabs .tab { transition: 0.5s; padding: 10px; border-radius: 10px 10px 0 0; text-align: center; z-index: 1; }
.b2m-pivt-tabs .tab.active { transition: 0.5s; font-weight: 700; z-index: 3; background-color: #fff; box-shadow: 0px -5px 10px 0px rgba(27, 30, 37, 0.08); }
.b2m-pivt-tabs span { color: var(--color-09); cursor: pointer; user-select: none; }

.b2m-collapsable-list .b2m-clitem-top { border-bottom: 1px solid #0008; padding: 5px 0; display: grid; grid-template-columns: 1fr auto; cursor: pointer; user-select: none; }
.b2m-collapsable-list .b2m-clitem-title { font-size: 1.1rem; }
.b2m-collapsable-list .b2m-clitem-icon { transition: 0.8s; color: var(--color-05); }
.b2m-collapsable-list .b2m-clitem-bottom { transition: 1.2s; padding: 4px 0; opacity: 0; max-height: 0; overflow: hidden; }
.b2m-collapsable-list .b2m-clitem-bottom p { font-size: 0.9rem; }
.b2m-collapsable-list .b2m-clitem.visible .b2m-clitem-bottom { transition: 1.0s; padding: 15px 0; opacity: 1; max-height: 1000px; overflow: hidden; }
.b2m-collapsable-list .b2m-clitem.visible .b2m-clitem-icon { transition: 0.8s; transform: rotate(180deg); }

.b2m-labels { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; border: 1px solid #0008; border-radius: 5px; padding: 10px; }
.b2m-labels .b2m-label { transition: 0.5s; display: grid; grid-template-columns: 1fr auto; gap: 5px; align-items: center; background-color: var(--color-07); color: #fff; border-radius: var(--border-radius); font-weight: 500; font-size: 0.9rem; flex: 0 0 auto; padding: 8px 8px 8px 16px; }
.b2m-labels .b2m-label-close { transition: 0.5s; cursor: pointer; user-select: none; color: #fff; font-size: 1.0rem; }
.b2m-labels .b2m-label-close:hover { transition: 0.5s; transform: scale(1.2); }

.b2m-steps { display: flex; flex-direction: row; flex-wrap: wrap; }
.b2m-steps .b2m-step { flex: 1 1 0; }
.b2m-steps .step-top { display: grid; justify-content: center; }
.b2m-steps .step-top::before { transform: 0.5s; content: ''; position: absolute; top: calc(50% - 1.5px); height: 3px; width: 100%; background-color: #cdcdcd; }
.b2m-steps .step-num { transform: 0.5s; width: 40px; aspect-ratio: 1; border-radius: 50%; background-color: #cdcdcd; display: grid; place-items: center; color: #fff; font-size: 1.3rem; }
.b2m-steps .step-bottom { display: grid; justify-content: center; padding: 5px 0 0; }
.b2m-steps .step-title { transform: 0.5s; font-size: 0.9rem; color: #aaa; }
.b2m-steps .b2m-step.processed .step-top::before { transform: 0.5s; background-color: #3ac47d; }
.b2m-steps .b2m-step.processed .step-num { transform: 0.5s; background-color: #3ac47d; }
.b2m-steps .b2m-step.processed .step-title { transform: 0.5s; color: #3ac47d; }
.b2m-steps .b2m-step.active .step-top::before { transform: 0.5s; background-color: var(--color-06); }
.b2m-steps .b2m-step.active .step-num { transform: 0.5s; background-color: var(--color-05); }
.b2m-steps .b2m-step.active .step-title { transform: 0.5s; color: var(--color-05); }
.b2m-steps .b2m-step.pending .step-top::before { transform: 0.5s; background-color: #cdcdcd; }
.b2m-steps .b2m-step.pending .step-num { transform: 0.5s; background-color: #cdcdcd; }
.b2m-steps .b2m-step.pending .step-title { transform: 0.5s; color: #aaa; }

/*============================================================================*/
@media screen and (max-width:400px){
    .rs-product2-02 .b2m-talla { flex: 0 0 calc((100% - 10px) / 2)!important; }
}
@media screen and (max-width:575.98px){
    :root {
        --header-height: 60px;
    }
    #ronin_header:not(.modal) .b2m-search-bar { display: none; }
    #ronin_header:not(.modal) .b2m-user-bar .info { border-left: none; padding-left: 0; }
    .ronin-section.b2m-2col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.b2m-3col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.b2m-4col .ronin-content { grid-template-columns: 1fr; }
    .b2m-pagination-nav { grid-template-columns: 1fr; }
    .b2m-pagination-nav > div { text-align: center; }
    .b2m-products-grid { gap: 15px; grid-template-columns: 1fr 1fr; }
    .product-category-grid .b2m-card-header { grid-template-columns: 1fr; gap: 10px; }
    .b2m-filters { padding: 0; max-height: calc(100vh - 60px); overflow: auto; box-shadow: 0 0 10px 0 #0004; }
    .quick-order-01 .b2m-card-header.b2mch-2col { padding-top: 15px; padding-bottom: 15px; }
    .quick-order-01 .b2m-card-title { text-align: center; width: 100%; }
    .b2mch-2col { grid-template-columns: 1fr; gap: 15px; }
    .b2mch-2col .icons-items { justify-content: center; }
    .quick-order-03 .b2m-card-body { grid-template-columns: 1fr; }
    .rs-product-02 .b2m-product-variant-content { grid-template-columns: 1fr; }
    .rs-product-02 .b2m-card-header.b2mch-2col .b2m-card-header-block:nth-child(1) { justify-content: center; }
    .b2mch-2col .ch-options { justify-content: center; }
    .quick-order-04 .qo-summary { width: fit-content; min-width: 1000px; }
    .card-cols-21 .b2m-card-body { grid-template-columns: 1fr; }
    .b2m-cart-card .b2m-cc-footer { padding: 25px; }
    .b2m-order-detail-view { grid-template-columns: 1fr; }
    .b2m-order-detail-main .ronin-content { padding: 0 15px; }
    .b2m-order-detail-main .b2m-card .b2m-card-body { padding: 25px 15px; }
    .b2m-order-detail-main .item { padding: 15px; }
    .b2m-order-detail-main .item-top { grid-template-columns: 1fr; }
    .b2m-order-detail-main .it-block:nth-child(1) { order: 2; }
    .b2m-order-detail-main .item-title { margin: 0 0 5px; }
    .b2m-order-detail-main .item-variants { margin: 25px 0 15px; }
    .b2m-my-orders-filters .b2m-card-body { grid-template-columns: 1fr 1fr; }
    .b2m-my-orders-filters .b2m-block:nth-child(3) { grid-column: span 2; }
    .b2m-my-orders-main .b2m-card-header { grid-template-columns: 1fr 1fr; }
    .b2m-my-orders-main .b2m-card-header > .b2m-block > span:nth-child(1) { margin: 0; }
    .b2m-my-orders-main .b2m-card-header > *:nth-child(3) { display: none; }
    .b2m-my-orders-item { grid-template-columns: 1fr; }
    .b2m-my-orders-item > *:nth-child(1) { padding-bottom: 0!important; }
    .b2m-my-orders-summary .ronin-content { padding-left: var(--padding); }
    .rs-product-01 .b2m-card-header.b2mch-2col { grid-template-columns: 1fr; }
    .b2m-card .b2m-card-header .b2m-card-title { text-align: center; width: 100%; }
    .rs-product-02 .b2mch-2col { grid-template-columns: 1fr; }
    .b2m-users-groups-top .ronin-content { grid-template-columns: 1fr; }
    .rs-users-groups-01 .ronin-content { padding: 0 15px; }
    .rs-users-groups-01 .b2m-card-body { padding: 15px; }
    .rs-users-groups-01 .b2m-card-body .b2m-blocks { grid-template-columns: 1fr; }
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr; }
    .rs-users-groups-01 .b2m-card-footer .buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    .rs-users-groups-01 .b2m-card-footer .buttons a { margin: 0!important; }
    .login-storage .b2m-card-header { grid-template-columns: 1fr; }
    .login-storage .ls-buttons { grid-template-columns: 1fr; max-width: 400px; }
    #modal_edit_banner .b2m-modal-content-footer { grid-template-columns: 1fr; }
    #modal_edit_banner .b2m-modal-content-footer .buttons { text-align: center; }
    #modal_edit_banner .meb-filters { grid-template-columns: 1fr; }
    body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col { grid-template-columns: 1fr; }
    .rs-product2-02 .b2m-card-body { grid-template-columns: 1fr; padding: 0 0 100px; }
    .rs-product2-02 .b2m-card-body .b2m-block:nth-child(2) { padding: 0 10px; }
    .rs-product2-02 .b2m-card-header .b2m-card-title { text-align: left; }
    .rs-product2-02 .b2m-images { order: 2; }
    .rs-product2-02 .b2m-images-items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .rs-product2-02 .b2m-images-item { flex: 0 0 8px; border-radius: 50%; background-color: #ccc; width: 10px; aspect-ratio: 1; }
    .rs-product2-02 .b2m-images-item.active { background-color: #333; }
    .rs-product2-02 .b2m-images-item img { display: none; }
    .rs-product2-02 .b2m-images-main .image-arrow { display: none; }
    .rs-product2-02 .b2m-images .images-arrow { display: none; }
    .rs-product2-02 .b2m-images-item.active::before { display: none; }
    .rs-product2-02 .b2m-images-container { aspect-ratio: unset; width: 100%; max-height: initial; }
    .rs-product2-02 .b2m-card-body .b2m-block:nth-child(1) { width: 100%; }
    .rs-product2-02 .b2m-pivt-actions { display: grid; }
    .rs-product2-02 .b2m-pivt-tabs { display: grid; }
    .rs-product2-02 .b2m-pivt-tabs-contents { height: 300px; overflow: hidden; max-height: 0; transition: 0.5s; }
    .rs-product2-02 .b2m-pa { margin: 10px 0 0; }
    .rs-product2-02 .b2m-pa-content { padding: 0 10px 10px; box-shadow: none; }
    .rs-product2-02 .b2m-pi-variantes-tallas { position: fixed; left: 10px; bottom: 0px; width: calc(100dvw - 20px); background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(27, 30, 37, 0.133); z-index: 30; padding: 10px; border-radius: 20px 20px 0 0; }
    .rs-product2-02 .b2m-pi-variantes { transition: 0.5s; z-index: -1; opacity: 0; position: absolute; top: 0; left: 0; padding: 10px 0; width: 100%; height: 100%; overflow: auto; }
    .rs-product2-02 .b2m-pi-variantes.visible { transition: 0.5s; z-index: 1; opacity: 1; }
    .rs-product2-02 .b2m-tallas { transition: 0.5s; z-index: -1; opacity: 0; position: absolute; top: 0; left: 0; padding: 10px 0; width: 100%; height: 100%; overflow: auto; gap: 10px; }
    .rs-product2-02 .b2m-tallas.visible { transition: 0.5s; z-index: 1; opacity: 1; }
    .rs-product2-02 .b2m-talla { flex: 0 0 calc((100% - 30px) / 3); }
    .rs-product2-02 .b2m-actions { padding: 0; }
    #panel_variantes_tallas.visible .b2m-pivt-tabs-contents { max-height: 300px; transition: 0.5s; z-index: 5; background-color: #fff; }
    #panel_variantes_tallas:not(.visible) .b2m-pivt-actions span.arrow { transition: 0.5s; transform: rotate(180deg); }
    .rs-product2-02 .b2m-total-uds { margin: 10px 0; }
    .rs-product2-02 .b2m-pa-container { padding: 0; }
}
@media screen and (min-width:576px) and (max-width:767.98px){
    :root {
        --header-height: 70px;
    }
    #ronin_header:not(.modal) .b2m-search-bar { display: none; }
    #ronin_header:not(.modal) .b2m-user-bar .info { border-left: none; padding-left: 0; }
    .ronin-section.b2m-2col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.b2m-3col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.b2m-4col .ronin-content { grid-template-columns: 1fr; }
    .b2m-pagination-nav { grid-template-columns: 1fr; }
    .b2m-pagination-nav > div { text-align: center; }
    .b2m-products-grid { gap: 15px; grid-template-columns: 1fr 1fr; }
    .b2m-filters { padding: 0; max-height: calc(100vh - 60px); overflow: auto; box-shadow: 0 0 10px 0 #0004; }
    .quick-order-03 .b2m-card-body { grid-template-columns: 1fr; }
    .b2mch-2col .ch-options { justify-content: center; }
    .quick-order-04 .qo-summary { width: fit-content; min-width: 1000px; }
    .card-cols-21 .b2m-card-body { grid-template-columns: 1fr; }
    .b2m-order-detail-view { grid-template-columns: 1fr; }
    .b2m-order-detail-main .item { padding: 15px; }
    .b2m-order-detail-main .item-top { grid-template-columns: 1fr; }
    .b2m-order-detail-main .it-block:nth-child(1) { order: 2; }
    .b2m-order-detail-main .item-title { margin: 0 0 5px; }
    .b2m-order-detail-main .item-variants { margin: 25px 0 15px; }
    .b2m-my-orders-item { grid-template-columns: 1fr; }
    .b2m-my-orders-item > *:nth-child(1) { padding-bottom: 0!important; }
    .b2m-my-orders-summary .ronin-content { padding-left: var(--padding); }
    .rs-product-02 .b2m-product-variant-content { grid-template-columns: 1fr; }
    .rs-product2-02 .b2m-card-body { grid-template-columns: 1fr; padding-bottom: 25px; }
    .rs-product2-02 .b2mch-2col .ch-options { justify-content: flex-end; }
    .rs-users-groups-01 .ronin-content { padding: 0 15px; }
    .rs-users-groups-01 .b2m-card-body { padding: 15px; }
    .rs-users-groups-01 .b2m-card-body .b2m-blocks { grid-template-columns: 1fr; }
    .rs-users-groups-01 .user-items { grid-template-columns: 1fr 1fr 1fr; }
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr 1fr; }
    .rs-users-groups-01 .b2m-card-footer .buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    .rs-users-groups-01 .b2m-card-footer .buttons a { margin: 0!important; }
    .login-storage .ls-buttons { grid-template-columns: 1fr; max-width: 400px; }
    body.view-b2m-product-2 .rs-product-01 .b2m-card-header.b2mch-2col { grid-template-columns: 1fr; }
    .b2m-card .b2m-card-header .b2m-card-title { text-align: center; width: 100%; }
    .b2mch-2col .icons-items { justify-content: center; }

}
@media screen and (min-width:768px) and (max-width:991.98px){
    #ronin_header:not(.modal) .b2m-search-bar { display: none; }
    #ronin_header:not(.modal) .b2m-user-bar .info { border-left: none; padding-left: 0; }
    .b2m-products-grid { gap: 15px; grid-template-columns: 1fr 1fr 1fr; }
    .ronin-section.b2m-4col .ronin-content { grid-template-columns: 1fr 1fr; }
    .b2m-filters { padding: 0; max-height: calc(100vh - 60px); overflow: auto; box-shadow: 0 0 10px 0 #0004; }
    .quick-order-04 .qo-summary { width: fit-content; min-width: 1000px; }
    .card-cols-21 .b2m-card-body { grid-template-columns: 1fr 1fr; }
    .b2m-order-detail-view { grid-template-columns: 1fr; }
    .b2m-order-detail-main .b2m-card .b2m-card-body { padding: 25px 15px; }
    .b2m-order-detail-main .item-title { margin: 0 0 5px; }
    .b2m-order-detail-main .item-variants { margin: 25px 0 15px; }
    .b2m-my-orders-item { grid-template-columns: 1fr; }
    .b2m-my-orders-item > *:nth-child(1) { padding-bottom: 0!important; }
    .b2m-my-orders-summary .ronin-content { padding-left: var(--padding); }
    .rs-product2-02 .b2m-card-body { grid-template-columns: 1fr; padding-bottom: 25px; }
    .rs-product2-02 .b2mch-2col .ch-options { justify-content: flex-end; }
    .rs-users-groups-01 .ronin-content { padding: 0 15px; }
    .rs-users-groups-01 .b2m-card-body { padding: 15px; }
    .rs-users-groups-01 .b2m-card-body .b2m-blocks { grid-template-columns: 1fr; }
    .rs-users-groups-01 .user-items { grid-template-columns: 1fr 1fr 1fr; }
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr 1fr; }
    .login-storage .ls-buttons { grid-template-columns: 1fr; max-width: 400px; }
}
@media screen and (min-width:992px) and (max-width:1199.98px){
    #ronin_header:not(.modal) .b2m-search-bar { display: none; }
    #ronin_header:not(.modal) .b2m-user-bar .info { border-left: none; padding-left: 0; }
    .b2m-products-grid { gap: 15px; grid-template-columns: 1fr 1fr 1fr; }
    .b2m-order-detail-main .item { padding: 15px; }
    .b2m-order-detail-main .item-top { grid-template-columns: 1fr; }
    .b2m-order-detail-main .it-block:nth-child(1) { order: 2; }
    .b2m-my-orders-item { grid-template-columns: 1fr; }
    .b2m-my-orders-item > *:nth-child(1) { padding-bottom: 0!important; }
    .b2m-my-orders-summary .ronin-content { padding-left: var(--padding); }
    .rs-users-groups-01 .ronin-content { padding: 0 15px; }
    .rs-users-groups-01 .b2m-card-body { padding: 15px; }
    .rs-users-groups-01 .b2m-card-body .b2m-blocks { grid-template-columns: 1fr; }
    .rs-users-groups-01 .user-items { grid-template-columns: 1fr 1fr 1fr; }
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr 1fr; }
    .login-storage .ls-buttons { grid-template-columns: 1fr; max-width: 400px; }
}
@media screen and (min-width:1200px) and (max-width:1299.98px){
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr; }
    .login-storage .ls-buttons { grid-template-columns: 1fr; max-width: 400px; }
}
@media screen and (min-width:1300px) and (max-width:1600px){
    .rs-users-groups-01 .product-items { grid-template-columns: 1fr 1fr; }
}