.info-icon { padding-right: 5px; } #modifications-popup .modal-dialog { max-width: 1170px; width: 100%; margin: 100px auto 40px; } #modifications-popup .modal-dialog .modal-content { border-radius: 20px; } #modifications-popup .modal-dialog .modal-content .system-msg-close { top: 30px; right: 30px; padding: 0; } #modifications-popup .modal-dialog .modal-content .system-msg-close .icon-i { height: 25px; width: 25px; background-size: 100%; } #modifications-popup .modal-content-section { padding: 0; } #modifications-popup .modal-content-section .modal-content-wrapper { justify-content: space-between; max-height: calc(100vh - 202px); overflow: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div { padding: 60px 35px 40px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items { width: 58%; padding-bottom: 0; overflow-x: hidden; /* new stuff */ } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items h3 { position: relative; font-size: 36px; margin-top: 0; margin-bottom: 5px; padding-right: 80px; font-weight: normal; text-transform: capitalize; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items h3:after { content: 'optional'; font-size: 12px; font-weight: 700; position: absolute; top: 50%; right: 0; color: #fff; padding: 6px 10px; background: #9dd9d2; border-radius: 3px; transform: translateY(-50%); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items h3.required:after { content: 'Required'; background: #ffc874; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items label { position: relative; display: block; width: 100%; -webkit-font-smoothing: antialiased; color: black; text-align: left; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; border: 1px solid #c4c4c4; box-sizing: border-box; border-radius: 10px; cursor: pointer; padding: 22px; margin-bottom: 30px; overflow: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items label .modification-product-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0; word-break: break-all; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items label .modification-product-price { font-size: 14px; color: rgba(0, 0, 0, 0.4); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items label.modification-product-modification-label-imaged { margin-left: 33px; width: calc(100% - 33px); padding-left: 41px; overflow: visible; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-product-no-items { position: relative; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 60px)); text-align: center; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-product-no-items p { width: 80%; margin: auto; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input[type=checkbox], #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input[type=radio] { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input:checked + label { border: 1px solid var(--main-color); background-position: center right 10px; background-repeat: no-repeat; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input:checked[type=checkbox] + label:after { width: 28px; height: 28px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; content: ''; display: block; background-color: var(--main-color); background-image: url('../img/icon-check-o-invert.svg'); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input:checked[type=radio] + label:after { width: 28px; height: 28px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; content: ''; display: block; border-radius: 50%; border: 1px solid var(--main-color); background: radial-gradient(circle at center, var(--main-color) 40%, #fff 40%); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .check { visibility: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input:checked + label .check { visibility: visible; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items input.checkbox:checked + label:before { content: ""; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-product-modification-text { border: none; outline: none; width: calc(100% - 30px); resize: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper { display: flex; flex-wrap: wrap; padding-bottom: 10px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item { width: calc(50% - 30px); margin-right: 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item.show-more, #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item.show-less { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item-text { width: calc(100% - 30px); margin-right: 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item-text.show-more { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item:nth-child(-n+5) { display: block; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more .show-more-button, #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more .show-less-button { font-weight: 400; font-size: 16px; line-height: 24px; display: flex; align-items: center; grid-gap: 8px; color: #381a19; cursor: pointer; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more .show-more-button:after, #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more .show-less-button:after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMSAxLjUwMTk1TDUuOTk5OTggNi41MDJMMTEgMS41MDE5NSIgc3Ryb2tlPSIjMzgxQTE5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg=="); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more .show-less-button:after { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC45OTk5IDYuNDk4MDVMNS45OTk5IDEuNDk4TDAuOTk5ODk5IDYuNDk4MDUiIHN0cm9rZT0iIzM4MUExOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.less-result .show-less { display: flex; } @media screen and (min-width: 601px) { #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-desktop .group-modification-item { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-desktop .group-modification-item:nth-child(-n+5) { display: block; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-desktop .group-modification-item.show-more { display: flex; } } @media screen and (max-width: 600px) { #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-mobile .group-modification-item { display: none; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-mobile .group-modification-item:nth-child(-n+5) { display: block; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result.more-result-mobile .group-modification-item.show-more { display: flex; } } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper:not(:last-child) { margin-bottom: 45px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper:not(:last-child) .modification-group-wrapper { border-bottom: 1px dashed #c4c4c4; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-product-modification-image { border-radius: 50%; width: 66px; height: 66px; top: 50%; left: 0; transform: translate(-50%, -50%); position: absolute; z-index: 10; background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; background-position: center; background-color: #f3f4f6; background-size: 75%; border: 1px solid #c4c4c4; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description { width: 42%; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); border-radius: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description { max-height: calc(100% - 100px); overflow-x: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description h2 { font-weight: normal; font-size: 30px; line-height: 40px; margin: 0 0 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item { border-bottom: 1px solid #c4c4c4; padding: 24px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item .desc-title { position: relative; display: block; font-size: 24px; line-height: 1; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item .desc-title img { position: absolute; top: 50%; right: 0; width: 16px; transform: translateY(-50%) rotate(180deg); transition: 0.3s; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item .desc-title.collapsed img { transform: translateY(-50%) rotate(0); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-image-wrapper { max-width: 256px; margin: 0 auto; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-image-wrapper .product-popup-slider .product-pic-modal { margin-top: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-image-wrapper .product-popup-slider .slick-arrow.slick-next { left: 100%; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-image-wrapper .product-popup-slider .slick-arrow.slick-prev { right: 100%; left: unset !important; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-image-wrapper .product-popup-slider .slick-dots { top: 100%; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-description-text { padding: 30px 12px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul { margin: 30px 0; padding-left: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul li { position: relative; padding-left: 20px; font-size: 18px; line-height: 40px; text-transform: capitalize; list-style: none; display: list-item; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul li:before { content: ""; border: 4px var(--main-color) solid !important; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); position: absolute; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row { display: flex; justify-content: space-between; align-items: center; margin: 30px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div { flex: 1; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-price { font-size: 18px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-price .modification-product-price-value { font-size: 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-price .modification-product-price-value .modification-product-discounted-price-value { font-size: 18px; color: #7f7f7f; padding-left: 5px; text-decoration: line-through; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity { display: flex; align-items: center; border: 1px solid var(--main-color); box-sizing: border-box; border-radius: 4px; text-align: center; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity a:hover { color: var(--main-color); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > * { flex: 1; padding: 12px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.calc { font-size: 30px; line-height: 1; cursor: pointer; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper { position: relative; padding-left: 5px; padding-right: 5px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper .modification-quantity { font-size: 24px; padding: 0; background: transparent; box-shadow: none; text-align: center; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:before, #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:after { content: ''; position: absolute; top: 12px; height: calc(100% - 24px); width: 1px; background-color: #aaa; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:before { left: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:after { right: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button { margin-top: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button .btn-add-to-cart { width: 100%; border-radius: 15px; font-size: 26px; text-transform: uppercase; padding: 24px; line-height: 1; } @media screen and (max-width: 1500px) { #modifications-popup .modal-content-section .modal-content-wrapper { max-height: calc(100vh - 142px); } } @media screen and (max-width: 992px) { #modifications-popup .modal-dialog { width: auto; margin: 100px 60px 40px; } #modifications-popup .modal-dialog .modal-content .system-msg-close { top: 20px; right: 20px; } #modifications-popup .modal-dialog .modal-content .system-msg-close .icon-i { height: 20px; width: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper { padding-bottom: 85px; } #modifications-popup .modal-content-section .modal-content-wrapper > div { padding: 40px 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items h3 { font-size: 30px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items label { margin-bottom: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-product-modification-text { width: 100%; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper { padding: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item { width: 100%; margin: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper.more-result .item.show-more { margin-bottom: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .item-text { width: 100%; margin-right: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper:not(:last-child) { margin-bottom: 35px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-product-no-items { left: 0; transform: translate(0, -40px); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description { padding-bottom: 0px; max-height: 100%; overflow-x: hidden; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description { max-height: unset; overflow-x: unset; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description h2 { font-size: 24px; line-height: 1; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item { padding: 16px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item .desc-title { font-size: 18px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .description-item .desc-title img { width: 14px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-description-text { padding: 24px 12px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul { margin: 24px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul li { font-size: 16px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row { flex-direction: column; align-items: flex-start; margin: 24px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div { width: 100%; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button { position: absolute; left: 30px; bottom: 10px; margin: 0; width: calc(100% - 60px); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button .btn-add-to-cart { font-size: 24px; padding: 20px; } } @media screen and (max-width: 992px) and (orientation: landscape), (max-width: 600px) { #modifications-popup .modal-dialog { margin: 60px 20px 30px; } #modifications-popup .modal-content-section .modal-content-wrapper { max-height: unset; flex-direction: column-reverse; } #modifications-popup .modal-content-section .modal-content-wrapper > div { width: 100% !important; padding: 40px 20px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description { box-shadow: none; border-radius: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-description-text { padding: 20px 8px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-modifications-selected ul { margin: 20px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row { flex-direction: row; align-items: center; margin: 20px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div { width: 100%; height: 40px; font-size: 16px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-price { font-size: 16px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-price .modification-product-price-value { font-size: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity { margin-top: 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > * { padding: 8px 0; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.calc { font-size: 20px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper .modification-quantity { font-size: 18px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:before, #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div.modification-product-quantity > *.modification-quantity-wrapper:after { top: 8px; height: calc(100% - 16px); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button { left: 20px; bottom: 20px; width: calc(100% - 40px); } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-button .btn-add-to-cart { font-size: 20px; } } @media screen and (max-width: 992px) and (orientation: portrait), (max-width: 600px) { .product-info-modification.lb-each-switch-wrapper { margin-left: 0; margin-top: 15px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-description .main-description .modification-product-price-quantity-row > div { flex: unset; height: 40px; } } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .group-limits { padding-bottom: 10px; font-size: 14px; } #modifications-popup .modal-content-section .modal-content-wrapper > div.modification-product-items .modification-group-rows-wrapper .modification-group-wrapper .group-modification-item.group-disabled > * { color: #ccc; pointer-events: none; filter: grayscale(100%); }