.main-content-container{width:100%;max-width:98%;margin:auto}.category-container{width:100%;display:flex;flex-direction:column;align-items:center}.category-container .content{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:5px 0 5px 0}.category-container h4{text-align:center}.carousel-button{padding:10px 20px;margin:2px;border:none;border-radius:5px;background-color:#3e3e42;cursor:pointer;transition:background-color .3s ease}.carousel-button:hover{background-color:#b4b4b8;color:#fff}.carousel-button.active{background-color:#f2efe5;color:#3e3e42}.carousel-container{position:relative;margin:0 auto;text-align:center}.carousel{position:relative;overflow:hidden}#carousel-image{width:100%;border-radius:5px;opacity:1;transition:opacity 1s ease-in-out}#carousel-image.fade{opacity:1}.scrollable-list{display:flex;overflow-x:auto;margin-bottom:0;padding:10px;background:#b4b4b8;border:1px solid #ddd;border-radius:5px}.scrollable-list img{width:150px;border-radius:5px;margin-right:10px;cursor:pointer;border:2px solid transparent;transition:border .3s ease}.scrollable-list img.active{border-color:#fff}.carousel-nav-btn{position:absolute;top:90%;transform:translateY(-50%);background-color:rgba(0,0,0,.1);color:#fff;border:1px solid red;padding:0 20px;cursor:pointer;z-index:10;font-size:18px;border-radius:5px}.carousel-nav-btn.prev{left:10px}.carousel-nav-btn.next{right:10px}.carousel-nav-btn:hover{background-color:#fff;color:red}.product-details{text-align:center;background-color:#778899;padding:15px;border:1px solid #ddd;border-radius:5px;margin-top:5px}.round-image{width:150px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.info-text{color:#fff;margin-left:0}.indent-firstword{margin-left:20px;font-size:2rem;display:inline-block}.carousel-grid-container{width:100%;height:98%;padding:5px;display:grid;background-color:transparent;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"a a a a" "a a a a" "b b b b" "c c c c" "d d d d" "e e e e" "f f f f" "g g g g" "h h h h" "i i j j" "k k k k" "l l l l" "m m m m" "n n n n" "o o o o"}.carousel-range-info{grid-area:a;margin-top:5px}.carousel-range-subtext{grid-area:c;margin-top:5px}.carousel-style-info{grid-area:b;margin-top:5px}.carousel-main-container{grid-area:d}.carousel-text-container{grid-area:e}.carousel-colour-text{grid-area:f;margin-top:5px;margin:0}.carousel-colours-conainer{grid-area:g;margin-top:5px}.carousel-colours-info{grid-area:h;margin-top:0}.carousel-coloursample-details{grid-area:i;display:flex;flex-direction:column;flex-wrap:wrap;color:#fff}.carousel-coloursample-details p{margin-bottom:5px;font-size:.9rem}.carousel-coloursample-info{grid-area:j;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;color:#fff;align-content:flex-end}.carousel-coloursample-container{grid-area:k}.carousel-image-sample{width:100%;border-radius:5px;border:solid 1px;border-color:#fff}.carousel-doorsample-info{grid-area:l;margin-top:5px}.carousel-doorsample-flexcolumn{display:flex;flex-direction:column;align-items:center;color:#fff}.carousel-doorsample-container{grid-area:m;margin-top:5px}.carousel-doorentity-info{grid-area:n;margin-top:5px}.carousel-doorentities-container{grid-area:o;margin-top:5px}.readonly-container{pointer-events:none}.carousel-switch-container{align-items:center;margin-bottom:5px}.carousel-switch-container-label{margin-left:5px}.carousel-switch-container label{font-size:.9rem}.hide{display:none}.show-block-element{display:block;margin:0}.show-inline-block-element{display:inline}@media only screen and (max-width:500px){.category-container .content{width:100%;display:flex;flex-direction:column}.carousel-grid-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;grid-row-gap:20px;grid-template-areas:"a a a a" "b b b b" "c c c c" "d d d d" "d d d d" "e e e e" "f f f f" "g g g g" "h h h h" "i i j j" "k k k k" "l l l l" "m m m m" "n n n n" "o o o o" "p p p p" "q q q q"}.product-details{width:100%}}@media only screen and (min-width:769px){.content-container{max-width:100%}}