/* Just Bake - Diwali theme. Remove the link to switch off. */
:root{--dw-cream:#e8e2d7;--dw-navy:#0e2547;--dw-ft:#2c425e;--dw-gold:#e0b36a}

/* offer bar */
.announce{position:relative;background-color:var(--dw-navy)!important;overflow:hidden}
.announce::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(img/bar-left.png) left center/auto 100% no-repeat,url(img/bar-right.png) right center/auto 100% no-repeat}
.announce>span{position:relative;z-index:1}
@media (min-width:1300px){
  .announce::after{content:"";position:absolute;z-index:0;pointer-events:none;top:50%;left:15vw;height:34px;aspect-ratio:567/75;transform:translateY(-50%);background:url(img/bar-title.png) center/100% 100% no-repeat}
}

/* header desktop */
@media (min-width:769px){
  header{position:relative;isolation:isolate;background:var(--dw-cream)}
  header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(img/hdr-left.png) left top/7.83vw auto no-repeat,url(img/hdr-right.png) right top/7.92vw auto no-repeat}
  header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5.16vw;z-index:-1;pointer-events:none;background:url(img/orn-full.jpg) center bottom/100% auto no-repeat}
  header .header-top,header .header-bottom{padding-left:max(var(--gutter),5.6vw);padding-right:max(var(--gutter),5.6vw)}
  header .header-top,header .header-bottom{background:transparent}
  header .header-bottom{padding-bottom:5.5vw}
  header .logo{position:relative;margin-right:3.5vw}
  header .logo::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-1vw;top:50%;width:19vw;aspect-ratio:450/203;transform:translateY(-37%);background:url(img/logo-deco.png) center/100% 100% no-repeat}
}

/* header mobile */
@media (max-width:768px){
  .announce{padding-left:52px!important;padding-right:52px!important}
  .announce::before{background:url(img/bar-left-m.png) left center/auto 100% no-repeat,url(img/bar-right-m.png) right center/auto 100% no-repeat}
  header .header-top{background-color:var(--dw-cream);isolation:isolate;padding-left:calc(var(--gutter) + 26px)}
  header .header-top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(img/hdr-left.png) left top/17vw auto no-repeat}
  header .logo{position:relative}
  header .logo::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-6vw;top:50%;width:52vw;aspect-ratio:450/203;transform:translateY(-37%);background:url(img/logo-deco.png) center/100% 100% no-repeat;opacity:.85}
  header .search-bar--mobile{position:relative;margin-bottom:16vw;background-color:transparent}
  header .search-bar--mobile::after{content:"";position:absolute;left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);top:100%;height:14vw;margin-top:2vw;pointer-events:none;background:url(img/orn-mobile.jpg) center top/100% auto no-repeat}
}

/* footer desktop */
.footer{position:relative;isolation:isolate;background:var(--dw-ft)}
.footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(img/ft-top.jpg) center top/100% auto no-repeat,url(img/ft-lt.png) left top/6.5vw auto no-repeat,url(img/ft-rt.png) right top/7.55vw auto no-repeat}
.footer::after{content:"";position:absolute;left:0;right:0;bottom:3.4vw;height:8.6vw;z-index:-1;pointer-events:none;background:url(img/ft-lb.png) left bottom/9.5vw auto no-repeat,url(img/ft-rb.png) right bottom/8.55vw auto no-repeat}
.footer .footer-grid{border-bottom:0}
.footer .footer-bottom{position:relative}
.footer .footer-bottom::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(var(--gutter) * -1 - 6vw);right:calc(var(--gutter) * -1 - 6vw);top:-1.7vw;height:2.4vw;background:url(img/ft-div.jpg) center/100% 100% no-repeat}
.footer-col h4,.footer .footer-app-label{color:var(--dw-gold)}
@media (min-width:769px){
  .footer{padding-left:max(var(--gutter),8vw);padding-right:max(var(--gutter),8vw);padding-top:5vw}
}

/* footer mobile */
@media (max-width:768px){
  .footer{padding-top:15vw}
  .footer::before{background:url(img/ft-top-m.jpg) center top/100% auto no-repeat,url(img/ft-lt.png) left top/11vw auto no-repeat,url(img/ft-rt.png) right top/13vw auto no-repeat}
  .footer::after{display:none}
  .footer .footer-bottom::before{left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);top:-6vw;height:10vw;background-image:url(img/ft-div-m.jpg)}
}

/* motion */
@keyframes dwGlow{0%,100%{opacity:.85}50%{opacity:1}}
header .logo::before{animation:dwGlow 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){header .logo::before{animation:none}}