body{overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--text)}.longspan-page .sidebar{background:var(--white);border-right:1px solid var(--gray2)}#shelfForm{display:flex;flex-direction:column;gap:26px}#shelfForm h2{margin:0;font-size:28px;line-height:1.1;color:var(--gray7);max-width:100%;text-wrap:balance}.longspan-section-box{display:flex;flex-direction:column;height:220px;padding:14px;border:1px solid var(--gray2);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:var(--shadow-soft)}.longspan-section-box-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.longspan-section-box-header label{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--gray5)}.longspan-page .sidebar #radioContainer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;gap:10px;flex:1 1 auto}.longspan-page .longspan-section-tab-wrap{position:relative;display:inline-block;flex:0 0 auto}.longspan-page .mandarini{position:relative;flex:0 0 auto;min-width:116px;padding:7px 28px;border-radius:100px;border:2px solid var(--gray2);background:#f8fbff;color:var(--gray7);cursor:pointer;font-weight:400;font-size:13px;line-height:1.1;transition:all .2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center}.longspan-page .mandarini:hover{border-color:var(--primary1);background:#f0fdf4}.longspan-page .mandarini.active{background:#ecfdf5;border-color:var(--primary1);color:#065f46;box-shadow:0 0 0 3px rgba(60,206,150,.1)}.longspan-page .RemoveSectionBtn{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:16px;min-width:16px;height:16px;font-size:13px;font-weight:400;font-family:inherit;padding:0;border-radius:999px!important;border:1px solid #d9dee7;background:#f8fbff;color:var(--gray5);cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;z-index:2}.longspan-page .RemoveSectionBtn:hover{background:#eef7ff;border-color:var(--gray3)}.longspan-page .calc-row>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.longspan-page .slider-current-value{font-size:13px;font-weight:700;color:var(--gray6);background:var(--gray1);border:1px solid var(--gray2);border-radius:999px;padding:2px 10px}.longspan-page #threeContainer{width:100%;height:100%;min-height:320px;position:relative;min-width:0}.longspan-page #threeDeePart{width:100%;height:100%;min-width:0}.longspan-page .preview-container{min-width:0;min-height:0}.longspan-price-content #addToCartBtn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.longspan-shelf-update-popup{position:absolute;right:16px;height:80%;top:16px;transform:none;width:min(380px,92vw);background:var(--white);border:1px solid var(--gray2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;z-index:120}.longspan-shelf-update-popup #close-shelf-selection{width:32px;height:32px;border-radius:8px;border:0;background:#f3f4f6;color:#6b7280;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.longspan-shelf-update-popup #close-shelf-selection:hover{background:#e5e7eb;color:#1f2937}.longspan-shelf-update-popup .panel-header h3{font-size:18px;font-weight:600;color:#1f2937}.longspan-shelf-update-popup .panel-body{padding:20px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.longspan-shelf-update-popup .shelf-type-grid{grid-template-columns:1fr}.longspan-shelf-update-popup .shelf-type-option{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 20px;font-weight:400}.longspan-shelf-update-popup .shelf-type-option input[type=radio]{all:unset;accent-color:#3CCE96;margin:0}.longspan-shelf-update-popup .shelf-type-option:has(input:checked){border-color:#3cce96;background:#f0fdf4;box-shadow:0 0 0 3px rgba(60,206,150,.1)}.longspan-shelf-update-popup .action-btn{margin-bottom:8px}.longspan-shelf-update-popup .action-btn:last-child{margin-bottom:0}.hidden{display:none!important}@media (max-width: 992px){.longspan-shelf-update-popup{height:78%;top:16px}}@media (max-width: 768px){.longspan-page .preview-container{min-height:52vh}.longspan-page #threeContainer,.longspan-page #threeDeePart{height:52vh;min-height:360px}.longspan-shelf-update-popup{position:fixed;left:10px;right:10px;bottom:10px;top:auto;transform:none;width:auto;height:min(72vh,560px);border-radius:18px;animation:none;z-index:200}.longspan-shelf-update-popup .panel-body{max-height:calc(min(72vh,560px) - 62px)}}
