/* Existing product artwork follows the catalogue category without a page reload. */
.catalog-banner[data-category] .catalog-banner-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);min-height:280px;gap:24px}
.catalog-banner[data-category] .catalog-banner-art{min-width:0}
.catalog-banner .catalog-context-art:before{width:100%;height:90%;bottom:0;background-position:center;opacity:.12}
.catalog-banner .catalog-context-art>img{position:absolute;object-fit:contain;max-width:76%;width:auto;bottom:22px;max-height:235px;height:80%;filter:drop-shadow(3px 6px 7px #253f2724)}
.catalog-banner .catalog-context-art .image-0{right:33%;transform:rotate(-7deg);height:67%;z-index:1}
.catalog-banner .catalog-context-art .image-1{right:4%;transform:rotate(6deg);z-index:2}
.catalog-banner .catalog-context-art.panels>img{height:71%;max-width:66%;border-radius:7px;max-height:210px}
.catalog-banner .catalog-context-art.panels .image-0{bottom:49px;right:36%;transform:rotate(-8deg)}
.catalog-banner .catalog-context-art.panels .image-1{bottom:23px;right:2%;transform:rotate(7deg)}
.catalog-banner .catalog-context-art.single .image-0{right:20%;bottom:20px;height:85%;max-height:240px;max-width:80%;transform:none}
.catalog-banner .catalog-context-art.scene .image-0{right:0;bottom:0;width:100%;height:100%;max-width:100%;max-height:none;object-position:center bottom;transform:none;filter:none}
.catalog-banner[data-category="cosmetics"]{background:linear-gradient(105deg,#f3eee3,#f9f0e8 60%,#e6cebc)}
.catalog-banner[data-category="colloids"]{background:linear-gradient(105deg,#e6ece8,#f3f2e8 60%,#cbdedd)}
.catalog-banner[data-category="essential-oils"]{background:linear-gradient(105deg,#e7eadc,#f5efe2 60%,#d7d4b4)}
@media(max-width:900px) and (min-width:651px){
 .catalog-banner[data-category] .catalog-banner-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
 .catalog-banner .catalog-context-art>img{height:76%}
 .catalog-banner .catalog-context-art.panels>img{max-width:73%;height:65%}
}
@media(max-width:650px){
 .catalog-banner[data-category] .catalog-banner-layout{grid-template-columns:1fr;gap:0;min-height:0}
 .catalog-banner[data-category] .catalog-banner-art{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:170px;opacity:1;z-index:0;justify-self:center;max-width:350px;margin-top:-6px}
 .catalog-banner[data-category] h1{max-width:none;font-size:28px;line-height:1.4}
 .catalog-banner[data-category] .catalog-banner-layout>div>p:last-child{max-width:360px;padding-bottom:12px}
 .catalog-banner[data-category] .catalog-banner-art:before{height:160px;bottom:-30px;width:100%;right:0}
 .catalog-banner[data-category] .catalog-bottle-big{height:155px;right:52px;bottom:10px}
 .catalog-banner[data-category] .catalog-bottle-small{display:block;height:128px;right:145px;bottom:10px}
 .catalog-banner .catalog-context-art>img{height:93%;bottom:10px;max-width:65%}
 .catalog-banner .catalog-context-art .image-0{right:44%;height:81%;bottom:7px}
 .catalog-banner .catalog-context-art .image-1{right:20%;bottom:7px}
 .catalog-banner .catalog-context-art.panels>img{height:82%;max-width:58%;max-height:140px}
 .catalog-banner .catalog-context-art.panels .image-0{right:44%;bottom:20px}
 .catalog-banner .catalog-context-art.panels .image-1{right:9%;bottom:15px}
 .catalog-banner .catalog-context-art.single .image-0{right:20%;height:95%;max-height:160px;bottom:7px;max-width:70%}
 .catalog-banner .catalog-context-art.scene .image-0{height:170px;max-height:170px;max-width:100%;right:0;bottom:0;object-fit:cover;object-position:bottom}
}