<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">main &gt; article{
    width: 100%;
}
/* CONTAINER STYLE */
.is-style-container-small,
.is-style-container,
.container,
main &gt; article &gt;.entry-content&gt;.woocommerce {
    display: flex;
    flex-direction: column;
}
.is-style-container-medium {
    max-width: calc(100vw - (var(--container-space) * 4)) !important ;
    margin: 0 auto;
    width: 100%;
}
.is-style-container-small {
    max-width: 600px;
    margin: 0 auto;
}
.is-style-container,
.container,
main &gt; article &gt;.entry-content&gt;.woocommerce {
    max-width: calc(100vw - (var(--container-space) * 2));
    margin: 0 auto;
    width: 100%;
}


@media (max-width: 1600px) {
    body{
        --container-space : 8vw;
    }
}
@media (max-width: 1200px) {
    body{
        --container-space : 10vw;
    }
    .is-style-container-medium {
        max-width: calc(100vw - (var(--container-space) * 3));
    }
}
@media (max-width: 1024px) {
    
    .is-style-container-small {
        max-width: 70vw;
    }
}
@media (max-width: 992px) {
    .is-style-container-small {
        max-width: 80vw;
    }
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
    .is-style-container-small,
    .is-style-container-medium,
    .is-style-container,
    .container,
    main &gt; article &gt;.entry-content&gt;.woocommerce {
        max-width: calc(100vw - (var(--container-space) * 2));
    }
}
</pre></body></html>