@use '../consts.scss' as consts;
@use '../mixins.scss' as mixins;

.container {
    width: consts.$content-width-xl;
    max-width: unset;
    margin: 0 auto;

    @include mixins.media(lg){
        width: consts.$content-width-lg;
    }

    @include mixins.media(md){
        width: consts.$content-width-md;
    }

    @include mixins.media(sm){
        width: consts.$content-width-sm;
    }

    &.--productDetalis {
        width: 876px;

        @include mixins.media(lg){
            width: 658px;
        }
    
        @include mixins.media(md){
            width: 534px;
        }
    
        @include mixins.media(sm){
            width: 345px;
        }
    }
}