/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}
/* Custom Widgets Styles */
.widget-1f5975 .copyright {
  font-size: 13px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
}

.widget-1f5975 .copyright-year {
  white-space: nowrap;
}

.widget-c771ff {
    --primary-color: #4A90E2;
    --secondary-color: #f8f9fa;
    --text-color: #2c3e50;
    --light-text-color: #7f8c8d;
    --background-color: #ffffff;
    --border-color: #e9ecef;
    --hover-color: #357ABD;
    --card-background: #ffffff;
    --border-radius: 12px;
    --spacing: 20px;
    --transition: all 0.3s ease;
    
    .storage-calculator-wrapper {
        max-width: 1400px;
        margin: 0 auto;
        padding: var(--spacing);
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        background: var(--background-color);
    }

    .calculator-header {
        text-align: center;
        margin-bottom: 30px;
        
        h2 {
            font-size: 32px;
            font-weight: 700;
            color: var(--text-color);
            margin: 0 0 10px 0;
        }
        
        p {
            font-size: 16px;
            color: var(--light-text-color);
            margin: 0;
        }
    }

    .calculator-content {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .calculator-main {
        flex: 1;
        min-width: 0;
    }

    .size-suggestion {
        flex: 0 0 320px;
        width: 320px;
        position: sticky;
        top: 20px;
        background: var(--card-background);
        border-radius: var(--border-radius);
        padding: 30px 20px;
        text-align: center;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        border: 2px solid var(--border-color);
        
        .suggestion-content {
            width: 100%;
        }
        
        .suggestion-label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--light-text-color);
            margin: 0 0 20px 0;
            font-weight: 600;
        }
        
        .size-visual-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 24px;
            min-height: 240px;
        }
        
        .size-visual {
            position: relative;
            width: 100px;
            height: 100px;
            background: var(--secondary-color);
            border-radius: 8px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            overflow: hidden;
            border: 3px solid var(--border-color);
            
            &::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border: 2px solid var(--primary-color);
                border-radius: 5px;
                opacity: 0.2;
                z-index: 2;
            }
        }
        
        .size-fill-inner {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, var(--primary-color), var(--hover-color));
            height: 0;
            transition: height 0.5s ease;
            z-index: 1;
        }
        
        .dimension-label {
            position: absolute;
            background: var(--card-background);
            color: var(--text-color);
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 11px;
            font-weight: 700;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            white-space: nowrap;
            border: 2px solid var(--primary-color);
            z-index: 3;
        }
        
        .width-label {
            bottom: -26px;
            left: 50%;
            transform: translateX(-50%);
            
            &::before {
                content: '';
                position: absolute;
                top: -8px;
                left: 50%;
                transform: translateX(-50%);
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 6px solid var(--primary-color);
            }
        }
        
        .height-label {
            right: -42px;
            top: 50%;
            transform: translateY(-50%);
            
            &::before {
                content: '';
                position: absolute;
                left: -8px;
                top: 50%;
                transform: translateY(-50%);
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-right: 6px solid var(--primary-color);
            }
        }
        
        .size-area-label {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--text-color);
            font-size: 12px;
            font-weight: 700;
            z-index: 3;
            text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8);
        }
        
        h2 {
            font-size: 48px;
            font-weight: 700;
            color: var(--primary-color);
            margin: 0 0 10px 0;
            line-height: 1;
        }
        
        .suggestion-details {
            font-size: 14px;
            color: var(--light-text-color);
            margin: 0 0 20px 0;
            
            span {
                font-weight: 700;
                color: var(--primary-color);
            }
        }
        
        .contact-section {
            margin-top: 24px;
            padding-top: 20px;
            border-top: 2px solid var(--border-color);
            
            .phone-number {
                font-size: 20px;
                font-weight: 700;
                color: var(--text-color);
                margin: 0 0 16px 0;
                
                a {
                    color: var(--primary-color);
                    text-decoration: none;
                    transition: var(--transition);
                    
                    &:hover {
                        color: var(--hover-color);
                    }
                }
            }
            
            .cta-button-container {
                margin-top: 12px;
                
                a {
                    width: 100%;
                    display: block;
                }
            }
        }
    }

    .tabs {
        display: flex;
        gap: 8px;
        margin-bottom: 24px;
        overflow-x: auto;
        padding-bottom: 8px;
        
        &::-webkit-scrollbar {
            height: 6px;
        }
        
        &::-webkit-scrollbar-track {
            background: var(--secondary-color);
            border-radius: 10px;
        }
        
        &::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 10px;
        }
    }

    .tab {
        flex: 1;
        min-width: 120px;
        padding: 12px 16px;
        background: var(--secondary-color);
        border: 2px solid var(--border-color);
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: var(--transition);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        
        .tab-icon {
            font-size: 20px;
        }
        
        .tab-label {
            font-size: 12px;
            font-weight: 600;
            color: var(--light-text-color);
            text-align: center;
            white-space: nowrap;
        }
        
        &:hover {
            background: var(--card-background);
            border-color: var(--primary-color);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }
        
        &.active {
            background: var(--primary-color);
            border-color: var(--primary-color);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            
            .tab-label {
                color: white;
            }
        }
    }

    #tab-content-container {
        margin-bottom: 0;
    }

    .tab-content {
        display: none;
        
        &.active {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: 14px;
            padding: 20px;
            background: var(--secondary-color);
            border-radius: var(--border-radius);
        }
    }

    .item-card {
        background: var(--card-background);
        border-radius: 10px;
        padding: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        transition: var(--transition);
        border: 1px solid var(--border-color);
        
        &:hover {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
            border-color: var(--primary-color);
        }
        
        &.item-updated {
            animation: pulse 0.3s ease;
        }
    }

    @keyframes pulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.02); }
    }

    .item-info {
        flex: 1;
        margin-right: 12px;
        
        .item-name {
            font-size: 13px;
            font-weight: 500;
            color: var(--text-color);
            line-height: 1.4;
        }
    }

    .item-controls {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .btn-control {
        width: 30px;
        height: 30px;
        border: none;
        border-radius: 8px;
        background: var(--primary-color);
        color: white;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--transition);
        flex-shrink: 0;
        
        &:hover {
            background: var(--hover-color);
            transform: scale(1.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }
        
        &:active {
            transform: scale(0.95);
        }
        
        svg {
            pointer-events: none;
        }
    }

    .item-count {
        width: 45px;
        height: 30px;
        text-align: center;
        border: 2px solid var(--border-color);
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        color: var(--text-color);
        background: var(--card-background);
        flex-shrink: 0;
        cursor: text;
        transition: var(--transition);
        
        &:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
        }
        
        &:hover {
            border-color: var(--primary-color);
        }
    }

    @media (max-width: 767px) {
        .storage-calculator-wrapper {
            padding: 8px;
            max-width: 100%;
        }
        
        .calculator-header {
            margin-bottom: 16px;
            padding: 0 4px;
            
            h2 {
                font-size: 20px;
            }
            
            p {
                font-size: 13px;
            }
        }
        
        .calculator-content {
            flex-direction: column;
            gap: 16px;
        }
        
        .size-suggestion {
            position: relative;
            top: auto;
            width: 100%;
            flex: 1;
            order: 1;
            margin-bottom: 16px;
            padding: 16px 12px;
        }
        
        .calculator-main {
            order: 2;
            width: 100%;
        }
        
        .tabs {
            display: flex;
            flex-wrap: nowrap;
            gap: 4px;
            margin-bottom: 12px;
            overflow-x: auto;
            overflow-y: hidden;
            padding: 4px 0 8px 0;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            scroll-behavior: smooth;
            
            &::-webkit-scrollbar {
                height: 4px;
            }
            
            &::-webkit-scrollbar-track {
                background: var(--secondary-color);
            }
            
            &::-webkit-scrollbar-thumb {
                background: var(--primary-color);
                border-radius: 2px;
            }
        }
        
        .tab {
            min-width: 75px;
            max-width: 75px;
            padding: 6px 4px;
            flex-shrink: 0;
            gap: 2px;
            
            .tab-icon {
                font-size: 16px;
            }
            
            .tab-label {
                font-size: 9px;
                white-space: normal;
                line-height: 1.1;
                height: 22px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
            }
        }
        
        .tab-content.active {
            grid-template-columns: 1fr;
            gap: 8px;
            padding: 8px;
        }
        
        .item-card {
            padding: 6px 8px;
            gap: 4px;
        }
        
        .item-info {
            flex: 1;
            min-width: 0;
            margin-right: 4px;
            
            .item-name {
                font-size: 11px;
                line-height: 1.2;
                word-break: break-word;
                overflow-wrap: break-word;
            }
        }
        
        .item-controls {
            gap: 3px;
            flex-shrink: 0;
        }
        
        .btn-control {
            width: 26px;
            height: 26px;
            flex-shrink: 0;
            border-radius: 5px;
            
            svg {
                width: 10px;
                height: 10px;
            }
        }
        
        .item-count {
            width: 32px;
            height: 26px;
            font-size: 12px;
            flex-shrink: 0;
            border-width: 1px;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .calculator-content {
            flex-direction: column;
        }
        
        .size-suggestion {
            position: relative;
            top: auto;
            width: 100%;
            flex: 1;
            order: 1;
            margin-bottom: 20px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .calculator-main {
            order: 2;
        }
        
        .tab-content.active {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .tab {
            min-width: 100px;
        }
    }
}
@media (max-width: 767px) { .tab-content.active {
  grid-template-columns: repeat(1, 1fr);
}

.tabs {
  flex-wrap: wrap;
}

.tab {
  padding-left: 20px;
  padding-right: 20px;
} }