/* =========================================================
   STOCK BASE LAYER

   Production loads /stylesheets/main.min.css (Voog "pripyat" theme) BEFORE its
   aj-* visual layer. The first port missed it, which is why list-based UI such
   as the product breadcrumb rendered as bullets instead of a horizontal row.

   Included here first so the cascade matches production exactly:
     stock base -> Voog Design variables -> aj-* visual layer -> product page.
   ========================================================= */
body{position:relative;margin:0;padding:0;font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,"Segoe UI",sans-serif;font-weight:400;font-size:18px;line-height:1.3;color:#727272;background-position:center;background-attachment:fixed;background-size:cover}body.dark-background{color:#fff}.content-formatted:after{content:"";display:table;clear:both}.background-color{top:0;left:0;right:0;bottom:0}.menu-lang,.search,.search-left,.search-right{display:inline-block}.product_item-btn,.voog-bg-picker-btn{margin:0;padding:0;background:0 0;border:none;cursor:pointer}.product_item-btn:focus,.voog-bg-picker-btn:focus{outline:0}.product_item-btn::-moz-focus-inner,.voog-bg-picker-btn::-moz-focus-inner{padding:0;border:none}.btn-no-style{background-color:transparent;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.voog-bg-picker-btn{position:absolute}.container .voog-bg-picker-btn{top:68px;right:15px}.background-color,.background-image{position:fixed;z-index:-2}.container .background-color,.container .background-image{position:static;padding:40px 20px;background-color:#fff}@media screen and (max-width:752px){.container .background-color,.container .background-image{padding-top:1px}}.background-image{top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center}.container{position:relative;max-width:960px;margin:0 auto}@media screen and (max-width:752px){.container{padding:20px}}.container a{text-decoration:none}.container a img{border:none}.content-formatted{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.content-formatted:empty{display:none}.dark-background .content-formatted{color:#fff}.content-formatted .edy-positionable-container-center-block:first-child,.content-formatted .edy-positionable-container-left-block:first-child,.content-formatted .edy-positionable-container-maxwidth:first-child,.content-formatted .edy-positionable-container-right-block:first-child,.content-formatted .edy-texteditor-container-wrapper-center:first-child,.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,.content-formatted .edy-texteditor-container-wrapper-right-block:first-child,.content-formatted .table-container:first-child,.content-formatted code:first-child,.content-formatted dl:first-child,.content-formatted form:first-child,.content-formatted h1:first-child,.content-formatted h2:first-child,.content-formatted h3:first-child,.content-formatted h4:first-child,.content-formatted h5:first-child,.content-formatted h6:first-child,.content-formatted iframe:first-child,.content-formatted ol:first-child,.content-formatted p:first-child,.content-formatted pre:first-child,.content-formatted table:first-child,.content-formatted ul:first-child{margin-top:0}.content-formatted .edy-positionable-container-center-block:last-child,.content-formatted .edy-positionable-container-left-block:last-child,.content-formatted .edy-positionable-container-maxwidth:last-child,.content-formatted .edy-positionable-container-right-block:last-child,.content-formatted .edy-texteditor-container-wrapper-center:last-child,.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,.content-formatted .edy-texteditor-container-wrapper-right-block:last-child,.content-formatted .table-container:last-child,.content-formatted code:last-child,.content-formatted dl:last-child,.content-formatted form:last-child,.content-formatted h1:last-child,.content-formatted h2:last-child,.content-formatted h3:last-child,.content-formatted h4:last-child,.content-formatted h5:last-child,.content-formatted h6:last-child,.content-formatted iframe:last-child,.content-formatted ol:last-child,.content-formatted p:last-child,.content-formatted pre:last-child,.content-formatted table:last-child,.content-formatted ul:last-child{margin-bottom:0}.content-formatted h1,.content-formatted h2,.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{color:#1b2124;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.dark-background .content-formatted h1,.dark-background .content-formatted h2,.dark-background .content-formatted h3,.dark-background .content-formatted h4,.dark-background .content-formatted h5,.dark-background .content-formatted h6{color:#fff}.content-formatted h1{margin-top:40px;font-size:50px}.content-formatted h2{margin-top:15px;font-size:30px}.content-formatted h3,.content-formatted h4,.content-formatted h5,.content-formatted h6{margin-top:20px;font-size:20px}@media screen and (max-width:480px){.content-formatted h1{font-size:30px}.content-formatted h2{font-size:25px}}.content-formatted p{margin-top:20px}.content-formatted a:not(.custom-btn){color:#06b}.dark-background .content-formatted a:not(.custom-btn){color:#fff}.content-formatted a:not(.custom-btn):hover{color:#06b;color:rgba(0,102,187,.8)}.dark-background .content-formatted a:not(.custom-btn):hover{color:#fff;color:rgba(255,255,255,.8)}.content-formatted iframe{max-width:100%}.content-formatted iframe,.content-formatted pre{margin-top:25px}.content-formatted code,.content-formatted pre{font-size:14px;background-color:#fafafa}.dark-background .content-formatted code,.dark-background .content-formatted pre{color:#000}.content-formatted pre{overflow:auto;padding:10px}.content-formatted pre code{display:inline;padding:0;white-space:pre;line-height:inherit;background-color:transparent;overflow-wrap:normal;word-wrap:normal;word-break:normal}.content-formatted code{display:inline-block;padding:5px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all}.content-formatted blockquote{margin:20px 40px}.content-formatted .custom-btn,.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn{display:inline-block;padding:7px 9px;font-size:14px;color:#1b2124;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.75);opacity:.75}.content-formatted .custom-btn:hover,.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn:hover{background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.public .content-formatted .custom-btn,.public .content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn{cursor:pointer}.dark-background .content-formatted .custom-btn,.dark-background .content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn{background-color:#000;color:#fff;border:1px solid #fff;border:1px solid rgba(255,255,255,.75)}.dark-background .content-formatted .custom-btn:hover,.dark-background .content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn:hover{border:1px solid #fff;border:1px solid rgba(255,255,255,.1);opacity:.8}.content-formatted .custom-btn-disabled,.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled{cursor:default}.content-formatted .custom-btn-disabled.edy-buy-button-disabled,.content-formatted .custom-btn-disabled:hover,.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled.edy-buy-button-disabled,.content-formatted .edy-product-widget-list .edy-product-widget-item-wrap .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-btn-wrap .edy-product-widget-item-btn-disabled:hover{color:#838586;background-color:#dadada;border-color:#dadada}.content-formatted .edy-positionable-container-center,.content-formatted .edy-positionable-container-left-block,.content-formatted .edy-positionable-container-right-block,.content-formatted .edy-texteditor-container-wrapper-center,.content-formatted .edy-texteditor-container-wrapper-left-block,.content-formatted .edy-texteditor-container-wrapper-right-block{margin-top:20px;margin-bottom:20px}.content-formatted .edy-positionable-container-center:first-child,.content-formatted .edy-positionable-container-left-block:first-child,.content-formatted .edy-positionable-container-right-block:first-child,.content-formatted .edy-texteditor-container-wrapper-center:first-child,.content-formatted .edy-texteditor-container-wrapper-left-block:first-child,.content-formatted .edy-texteditor-container-wrapper-right-block:first-child{margin-top:0}.content-formatted .edy-positionable-container-center:last-child,.content-formatted .edy-positionable-container-left-block:last-child,.content-formatted .edy-positionable-container-right-block:last-child,.content-formatted .edy-texteditor-container-wrapper-center:last-child,.content-formatted .edy-texteditor-container-wrapper-left-block:last-child,.content-formatted .edy-texteditor-container-wrapper-right-block:last-child{margin-bottom:0}.content-formatted .edy-positionable-container-left,.content-formatted .edy-positionable-container-right{width:45%}.content-formatted .edy-positionable-container-left{margin-right:20px}.content-formatted .edy-positionable-container-right{margin-left:20px}.content-formatted .edy-image-container-with-title:after{display:block;padding:4px;font-size:12px;line-height:1.3em;content:attr(data-title)}.content-formatted .table-container{margin-top:20px;overflow:auto;-webkit-overflow-scrolling:touch}.content-formatted .horizontal-scroll{border-left:1px dashed #303132;border-right:1px dashed #303132}.content-formatted table{width:100%;margin-top:20px;font-size:16px;border-collapse:collapse}.content-formatted table td{padding:10px;border-top:1px solid #303132;border-bottom:1px solid #303132}.content-formatted .edy-texteditor-view{min-height:32px}.content-formatted .edy-partial-view{margin-top:25px}.content-formatted .edy-buy-button-container .form_field{padding-top:15px}.content-formatted .edy-buy-button-container .edy-buy-button-price-container .edy-buy-button-price-original{opacity:.4}.content-formatted .edy-buy-button-variants .form_field{padding-top:5px;padding-bottom:5px}.content-formatted .edy-buy-button-variants .form_field_select{width:initial}.menu-btn{display:none}@media screen and (max-width:752px){.menu-btn{position:absolute;top:28px;right:20px;display:inline-block;margin:0;padding:0;background:0 0;border:none;cursor:pointer}.menu-btn.open .menu-stripe{opacity:.47}.menu-btn:focus{outline:0}.menu-btn::-moz-focus-inner{padding:0;border:0}.menu-btn .menu-stripe{display:block;width:23px;height:4px;margin:4px 0;background-color:#1b2124;opacity:.67;border-radius:5px}.menu-btn .menu-stripe:first-child,.menu-btn .menu-stripe:last-child{margin:0}.dark-background .menu-btn .menu-stripe{background-color:#fff}}.edit-btn{display:inline-block;vertical-align:middle;line-height:.8}.menu-main .edit-btn{margin-right:20px}@media screen and (max-width:752px){.menu-main .edit-btn{margin-right:0}}.menu{margin:0;padding:0;list-style:none}.menu .menu-item{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.menu .menu-link{display:block;color:#06b}@media screen and (min-width:752px){.dark-background .menu .menu-link{color:#fff}}.menu .menu-link.untranslated{color:#c00;color:rgba(204,0,0,.5)}.menu .menu-link:hover{color:#727272}@media screen and (min-width:752px){.dark-background .menu .menu-link:hover{color:#fff}}.menu .with_arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu .with_arrow::before{content:'';margin-right:8px;border:solid;border-width:0 2px 2px 0;display:inline-block;padding:2px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.menu-main{padding:6px 0}.menu-main .menu .menu-item{display:inline-block;margin-right:20px;line-height:1}.menu-main .menu .menu-link.active{font-weight:700;color:#727272;opacity:.8}@media screen and (min-width:752px){.dark-background .menu-main .menu .menu-link.active{color:#fff;opacity:.5}}.menu-main .menu-sub{display:none}.menu-main .menu-lang{display:none}@media screen and (max-width:752px){.menu-main{display:none}.menu-main.expanded{position:absolute;top:75px;right:20px;z-index:1;display:block;min-width:350px;margin-bottom:60px;padding:0;text-align:left;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.menu-main.expanded .menu .menu-item{display:block;margin-right:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu .menu-item:first-child{border-top:none}.menu-main.expanded .menu .menu-item .menu-link{display:block;padding:10px 20px;font-size:20px}.menu-main.expanded .menu .menu-item .menu-link.active{background-color:#c7e5ff}.menu-main.expanded .menu .menu-item .menu-link:hover{background-color:#c7e5ff;background-color:rgba(199,229,255,.5)}.menu-main.expanded .menu .edit-btn{display:block;padding:12px 25px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-sub{display:block}.menu-main.expanded .menu-sub .menu .menu-item:first-child{border-top:1px solid #838586;border-top:1px solid rgba(131,133,134,.1)}.menu-main.expanded .menu-sub .menu .menu-link{padding:10px 40px;font-size:14px}.menu-main.expanded .menu-sub .menu .menu-link.active{background-color:#000;background-color:rgba(0,0,0,.5)}.menu-main.expanded .menu-lang{display:block;margin-top:0;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2)}.menu-main.expanded .menu-lang .menu-item .menu-link{position:relative;padding:15px 20px 14px 50px;font-size:12px;color:#1b2124}.menu-main.expanded .menu-lang .menu-item .menu-link.active:hover,.menu-main.expanded .menu-lang .menu-item .menu-link:hover{background-color:#838586;background-color:rgba(131,133,134,.1)}.menu-main.expanded .menu-lang .menu-item .menu-link.active{color:#727272;background:0 0}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after,.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{position:absolute;top:13px;left:20px;display:block;width:21px;height:15px}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:before{background-color:#000;content:''}.menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{opacity:.95;padding-top:3px;padding-bottom:3px;font-size:9px;line-height:1;text-align:center;text-transform:uppercase;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}.no-svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../images/ico-flags.png)}.svg .menu-main.expanded .menu-lang .menu-item .menu-link.lang-flag:after{background-image:url(../assets/ico-flags.svg)}.menu-main.expanded .menu-lang .menu-item .menu-link.edy-menu-langadd{padding-left:20px}}@media screen and (max-width:480px){.menu-main.expanded{min-width:100%;right:0;left:0;margin:0 0 60px;border-top:1px solid #727272;border-top:1px solid rgba(114,114,114,.2);border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.2);-webkit-box-shadow:none;box-shadow:none}}.menu-sub .menu .menu-item{display:inline-block;margin-right:10px;font-size:14px}.menu-sub .menu .menu-item:first-child{margin-left:0}.dark-background .menu-sub .menu .menu-item .menu-link{color:#fff}.menu-sub .menu .menu-item .menu-link.active{font-weight:700;color:#727272;opacity:.8}@media screen and (min-width:752px){.dark-background .menu-sub .menu .menu-item .menu-link.active{color:#fff;opacity:.5}}@media screen and (max-width:752px){.menu-sub{margin-top:30px}}.menu-lang .menu{vertical-align:middle}.header-right .menu-lang .edit-btn{margin-left:10px}@media screen and (max-width:900px){.menu-lang{margin-top:5px}}@media screen and (max-width:752px){.menu-lang{display:block}.header-right .menu-lang{display:none}}.lang-flag::after{background-position:0 -75px;content:attr(data-lang-code)}[data-lang-code^=sq]:after{background-position:0 0;content:''}[data-lang-code^=hy]:after{background-position:-21px 0;content:''}[data-lang-code^=bn]:after{background-position:-42px 0;content:''}[data-lang-code^=bg]:after{background-position:-84px 0;content:''}[data-lang-code^=zh]:after{background-position:-105px 0;content:''}[data-lang-code^=hr]:after{background-position:-126px 0;content:''}[data-lang-code^=da]:after{background-position:-147px 0;content:''}[data-lang-code^=cs]:after{background-position:-168px 0;content:''}[data-lang-code^=et]:after{background-position:-189px 0;content:''}[data-lang-code^=fi]:after{background-position:0 -15px;content:''}[data-lang-code^=fr]:after{background-position:-21px -15px;content:''}[data-lang-code^=ka]:after{background-position:-42px -15px;content:''}[data-lang-code^=de]:after{background-position:-63px -15px;content:''}[data-lang-code^=el]:after{background-position:-84px -15px;content:''}[data-lang-code^=hu]:after{background-position:-105px -15px;content:''}[data-lang-code^=is]:after{background-position:-126px -15px;content:''}[data-lang-code^=hi]:after{background-position:-147px -15px;content:''}[data-lang-code^=id]:after{background-position:-168px -15px;content:''}[data-lang-code^=fa]:after{background-position:-189px -15px;content:''}[data-lang-code^=he]:after{background-position:0 -30px;content:''}[data-lang-code^=it]:after{background-position:-21px -30px;content:''}[data-lang-code^=ja]:after{background-position:-42px -30px;content:''}[data-lang-code^=ko]:after{background-position:-63px -30px;content:''}[data-lang-code^=lv]:after{background-position:-84px -30px;content:''}[data-lang-code^=lt]:after{background-position:-105px -30px;content:''}[data-lang-code^=ms]:after{background-position:-126px -30px;content:''}[data-lang-code^=nl]:after{background-position:-147px -30px;content:''}[data-lang-code^=no]:after{background-position:-168px -30px;content:''}[data-lang-code^=ur]:after{background-position:-189px -30px;content:''}[data-lang-code^=fil]:after{background-position:0 -45px;content:''}[data-lang-code^=pl]:after{background-position:-21px -45px;content:''}[data-lang-code^=ro]:after{background-position:-42px -45px;content:''}[data-lang-code^=ru]:after{background-position:-63px -45px;content:''}[data-lang-code^=ar]:after{background-position:-84px -45px;content:''}[data-lang-code^=sk]:after{background-position:-105px -45px;content:''}[data-lang-code^=sl]:after{background-position:-126px -45px;content:''}[data-lang-code^=es]:after{background-position:-147px -45px;content:''}[data-lang-code^=sv]:after{background-position:-168px -45px;content:''}[data-lang-code^=tr]:after{background-position:-189px -45px;content:''}[data-lang-code^=uk]:after{background-position:0 -60px;content:''}[data-lang-code^=en]:after{background-position:-21px -60px;content:''}[data-lang-code^=pt]:after{background-position:-84px -60px;content:''}[data-lang-code^=sr]:after{background-position:-126px -60px;content:''}[data-lang-code^=bn]:after{background-position:-147px -60px;content:''}[data-lang-code^=th]:after{background-position:-189px -60px;content:''}[data-lang-code^=en_US]:after{background-position:-21px -60px;content:''}[data-lang-code^=en_GB]:after{background-position:-63px -60px;content:''}[data-lang-code^=en_AU]:after{background-position:-168px -60px;content:''}[data-lang-code^=en_CA]:after{background-position:-105px -60px;content:''}[data-lang-code^=pt_BR]:after{background-position:-63px 0;content:''}[data-lang-code^=fr_IC]:after{background-position:-42px -60px;content:''}[data-lang-code^=fr_CA]:after{background-position:-105px -60px;content:''}.tags-title{display:inline-block;font-weight:700;font-size:14px}.menu-tags{display:inline-block}.menu-horizontal.menu-breadcrumbs{line-height:16px;padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px}.menu-horizontal.menu-breadcrumbs .menu-item{display:inline-block;margin-right:5px}.header{padding-bottom:30px}.no-flexbox .header{display:table;vertical-align:top;width:100%}.flexbox .header{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-flexbox .header .header-left,.no-flexbox .header .header-right{display:table-cell}.header .header-left{width:490px}.header .header-left .header-title{display:none}.header .header-left .header-title,.header .header-left .header-title a{font-size:28px;font-weight:700;color:#727272}.header .header-left .header-title a:hover,.header .header-left .header-title:hover{opacity:.8}.header .header-right{width:470px;text-align:right}.flexbox .header{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:900px){.flexbox .header,.no-flexbox .header{width:100%}.header .header-left{width:480px}.header .header-right{width:480px}}@media screen and (max-width:752px){.header .header-left{width:425px}.header .header-left .header-title{display:block}.header .header-right{width:535px}}@media screen and (max-width:506px){.flexbox .header,.no-flexbox .header{display:block;padding-bottom:0}.flexbox .header .header-left,.no-flexbox .header .header-left{width:100%}.header .header-left .header-title{margin-right:40px}.header .header-right{width:auto;text-align:left}}.content{display:block;margin-top:30px}.front-page .content{margin-top:40px}@media screen and (max-width:752px){.content,.front-page .content{margin-top:20px}}.content-header .edy-partial-view{margin-top:-3px}.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:100px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:50px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:30px}@media screen and (max-width:480px){.content-slogan.content-formatted h1,.content-title.content-formatted h1{font-size:50px}.content-slogan.content-formatted h2,.content-title.content-formatted h2{font-size:30px}.content-slogan.content-formatted h3,.content-title.content-formatted h3{font-size:20px}}.content-title.content-formatted{line-height:1.2;font-weight:700;font-size:100px}@media screen and (max-width:752px){.content-title.content-formatted{display:none}}.content-slogan{margin-top:5px;padding-bottom:35px}.content-slogan.content-formatted{font-weight:400;font-size:50px}.front-page .content-body{margin-top:45px}@media screen and (max-width:752px){.front-page .content-body{margin-top:35px}}.front-page .content-body p{margin-top:10px;font-size:25px;line-height:1.5}@media screen and (max-width:752px){.front-page .content-body p{font-size:18px}}.common-page .content-body{margin-top:35px}.post-intro-content{padding-bottom:25px}.post{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.post .post-title{margin-top:0;margin-bottom:0;line-height:1.1}.post .post-title,.post .post-title a{font-size:50px;color:#1b2124}.dark-background .post .post-title,.dark-background .post .post-title a{color:#fff}.post .post-title a:hover{color:#1b2124;opacity:.8}.dark-background .post .post-title a:hover{color:#fff}@media screen and (max-width:480px){.post .post-title,.post .post-title a{font-size:30px}}.post .post-date{font-size:14px;color:#1b2124}.dark-background .post .post-date{color:#fff}.post .post-author{font-size:12px}.dark-background .post .post-author{color:#fff;opacity:.8}.post .post-content{margin-top:20px}.post .post-content .post-body{margin-top:20px}.post .post-comments-count a{font-size:14px;color:#06b}.dark-background .post .post-comments-count a{color:#fff}.post .post-comments-count a:hover{color:#06b;opacity:.8}.dark-background .post .post-comments-count a:hover{color:#fff}.post-nav{margin-top:50px}@media screen and (min-width:481px){.post-nav-inner{display:-webkit-box;display:-ms-flexbox;display:flex}}.post-nav-link{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:20px;padding-bottom:20px;color:currentColor;text-decoration:none}.post-nav-link:hover .post-nav-direction{opacity:1}.post-nav-link:hover .post-nav-title{opacity:1}@media screen and (max-width:480px){.post-nav-link:nth-child(2)::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-top-color:currentColor;border-top-style:solid;border-top-width:1px;content:'';opacity:.2}}@media screen and (max-width:480px){.post-nav-link{text-align:center}}@media screen and (min-width:481px){.post-nav-link-older{padding-right:20px}}@media screen and (min-width:481px){.post-nav-link-newer{padding-left:20px;text-align:right}}.post-nav-direction{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.3}.post-nav-title{margin-top:6px;font-size:18px;opacity:.7}.blog-page .post{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #727272;border-bottom:1px solid rgba(114,114,114,.3)}.blog-page .post .post-excerpt{margin-bottom:10px}.blog-page .post-read-more-btn{display:inline-block;margin-bottom:5px;color:#06b;text-decoration:underline}.blog-page .post-read-more-btn:hover{opacity:.8}@media screen and (max-width:752px){.search{margin-right:40px}}.search-inner{display:inline-block;vertical-align:middle}.search-mobile{display:none}.search-left .search-input{width:128px;padding:7px 10px;font-family:inherit;font-size:14px;border:1px solid #787878;border-radius:3px}.search-right .search-submit{vertical-align:middle}.content-formatted form{max-width:100%;margin-top:25px;clear:both}.content-formatted .edy-fe-label,.content-formatted .form_field{font-size:14px}.content-formatted .form_field{padding-top:10px;padding-bottom:10px}.content-formatted .form_field:first-child{padding-top:0}.content-formatted .form_field:last-child{padding-bottom:0}.content-formatted .form_field_required .form_field_label:after{content:'*'}.content-formatted label{display:block}.content-formatted .edy-fe-label,.content-formatted .form_field_label{font-weight:700;font-family:inherit;line-height:1.3}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield,.content-formatted .form_submit input{font-family:inherit;font-size:14px}.content-formatted .form_field_file,.content-formatted .form_field_select,.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{max-width:100%}.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:280px;margin:0;padding:7px;border:1px solid #787878;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:420px){.content-formatted .form_field_textarea,.content-formatted .form_field_textfield{width:100%}}.content-formatted .form_field_textarea{min-height:98px}.content-formatted .form_field_size_medium{width:420px}@media screen and (max-width:420px){.content-formatted .form_field_size_medium{width:100%}}.content-formatted .form_field_size_large{width:580px}.content-formatted .form_submit{margin-top:10px}.editmode .dark-background .content-formatted .form_submit input[disabled=disabled]{color:#fff}.content-formatted .form_error,.content-formatted .form_field_error{color:#c00}.content-formatted .form_field_with_errors .form_field_textarea,.content-formatted .form_field_with_errors .form_field_textfield{border:1px solid #c00}.content-formatted .form_notice{color:#60a740}.comments{margin-top:50px}.comments .comment,.comments .comment-form,.comments .comment-title{margin-top:25px}.footer{margin-top:50px}@media screen and (max-width:752px){.footer{margin-top:35px}}.footer .content-formatted{font-size:14px;line-height:1.5}.footer .content-formatted .edy-texteditor-view{min-height:18px}.footer .voog-reference{margin-top:30px}.footer .voog-reference a{display:inline-block;padding:7px 9px;font-size:10px;color:#727272;opacity:.75;line-height:1;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,.1)}.footer .voog-reference a:hover{border:1px solid #000;border:1px solid rgba(0,0,0,.75)}.signout-btn-wrap{position:fixed;right:5px;bottom:5px;z-index:10000;white-space:nowrap;background-color:#eee;height:35px;border-radius:3px;text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.5);box-shadow:0 1px 6px rgba(0,0,0,.5)}.signout-btn-wrap:hover{background-color:#c4c4c4}.signout-btn-wrap .signout-link{position:relative;z-index:10;display:block;padding:0 10px}.signout-btn-wrap .signout-name{display:inline-block;vertical-align:top;font-size:14px;font-weight:400;font-family:"Avenir Next",AvenirX;line-height:37px;padding-left:8px;color:rgba(27,33,36,.8)}.signout-btn-wrap .signout-name:hover{color:rgba(27,33,36,.9)}.signout-btn-wrap .signout-ico{height:35px;display:inline-block;color:rgba(27,33,36,.7)}.signout-btn-wrap .signout-svg{margin-top:3px}.bg_img-contain{background-size:contain;background-position:center;background-repeat:no-repeat}.item-top{position:relative;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;margin-top:10px}.item-top::before{display:block;width:100%;padding-top:100%;content:''}.item-top>.aspect-ratio-inner{position:absolute;top:0;right:0;bottom:0;left:0}.editmode .item-top:not(.without-pointer){cursor:pointer}.item-top:hover .btn,.item-top:hover .custom-btn{opacity:1;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}.item-top .btn,.item-top .custom-btn{opacity:0;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s}.item-top .btn{padding:0;background-color:#1b2124;border:0}.item-top .btn:hover svg{opacity:.7}.item-top .bg-crop-btn{height:40px;width:45px;border-radius:4px;position:absolute;top:0;left:0;z-index:9;margin-top:10px;margin-left:10px;cursor:pointer;color:#fff}.item-top .bg-crop-btn.is-visible{display:block}.item-top .bg-crop-btn.is-hidden,.without-image .editmode .item-top .bg-crop-btn{display:none}.without-image .item-top{background-color:#fff;background-image:url(../assets/ico-placeholder.svg);background-size:40px;background-repeat:no-repeat;background-position:center}.item-top .top-inner{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;line-height:1.2;text-align:center;height:100%;width:100%;background:0 0}.without-image .editmode .item-top .top-inner{border:none}.cms-blog-article-add-button .item-top .top-inner{border:none}.item-top .edy-img-drop-area{opacity:1}.item-top .image-drop-area{background-position:center!important;background-repeat:no-repeat!important}.item-top .image-drop-area.not-cropped{background-size:contain!important}.item-top .image-drop-area.is-cropped{background-size:cover!important}.item-top .image-drop-area:not(.active){border:none}.item-top .image-drop-area:hover .btn{opacity:1}.item-top .image-drop-area .edy-img-drop-area-remove-image{display:none!important}.item-top .image-drop-area .edy-img-drop-area-placeholder{color:#000}@media screen and (max-width:480px){.item-top .image-drop-area .edy-img-drop-area-placeholder{font-size:13px;margin-top:48px}}@media screen and (min-width:481px){.item-top .image-drop-area .edy-img-drop-area-placeholder{font-size:16px;margin-top:64px}}.item-image{border:0;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.item-image.not-cropped{-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}.item-image.is-cropped{-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}.item-list-page .item-image{display:block}.item-placeholder{width:100%;padding:.5em;-webkit-box-sizing:border-box;box-sizing:border-box}.content-item-box:hover .image_settings{opacity:1;pointer-events:all}.image_settings{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-20px;z-index:1;opacity:0;width:100%;pointer-events:none}.image_settings-buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500;font-size:14px;line-height:24px;background:#000;padding:8px 10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.05),0 25px 35px rgba(0,0,0,.03);box-shadow:0 0 5px rgba(0,0,0,.05),0 25px 35px rgba(0,0,0,.03);border-radius:8px;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.image_settings-buttons .image_settings-button,.image_settings-buttons .image_settings-expand,.image_settings-buttons .image_settings-remove{width:24px;height:24px}.image_settings-buttons .image_settings-button:hover,.image_settings-buttons .image_settings-expand:hover,.image_settings-buttons .image_settings-remove:hover{opacity:.7}.image_settings-buttons .image_settings-button{background-image:url(../assets/ico-settings.svg)}.image_settings-buttons .image_settings-expand{background-image:url(../assets/ico-expand.svg);width:18px;height:18px}.image_settings-buttons .image_settings-remove{background-image:url(../assets/ico-delete.svg)}.settings_popover{opacity:0;pointer-events:none;-webkit-transition:opacity .3;-o-transition:opacity .3;transition:opacity .3;background:#fff;padding:16px;position:absolute;top:48px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:4px}.settings_popover-arrow--up{position:absolute;pointer-events:none;top:0;left:128px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.settings_popover-arrow--up:after{position:absolute;z-index:56501;width:0;height:0;pointer-events:none;border:solid transparent;border-color:transparent;border-width:16px;content:'';border-top-color:#fff;-webkit-filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .05));filter:drop-shadow(0 2px 1px rgba(0, 0, 0, .05))}.settings_popover.active{opacity:1;pointer-events:all}.form_field-cms{margin-bottom:0;padding:11px 16px;resize:none;min-height:auto;font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,"Segoe UI",sans-serif;font-size:14px;line-height:24px;-webkit-transition:cubic-bezier(.1,.6,0,1);-o-transition:cubic-bezier(.1,.6,0,1);transition:cubic-bezier(.1,.6,0,1);display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;border:1px solid #efefef;border-radius:4px;position:relative}.form_field-cms:hover{border-color:#ccc}.form_field-cms label{pointer-events:none;position:absolute;top:16px;left:9px;font-size:14px;font-weight:inherit;white-space:nowrap;padding:0 8px;background-color:transparent;line-height:16px;color:#8d9091;-webkit-transition:cubic-bezier(.1,.6,0,1);-o-transition:cubic-bezier(.1,.6,0,1);transition:cubic-bezier(.1,.6,0,1)}.form_field-cms input::-webkit-input-placeholder{color:transparent}.form_field-cms.with-input label{top:-8px;font-size:12px;font-weight:600;background-color:#fff;color:#000}.form_field-cms input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#fff;outline:0;-webkit-box-shadow:none;box-shadow:none;border:none;font:inherit}.form_field-cms input,.form_field-cms label{color:#000}.product_item-wrap .product_item-btn,.product_item-wrap .product_item-price,.product_item-wrap .product_item-title{color:var(--primary-color);font-size:18px;line-height:1.3;word-break:break-word}.dark-background .product_item-wrap .product_item-btn,.dark-background .product_item-wrap .product_item-price,.dark-background .product_item-wrap .product_item-title{color:var(--fourth-color)}.product_item-wrap .product_item-btn{white-space:nowrap;opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);pointer-events:none;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.product_item-wrap .product_item-price{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:all;top:0;margin:0;opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--secondary-color)}.product_item-wrap:hover .item-top,.product_item-wrap:hover .product_image,.product_item-wrap:hover .product_item-title{-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;opacity:.7}.product_item-wrap:hover .product_item-price{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;pointer-events:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.product_item-wrap:hover .product_item-btn{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.product_item-details{position:relative;overflow:hidden}.product_item-details a{color:var(--primary-color)}.product_item-details--wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product_item-btn{cursor:pointer}.product_item-btn:hover{opacity:.7}.product_alt-attr{display:none}.with-image .product_alt-attr{display:block}.product-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.product-content .flex_row-2--item-40,.product-content .flex_row-2--item-60{max-width:100%}@media screen and (min-width:752px){.product-content .flex_row-2--item-40>.flex_col{position:-webkit-sticky;position:sticky;top:104px;z-index:10601}}.product-content .edy-buy-button-container{margin:24px 0}.product-content .without-images .item-top{background-image:url(../assets/ico-placeholder.svg);background-color:#f2f2f2;background-size:40px;background-repeat:no-repeat;background-position:center}.product-content .product-gallery{margin-top:10px}.product-description{margin-bottom:24px}.product-price{padding:8px 0 24px 0}.product-price .product-price-original{display:inline-block;padding-right:4px;opacity:.4}.product-price .product-price-final{display:inline-block}.dark-background .edy-product-widget-filter-search-input,.dark-background .edy-product-widget-filter-sort{opacity:.7}.dark-background .edy-product-widget-filter-label{opacity:.5}.flex_box{display:-webkit-box;display:-ms-flexbox;display:flex}.flex_auto{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.flex_col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex_row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:752px){.flex_row.reverse-col-tablet{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.flex_row-3{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex_row-3--item{width:33%;margin-bottom:32px}@media screen and (max-width:900px){.flex_row-3--item{width:50%}}@media screen and (max-width:480px){.flex_row-3--item{width:100%}}.flex_row-2{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex_row-2--item-60{width:60%;margin-bottom:32px}@media screen and (max-width:752px){.flex_row-2--item-60{width:100%}}.flex_row-2--item-40{width:40%;margin-bottom:32px}@media screen and (max-width:752px){.flex_row-2--item-40{width:100%}}.mar_0-16-neg{margin:0 -16px}.mar_0-32-neg{margin:0 -32px}.mar_0-16{margin:0 16px}.mar_0-32{margin:0 32px}.mar_32-0{margin:32px 0}@media screen and (max-width:900px){.mar_32-0{margin:16px 0}}.mar_b-32{margin-bottom:32px}@media screen and (max-width:900px){.mar_b-32{margin-bottom:16px}}.mar_t-16{margin-top:16px}.mar_r-8{margin-right:8px}.mar_t-32{margin-top:32px}@media screen and (max-width:900px){.mar_t-32{margin-top:16px}}.pad_0-4{padding:0 4px}.pad_16-0{padding:16px 0}.of-hidden{overflow:hidden}.p-abs{position:absolute}.p-rel{position:relative}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){img{image-rendering:-webkit-optimize-contrast!important}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){img{image-rendering:unset!important}}}

/* =========================================================
   ADA JOHANNA - VISUAL LAYER
   Ported from the live production site (adajohanna.ee).

   Source: production theme component aj-styles (pure CSS, no Liquid) plus the
   Voog Design-panel variables production emits through {% customstyle %}.
   Those variables are supplied directly below so this stylesheet renders
   identically without depending on the Design panel being configured here.

   Served as an external, cacheable stylesheet rather than production's 78 KB
   inline <style> on every page - same pixels, less weight.

   Staging technical architecture is untouched by this file: canonical, hreflang,
   Open Graph, Organization/BlogPosting schema, article pairing, native Voog
   product widgets and routing all live in the templates, not here.
   ========================================================= */

/* --- Voog Design-panel variables, at production's live values --- */
:root {
  --aj-button-font-size: 13px;
  --aj-featured-card-title-font-size: 15px;
  --aj-meta-font-size: 13px;
  --aj-navigation-font-size: 14px;
  --aj-product-accordion-font-size: 15px;
  --aj-product-card-price-font-size: 15px;
  --aj-shop-card-title-font-size: 15px;
  --aj-shop-list-card-title-font-size: 17px;
  --aj-site-title-font-size: 28px;
  --container-max-width: 1086px;
  --content-body-color: rgb(51,51,51);
  --content-body-font-size: 15px;
  --content-body-line-height: 1.5;
  --content-link-color: rgb(111,104,98);
  --content-link-font-style: normal;
  --content-link-font-weight: 400;
  --content-link-hover-color: rgba(0, 102, 187, 0.8);
  --content-link-hover-font-style: normal;
  --content-link-hover-font-weight: 400;
  --content-link-hover-text-decoration: none;
  --content-link-hover-text-transform: none;
  --content-link-text-decoration: none;
  --content-link-text-transform: none;
  --footer-bottom-font-size: 12px;
  --footer-text-font-size: 13px;
  --footer-title-font-size: 14px;
  --fourth-color: rgb(250,249,247);
  --headings-heading-color: rgb(51,51,51);
  --headings-heading-font-size: 22px;
  --headings-heading-font-style: normal;
  --headings-heading-font-weight: 700;
  --headings-heading-line-height: 1;
  --headings-heading-text-alignment: left;
  --headings-heading-text-decoration: none;
  --headings-heading-text-transform: none;
  --headings-subheading-color: rgb(51,51,51);
  --headings-subheading-font-size: 22px;
  --headings-subheading-font-style: normal;
  --headings-subheading-font-weight: 700;
  --headings-subheading-line-height: 1;
  --headings-subheading-text-alignment: left;
  --headings-subheading-text-decoration: none;
  --headings-subheading-text-transform: none;
  --headings-title-color: rgb(51,51,51);
  --headings-title-font-size: 29px;
  --headings-title-font-style: normal;
  --headings-title-font-weight: 700;
  --headings-title-line-height: 1;
  --headings-title-text-alignment: left;
  --headings-title-text-decoration: none;
  --headings-title-text-transform: none;
  --main-font-family: "Lora", serif;
  --primary-color: rgb(51,51,51);
  --secondary-color: rgb(111,104,98);
  --third-color: rgb(220,205,186);
}

/* --- Production visual layer --- */
/* =========================================================
     ADA JOHANNA – CENTRAL DESIGN LAYER v6.6
     Loaded once from html-head after Voog's base/custom styles.
     Component rules are deliberately scoped to .aj-* classes.
     ========================================================= */

  :root {
    --aj-pearl-white: #FAF9F7;
    --aj-light-oat: #E8E2D8;
    --aj-charcoal: #333333;
    --aj-champagne: #DCCDBA;
    --aj-blush: #F6EDEA;
    --aj-muted-text: #6F6862;
    --aj-white-soft: rgba(250, 249, 247, 0.96);
    --aj-border: rgba(220, 205, 186, 0.62);
    --aj-border-soft: var(--aj-border);

    /* Voog's global Font control is the single source of truth.
       Role aliases keep the component CSS stable and avoid selector overrides. */
    --aj-heading-font: var(--main-font-family, "Italiana", Georgia, serif);
    --aj-body-font: var(--main-font-family, "Cormorant Garamond", Georgia, serif);
    --aj-footer-font: var(--main-font-family, "Raleway", Arial, sans-serif);

    /* The normal text slider drives a proportional type scale.
       Existing visual hierarchy is retained when the base size changes. */
    --aj-type-base-size: var(--content-body-font-size, 18px);
    --aj-type-lead-size: calc(var(--aj-type-base-size) + 2px);
    --aj-type-medium-size: calc(var(--aj-type-base-size) + 1px);
    --aj-type-compact-size: calc(var(--aj-type-base-size) - 1px);
    --aj-type-card-size: calc(var(--aj-type-base-size) - 2px);

    /* Secondary role scales preserve the current hierarchy while
       keeping every visible text family connected to one Voog control. */
    --aj-site-title-mobile-size: clamp(18px, calc(var(--aj-site-title-font-size, 30px) - 8px), 28px);
    --aj-navigation-mobile-size: calc(var(--aj-navigation-font-size, 15px) - 1px);
    --aj-button-small-size: calc(var(--aj-button-font-size, 13px) - 0.5px);
    --aj-button-large-size: calc(var(--aj-button-font-size, 13px) + 1px);
    --aj-button-prominent-size: calc(var(--aj-button-font-size, 13px) + 2px);
    --aj-meta-small-size: calc(var(--aj-meta-font-size, 13px) - 2px);
    --aj-meta-label-size: calc(var(--aj-meta-font-size, 13px) - 1px);
    --aj-meta-large-size: calc(var(--aj-meta-font-size, 13px) + 2px);
    --aj-featured-card-title-mobile-size: calc(var(--aj-featured-card-title-font-size, 18px) - 2px);
    --aj-product-card-price-compact-size: calc(var(--aj-product-card-price-font-size, 18px) - 3px);

    --aj-page-width: 1240px;
    --aj-header-h: 88px;
    --aj-header-h-scrolled: 76px;
    --aj-header-h-compact: 72px;
    --aj-cart-offset: 0px;

    --aj-z-header: 1000;
    --aj-z-dropdown: 1010;
    --aj-z-search: 1020;
  }

  html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h) + 16px);
    background: var(--aj-pearl-white);
  }

  body {
    margin: 0;
    background: var(--aj-pearl-white);
    color: var(--aj-charcoal);
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-base-size);
    font-weight: 300;
    line-height: 1.65;
    letter-spacing: 0.25px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body,
  input,
  textarea,
  select {
    font-family: var(--aj-body-font);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .content-formatted h1,
  .content-formatted h2:not(.comment-title),
  .content-formatted h3,
  .content-formatted h4,
  .content-formatted h5,
  .content-formatted h6,
  .content-item-title h1,
  .post-title {
    font-family: var(--aj-heading-font);
    font-weight: 400;
    color: var(--aj-charcoal);
    letter-spacing: 0.9px;
    line-height: 1.12;
    text-transform: none;
  }

  h1,
  .content-formatted h1 {
    font-size: clamp(42px, 5.2vw, 64px);
    margin: 0 0 28px;
  }

  h2,
  .content-formatted h2:not(.comment-title) {
    font-size: clamp(31px, 3.7vw, 45px);
    margin: 0 0 22px;
  }

  h3,
  .content-formatted h3 {
    font-size: clamp(23px, 2.25vw, 31px);
    margin: 0 0 14px;
  }

  p {
    margin: 0 0 18px;
  }

  a,
  .content-formatted a:not(.custom-btn) {
    color: var(--aj-charcoal);
    text-decoration: none;
    transition:
      color 0.22s ease,
      opacity 0.22s ease,
      background-color 0.22s ease,
      border-color 0.22s ease;
  }

  a:hover,
  .content-formatted a:not(.custom-btn):hover {
    color: var(--aj-muted-text);
  }

  img {
    max-width: 100%;
    height: auto;
  }

  ::selection {
    background: var(--aj-light-oat);
    color: var(--aj-charcoal);
  }

  body:not(.front-page):not(.product_list-page):not(.aj-editorial-page):not(.post-page) main.content {
    max-width: var(--aj-page-width);
    margin-left: auto;
    margin-right: auto;
  }

  body:not(.front-page):not(.product_list-page):not(.aj-editorial-page):not(.post-page):not(.aj-shop-page) main.content > .content-body,
  body:not(.front-page):not(.product_list-page):not(.aj-editorial-page):not(.post-page):not(.aj-shop-page) main.content > .content-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .content-formatted .custom-btn,
  .form_submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 24px;
    border: 1px solid var(--aj-charcoal);
    border-radius: 0;
    background: var(--aj-charcoal);
    color: var(--aj-pearl-white);
    box-shadow: none;
    font-family: var(--aj-body-font);
    font-size: var(--aj-button-prominent-size);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    cursor: pointer;
  }

  .content-formatted .custom-btn:hover,
  .form_submit input[type="submit"]:hover {
    background: var(--aj-muted-text);
    border-color: var(--aj-muted-text);
    color: var(--aj-pearl-white);
  }

  .content-formatted input[type="text"],
  .content-formatted input[type="email"],
  .content-formatted input[type="tel"],
  .content-formatted input[type="search"],
  .content-formatted input[type="number"],
  .content-formatted select,
  .content-formatted textarea {
    background: var(--aj-pearl-white);
    color: var(--aj-charcoal);
    border: 1px solid var(--aj-border);
    border-radius: 0;
    box-shadow: none;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-base-size);
    font-weight: 300;
    padding: 10px 12px;
  }

  .content-formatted input:focus-visible,
  .content-formatted select:focus-visible,
  .content-formatted textarea:focus-visible {
    outline: 2px solid var(--aj-champagne);
    outline-offset: 2px;
  }


  /* =========================================================
     HEADER / NAVIGATION
     ========================================================= */

  .header.aj-header,
  .header.aj-header * {
    box-sizing: border-box;
  }

  .header.aj-header {
    position: fixed;
    top: var(--aj-cart-offset);
    left: 0;
    right: 0;
    z-index: var(--aj-z-header);
    width: 100%;
    min-height: var(--aj-header-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 44px;
    background: rgba(250, 249, 247, 0.90);
    border-bottom: 1px solid rgba(220, 205, 186, 0.42);
    box-shadow: none;
    color: var(--aj-muted-text);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .aj-voog-cart-bar {
    box-sizing: border-box !important;
    min-height: 36px !important;
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    color: #111111 !important;
    line-height: 1.2 !important;
  }

  .aj-voog-cart-bar > * {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .aj-voog-cart-bar,
  .aj-voog-cart-bar a,
  .aj-voog-cart-bar button,
  .aj-voog-cart-bar span {
    color: #111111 !important;
  }

  body.aj-is-scrolled .header.aj-header {
    min-height: var(--aj-header-h-scrolled);
    background: rgba(250, 249, 247, 0.98);
    border-bottom-color: var(--aj-border);
    box-shadow: 0 14px 34px rgba(51, 51, 51, 0.05);
  }

  body:not(.front-page) {
    padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h));
  }

  /* Product layouts reset body padding with !important. Restore only the
     fixed cart/header stack clearance without affecting any other page type. */
  body.product_page {
    padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h)) !important;
  }

  body.front-page {
    padding-top: 0;
  }

  .header.aj-header .header-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    overflow: visible;
  }

  .header.aj-header .header-title {
    display: block;
    width: auto;
    min-width: 240px;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: visible;
  }

  .header.aj-header .header-title,
  .header.aj-header .header-title a {
    font-family: var(--aj-heading-font);
    font-size: var(--aj-site-title-font-size, 30px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
    text-decoration: none;
  }

  .header.aj-header .header-title a:hover {
    color: var(--aj-charcoal);
  }

  .header.aj-header .aj-site-logo-link {
    display: inline-flex;
    align-items: center;
    width: 240px;
    max-width: 100%;
    line-height: 0;
  }

  .header.aj-header .aj-site-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 64px;
    object-fit: contain;
    object-position: left center;
  }

  .aj-header .aj-nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    margin-left: auto;
    padding: 0;
    background: transparent;
    overflow: visible;
  }

  .aj-header .aj-main-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 34px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
  }

  .aj-header .aj-main-menu li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
  }

  .aj-header .aj-main-menu > li > a,
  .aj-header .aj-search-toggle {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-navigation-font-size, 15px);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.9px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
    background: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }

  .aj-header .aj-main-menu > li > a:hover,
  .aj-header .aj-search-toggle:hover {
    color: var(--aj-charcoal);
    border-bottom-color: var(--aj-champagne);
    background: transparent;
  }

  .aj-header .aj-main-menu > li > a:focus-visible,
  .aj-header .aj-search-toggle:focus-visible,
  .aj-header .menu-btn:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-header .aj-voog-shop-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--aj-z-dropdown);
    display: block;
    min-width: 235px;
    margin: 0;
    padding: 12px 0;
    list-style: none;
    background: rgba(250, 249, 247, 0.99);
    border: 1px solid var(--aj-border);
    box-shadow: 0 18px 42px rgba(51, 51, 51, 0.09);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.18s ease,
      visibility 0.18s ease;
  }

  .aj-header .aj-voog-shop-item:hover > .aj-voog-shop-dropdown,
  .aj-header .aj-voog-shop-item:focus-within > .aj-voog-shop-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .aj-header .aj-voog-shop-dropdown a {
    display: block;
    min-height: 0;
    padding: 11px 20px;
    font-family: var(--aj-body-font);
    font-size: var(--aj-navigation-font-size, 15px);
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.8px;
    text-transform: none;
    white-space: nowrap;
    color: var(--aj-charcoal);
    background: transparent;
    border: 0;
    text-decoration: none;
  }

  .aj-header .aj-voog-shop-dropdown a:hover,
  .aj-header .aj-voog-shop-dropdown a:focus-visible {
    color: var(--aj-muted-text);
    background: rgba(232, 226, 216, 0.34);
  }

  .aj-header .aj-search-item {
    position: relative;
  }

  .aj-header .aj-search-toggle {
    width: 36px;
    height: 36px;
    min-height: 36px;
    justify-content: center;
    border-bottom: 0;
    appearance: none;
    -webkit-appearance: none;
  }

  .aj-header .aj-search-toggle svg {
    width: 20px;
    height: 20px;
    display: block;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }

  .aj-header .aj-search-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: var(--aj-z-search);
    width: 190px;
    padding: 7px;
    background: rgba(250, 249, 247, 0.94);
    border: 0;
    box-shadow: 0 8px 18px rgba(51, 51, 51, 0.035);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    pointer-events: none;
    transition:
      opacity 0.18s ease,
      visibility 0.18s ease,
      transform 0.18s ease;
  }

  .aj-header .aj-search-item.is-open .aj-search-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .aj-header .aj-search-form {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .aj-header .aj-search-input {
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid rgba(220, 205, 186, 0.34);
    border-radius: 0;
    background: rgba(250, 249, 247, 0.98);
    color: var(--aj-muted-text);
    font-family: var(--aj-body-font);
    font-size: var(--aj-navigation-font-size, 15px);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.25px;
    outline: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
  }

  .aj-header .aj-search-input:focus-visible {
    border-color: var(--aj-champagne);
    outline: 2px solid rgba(51, 51, 51, 0.18);
    outline-offset: 1px;
  }

  .aj-header .aj-search-disabled {
    margin: 0;
    color: var(--aj-muted-text);
    font-family: var(--aj-body-font);
    font-size: var(--aj-navigation-font-size, 15px);
    font-weight: 300;
    line-height: 1.4;
  }

  .aj-header .menu-btn {
    display: none;
  }


  /* =========================================================
     HERO
     ========================================================= */

  .aj-hero,
  .aj-hero * {
    box-sizing: border-box;
  }

  .aj-hero {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: none;
    min-height: 360px;
    height: 42vh;
    height: 42svh;
    max-height: 460px;
    margin: 0;
    background: var(--aj-charcoal);
    color: var(--aj-pearl-white);
    overflow: hidden;
  }

  .aj-hero--story {
    min-height: 429px;
    height: 52.8vh;
    height: 52.8svh;
    max-height: 572px;
  }

  body.front-page .aj-hero {
    --aj-hero-content-top: clamp(235px, 27vh, 280px);
    --aj-hero-content-top: clamp(235px, 27svh, 280px);

    min-height: 700px;
    height: clamp(700px, 82vh, 840px);
    height: clamp(700px, 82svh, 840px);
    max-height: 840px;
    align-items: flex-start;
  }

  .aj-hero__image-wrap {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--aj-light-oat);
  }

  .aj-hero__picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .aj-hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    image-rendering: auto !important;
  }

  .aj-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
      linear-gradient(
        90deg,
        rgba(51, 51, 51, 0.46) 0%,
        rgba(51, 51, 51, 0.26) 34%,
        rgba(51, 51, 51, 0.06) 76%
      ),
      linear-gradient(
        180deg,
        rgba(51, 51, 51, 0.22) 0%,
        rgba(51, 51, 51, 0.04) 46%,
        rgba(51, 51, 51, 0.18) 100%
      );
  }

  .aj-hero--story::after {
    background:
      linear-gradient(
        90deg,
        rgba(51, 51, 51, 0.56) 0%,
        rgba(51, 51, 51, 0.34) 34%,
        rgba(51, 51, 51, 0.08) 74%
      ),
      linear-gradient(
        180deg,
        rgba(51, 51, 51, 0.38) 0%,
        rgba(51, 51, 51, 0.05) 42%,
        rgba(51, 51, 51, 0.22) 100%
      );
  }

  body.front-page .aj-hero::after {
    background:
      linear-gradient(
        90deg,
        rgba(51, 51, 51, 0.42) 0%,
        rgba(51, 51, 51, 0.24) 34%,
        rgba(51, 51, 51, 0.04) 76%
      ),
      linear-gradient(
        180deg,
        rgba(51, 51, 51, 0.20) 0%,
        rgba(51, 51, 51, 0.04) 46%,
        rgba(51, 51, 51, 0.15) 100%
      );
  }

  .aj-hero__content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 118px 44px 64px;
  }

  .aj-hero--story .aj-hero__content {
    max-width: none;
    margin: 0;
    padding:
      48px
      44px
      48px
      clamp(20px, 3.2vw, 44px);
  }

  body.front-page .aj-hero__content {
    max-width: none;
    margin: 0;
    padding-top: var(--aj-hero-content-top);
    padding-right: 44px;
    padding-bottom: 82px;
    padding-left: clamp(20px, 3.2vw, 44px);
  }

  .aj-hero__title,
  .content-formatted .aj-hero__title {
    max-width: 620px;
    margin: 0 0 18px;
    font-family: var(--aj-heading-font);
    font-size: clamp(38px, 4.7vw, 58px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    color: var(--aj-pearl-white);
    text-align: left;
    text-shadow: 0 12px 34px rgba(51, 51, 51, 0.42);
  }

  body.front-page .aj-hero__title {
    font-size: clamp(36px, 4.2vw, 54px);
    text-shadow: 0 14px 38px rgba(51, 51, 51, 0.42);
  }

  .aj-hero__lead {
    max-width: 560px;
    margin: 0 0 26px;
    font-family: var(--aj-body-font);
    font-size: clamp(var(--aj-type-base-size), 1.45vw, var(--aj-type-lead-size));
    font-weight: 300;
    line-height: 1.48;
    color: rgba(250, 249, 247, 0.98);
    text-align: left;
    text-shadow: 0 10px 28px rgba(51, 51, 51, 0.42);
  }

  .aj-hero--story .aj-hero__lead {
    max-width: 600px;
    margin-bottom: 22px;
    font-size: clamp(var(--aj-type-base-size), 1.45vw, var(--aj-type-lead-size));
  }

  .aj-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 22px;
    background: rgba(250, 249, 247, 0.04);
    border: 1px solid rgba(250, 249, 247, 0.90);
    color: var(--aj-pearl-white);
    font-family: var(--aj-body-font);
    font-size: var(--aj-button-small-size);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 8px 22px rgba(51, 51, 51, 0.28);
  }

  .aj-hero--story .aj-hero__button {
    min-height: 36px;
    padding: 8px 22px;
    font-size: var(--aj-button-small-size);
  }

  .aj-hero__button:hover {
    background: rgba(250, 249, 247, 0.16);
    border-color: var(--aj-pearl-white);
    color: var(--aj-pearl-white);
  }

  .aj-hero__button:focus-visible {
    outline: 2px solid var(--aj-pearl-white);
    outline-offset: 3px;
  }

  .aj-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }


  /* =========================================================
     FRONT PAGE
     ========================================================= */

  body.front-page,
  body.front-page .background-image,
  body.front-page .background-color {
    background: var(--aj-pearl-white);
  }

  body.front-page .container,
  body.front-page .js-background-type,
  body.front-page .container > .js-background-type,
  body.front-page .container > .js-background-type > .background-color,
  body.front-page main.content {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
    overflow: visible;
  }

  .aj-front {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    color: var(--aj-charcoal);
  }

  .aj-values-bar {
    width: 100%;
    background: var(--aj-pearl-white);
    border-bottom: 1px solid var(--aj-border);
  }

  .aj-values-bar__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 34px;
    box-sizing: border-box;
  }

  .aj-values-bar__inner span {
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-large-size);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: var(--aj-charcoal);
    white-space: nowrap;
  }

  .aj-categories {
    width: 100%;
    margin: 0;
    padding: 74px 10px 82px;
    background: var(--aj-light-oat);
    box-sizing: border-box;
  }

  .aj-categories__inner {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
  }

  .aj-section-heading {
    margin: 0 auto 34px;
    text-align: center;
  }

  .aj-section-heading__title,
  .content-formatted .aj-section-heading__title {
    margin: 14px 0 0;
    font-family: var(--aj-heading-font);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0.9px;
    color: var(--aj-charcoal);
    text-align: center;
  }

  .aj-section-heading__title--small,
  .content-formatted .aj-section-heading__title--small {
    margin-top: 0;
    font-size: clamp(17px, 2vw, 24px);
    line-height: 1.18;
    letter-spacing: 0.7px;
  }

  .aj-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .aj-category-card {
    display: block;
    width: 100%;
    min-width: 0;
    color: var(--aj-charcoal);
    text-decoration: none;
    background: rgba(250, 249, 247, 0.74);
    border: 0;
    overflow: hidden;
    transition:
      transform 0.24s ease,
      opacity 0.24s ease;
  }

  .aj-category-card:hover {
    transform: translateY(-2px);
    opacity: 0.96;
  }

  .aj-category-card:focus-visible,
  .aj-story-button:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-category-card__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: var(--aj-light-oat);
    overflow: hidden;
  }

  .aj-category-card__image img,
  .aj-scent-story__image img,
  .aj-favourites__dynamic .edy-product-widget-item-top img {
    image-rendering: auto !important;
  }

  .aj-category-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .aj-category-card__title {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 10px 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--aj-heading-font);
    font-size: clamp(16px, 1.35vw, 22px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0.45px;
    text-align: center;
    color: var(--aj-charcoal);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .aj-scent-story {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 58px 22px 66px;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
  }

  .aj-scent-story--memory {
    padding-top: 34px;
    padding-bottom: 40px;
  }

  .aj-scent-story--balanced {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .aj-scent-story__inner {
    max-width: 1180px;
    margin: 0 auto;
  }

  .aj-favourites__inner,
  .aj-favourites__dynamic {
    width: 100%;
    max-width: 1580px;
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  .aj-scent-story--memory .aj-scent-story__inner {
    max-width: 1120px;
  }

  .aj-scent-story__row {
    display: grid;
    grid-template-columns:
      minmax(0, 0.92fr)
      minmax(330px, 0.86fr);
    gap: clamp(42px, 5vw, 68px);
    align-items: center;
    margin: 0;
  }

  .aj-scent-story--memory .aj-scent-story__row {
    grid-template-columns:
      minmax(430px, 1fr)
      minmax(420px, 0.92fr);
    gap: clamp(46px, 5vw, 72px);
  }

  .aj-scent-story__image {
    width: 100%;
    max-width: 455px;
    justify-self: end;
    background: var(--aj-light-oat);
    border: 1px solid var(--aj-border);
    overflow: hidden;
  }

  .aj-scent-story--memory .aj-scent-story__image {
    max-width: 540px;
    aspect-ratio: 1.48 / 1;
  }

  .aj-scent-story--memory .aj-scent-story__row > .aj-scent-story__image:first-child,
  .aj-scent-story--memory .aj-scent-story__row > .aj-scent-story__text:first-child {
    justify-self: end;
  }

  .aj-scent-story--memory .aj-scent-story__row > .aj-scent-story__image:last-child,
  .aj-scent-story--memory .aj-scent-story__row > .aj-scent-story__text:last-child {
    justify-self: start;
  }

  .aj-scent-story__image img {
    display: block;
    width: 100%;
    height: clamp(320px, 30vw, 430px);
    object-fit: cover;
    object-position: center;
  }

  .aj-scent-story--memory .aj-scent-story__image img {
    height: 100%;
  }

  .aj-scent-story__text {
    max-width: 430px;
    margin: 0;
    padding: 0;
    align-self: center;
  }

  .aj-scent-story--memory .aj-scent-story__text {
    max-width: 510px;
  }

  .aj-scent-story__text p {
    margin: 0 0 24px;
    font-family: var(--aj-body-font);
    font-size: clamp(var(--aj-type-base-size), 1.32vw, var(--aj-type-lead-size));
    font-weight: 300;
    line-height: 1.76;
    letter-spacing: 0.16px;
    color: var(--aj-charcoal);
  }

  .aj-scent-story--memory .aj-scent-story__text p {
    max-width: 510px;
    margin-bottom: 18px;
    font-size: clamp(var(--aj-type-base-size), 1.24vw, var(--aj-type-medium-size));
    line-height: 1.58;
    letter-spacing: 0.12px;
  }

  .aj-scent-story__text p:last-child {
    margin-bottom: 0;
  }

  .aj-story-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin-top: 22px;
    padding: 9px 24px;
    background: rgba(250, 249, 247, 0.04);
    border: 1px solid var(--aj-charcoal);
    color: var(--aj-charcoal);
    font-family: var(--aj-body-font);
    font-size: var(--aj-button-font-size, 13px);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none;
  }

  .aj-story-button:hover {
    background: rgba(232, 226, 216, 0.34);
    border-color: var(--aj-muted-text);
    color: var(--aj-muted-text);
  }

  .aj-favourites {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 78px 28px 86px;
    background: var(--aj-light-oat);
    box-sizing: border-box;
  }

  .aj-favourites__dynamic {
    padding: 0;
  }

  .aj-favourites__dynamic > .edy-positionable-container-center,
  .aj-favourites__dynamic > .edy-positionable-container-left-block,
  .aj-favourites__dynamic > .edy-positionable-container-right-block,
  .aj-favourites__dynamic > .edy-texteditor-container-wrapper-center,
  .aj-favourites__dynamic > .edy-texteditor-container-wrapper-left-block,
  .aj-favourites__dynamic > .edy-texteditor-container-wrapper-right-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .aj-favourites__dynamic .edy-product-widget-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 34px 26px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item,
  .aj-favourites__dynamic .edy-product-widget-item-wrap {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-top-outer {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    overflow: hidden !important;
    background: var(--aj-pearl-white) !important;
    border: 1px solid var(--aj-border) !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-top {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-top img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-details-wrap {
    margin: 0 !important;
    padding: 12px 0 0 !important;
    background: transparent !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-details {
    min-height: 28px !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-title,
  .aj-favourites__dynamic .edy-product-widget-item-link {
    margin: 0 !important;
    font-family: var(--aj-heading-font) !important;
    font-size: var(--aj-featured-card-title-font-size, 18px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    letter-spacing: 0.35px !important;
    color: var(--aj-charcoal) !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-link:hover,
  .aj-favourites__dynamic .edy-product-widget-item-link:focus-visible {
    color: var(--aj-muted-text) !important;
  }

  .aj-favourites__dynamic .edy-product-widget-item-link:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-favourites__dynamic .edy-product-widget-item-price,
  .aj-favourites__dynamic .edy-product-widget-item-price-final,
  .aj-favourites__dynamic .edy-product-widget-item-price-original {
    font-family: var(--aj-body-font) !important;
    font-size: var(--aj-product-card-price-compact-size) !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
    color: var(--aj-muted-text) !important;
    letter-spacing: 0.25px !important;
  }


  /* =========================================================
     SHOP CONTENT PRODUCT WIDGET
     Scope: only product widgets placed on common e-shop pages.
     Voog keeps ownership of cart actions, stock and variants.
     ========================================================= */

  body.common-page.aj-shop-page {
    --aj-shop-card-max-width: 380px;
    --aj-shop-card-column-gap: 56px;
    --aj-shop-card-row-gap: 56px;
    --aj-shop-card-title-size: var(--aj-shop-list-card-title-font-size, 17px);
    --aj-shop-card-title-price-gap: 8px;
    --aj-shop-card-price-size: 15px;
    --aj-shop-card-price-button-gap: 20px;
    --aj-shop-card-button-width: 120px;
    --aj-shop-card-button-hit-height: 44px;
    --aj-shop-card-button-visible-height: 40px;
    /* Driven by the Design Editor control "Tootekaardi nupu teksti suurus".
       Declared on the shop scope, so it reads the :root control set by
       customstyle and keeps 12px as the fallback. */
    --aj-shop-card-button-font-size: var(--aj-product-card-cta-font-size, 12px);
  }

  @media (min-width: 981px) {

    body.common-page.aj-shop-page .content-body .edy-product-widget-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, var(--aj-shop-card-max-width))) !important;
      justify-content: center !important;
      column-gap: var(--aj-shop-card-column-gap) !important;
      row-gap: var(--aj-shop-card-row-gap) !important;
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-top: clamp(48px, 4vw, 56px) !important;
    }

    body.common-page.aj-shop-page .content-body .edy-product-widget-item-wrap {
      width: 100% !important;
      max-width: var(--aj-shop-card-max-width) !important;
      min-width: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details-wrap,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details-flex-wrap,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-price,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn-wrap {
    text-align: left !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-title {
    margin: 0 0 var(--aj-shop-card-title-price-gap) !important;
    color: var(--aj-charcoal) !important;
    font-size: var(--aj-shop-card-title-size) !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details-flex-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details-flex-wrap > .edy-product-widget-item-details-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-price,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item:hover .edy-product-widget-item-price {
    position: static !important;
    order: 1 !important;
    margin: 0 !important;
    color: var(--aj-muted-text) !important;
    font-size: var(--aj-shop-card-price-size) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-price-final,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-price-original {
    color: inherit !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn-wrap {
    position: static !important;
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn {
    position: relative !important;
    order: 2 !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--aj-shop-card-button-width) !important;
    min-width: var(--aj-shop-card-button-width) !important;
    max-width: 100% !important;
    height: var(--aj-shop-card-button-hit-height) !important;
    min-height: var(--aj-shop-card-button-hit-height) !important;
    margin: var(--aj-shop-card-price-button-gap) 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--aj-charcoal) !important;
    font-family: var(--aj-body-font) !important;
    font-size: var(--aj-shop-card-button-font-size) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: var(--aj-shop-card-button-visible-height);
    box-sizing: border-box;
    background: transparent;
    border: 1px solid var(--aj-champagne);
    transform: translateY(-50%);
    pointer-events: none;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn:hover,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn:focus-visible {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--aj-charcoal) !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn:hover::before,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn:focus-visible::before {
    background: rgba(220, 205, 186, 0.16);
    border-color: var(--aj-champagne);
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn:focus-visible {
    outline: 2px solid rgba(220, 205, 186, 0.72) !important;
    outline-offset: 2px !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn-disabled,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn.edy-buy-button-disabled {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--aj-muted-text) !important;
    cursor: not-allowed !important;
  }

  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn-disabled::before,
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn.edy-buy-button-disabled::before {
    background: transparent;
    border-color: rgba(220, 205, 186, 0.5);
  }

  @media (max-width: 640px) {

    body.common-page.aj-shop-page .content-body .edy-product-widget-item-title {
      font-size: 16px !important;
    }

    body.common-page.aj-shop-page .content-body .edy-product-widget-item-price,
    body.common-page.aj-shop-page .content-body .edy-product-widget-item:hover .edy-product-widget-item-price {
      font-size: 14px !important;
    }

    body.common-page.aj-shop-page .content-body .edy-product-widget-item-btn::before {
      height: var(--aj-shop-card-button-hit-height);
    }

  }

  .aj-editable-content {
    width: calc(
      100%
      - var(--aj-editorial-layout-gutter)
      - var(--aj-editorial-layout-gutter)
    );
    max-width: var(--aj-editorial-layout-max-width);
    margin: 0 auto;
    padding: 0 0 82px;
    background: var(--aj-pearl-white);
  }


  /* =========================================================
     PRODUCT LIST PAGE
     ========================================================= */

  body.product_list-page,
  body.product_list-page .background-image,
  body.product_list-page .background-color {
    background: var(--aj-pearl-white);
  }

  body.product_list-page .container,
  body.product_list-page .js-background-type,
  body.product_list-page .container > .js-background-type,
  body.product_list-page .container > .js-background-type > .background-color,
  body.product_list-page main.content {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
  }

  .aj-shop-intro {
    max-width: 980px;
    margin: 0 auto;
    padding: 70px 28px 30px;
    text-align: center;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
  }

  .aj-shop-intro__title {
    margin: 0 auto 18px;
    font-family: var(--aj-heading-font);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0.9px;
    color: var(--aj-charcoal);
  }

  .aj-shop-intro__text {
    max-width: 760px;
    margin: 0 auto;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-lead-size);
    font-weight: 300;
    line-height: 1.68;
    color: var(--aj-muted-text);
  }

  body.product_list-page .menu-breadcrumbs {
    max-width: 1320px;
    margin: 0 auto 28px;
    padding: 0 32px 16px;
    border-bottom: 1px solid var(--aj-border);
    font-family: var(--aj-body-font);
    font-size: var(--aj-navigation-font-size, 15px);
    font-weight: 300;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
    box-sizing: border-box;
  }

  .aj-shop-products {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 32px 96px;
    box-sizing: border-box;
    background: var(--aj-pearl-white);
  }

  .aj-shop-products .aj-fixed-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 42px 28px;
    align-items: start;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
  }

  .aj-shop-products .aj-fixed-product-card {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-align: left;
    color: var(--aj-charcoal);
    box-sizing: border-box;
    overflow: hidden;
  }

  .aj-shop-products .aj-fixed-product-image-link {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 0 16px;
    background: var(--aj-light-oat);
    border: 1px solid var(--aj-border);
    overflow: hidden;
    box-sizing: border-box;
  }

  .aj-shop-products .aj-fixed-product-image-link img,
  .aj-shop-products .aj-fixed-product-image-link picture,
  .aj-shop-products .aj-fixed-product-image-link .aj-fixed-product-image {
    display: block;
    width: 100%;
    height: 100%;
  }

  .aj-shop-products .aj-fixed-product-image-link img {
    object-fit: contain;
    object-position: center;
    transform: none;
    image-rendering: auto !important;
  }

  .aj-shop-products .aj-fixed-product-title {
    display: block;
    margin: 16px 0 7px;
    padding: 0;
    font-family: var(--aj-heading-font);
    font-size: var(--aj-shop-card-title-font-size, 24px);
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: 0.8px;
    color: var(--aj-charcoal);
    text-align: left;
    text-transform: none;
    text-decoration: none;
  }

  .aj-shop-products .aj-fixed-product-price {
    display: block;
    margin: 6px 0 0;
    padding: 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-product-card-price-font-size, 18px);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 0.35px;
    color: var(--aj-muted-text);
    text-align: left;
  }

  .aj-shop-products .aj-fixed-product-price__original {
    margin-right: 6px;
    text-decoration: line-through;
    opacity: 0.58;
  }

  .aj-shop-products .aj-fixed-product-button {
    display: inline-block;
    width: auto;
    min-height: auto;
    margin: 12px 0 0;
    padding: 5px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--aj-champagne);
    border-radius: 0;
    box-shadow: none;
    color: var(--aj-charcoal);
    font-family: var(--aj-body-font);
    font-size: var(--aj-button-large-size);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
  }

  .aj-shop-products .aj-fixed-product-button:hover,
  .aj-shop-products .aj-fixed-product-button:focus-visible {
    color: var(--aj-muted-text);
    border-bottom-color: var(--aj-charcoal);
  }

  .aj-shop-products .aj-fixed-product-soldout {
    margin-top: 8px;
    font-family: var(--aj-body-font);
    font-size: calc(var(--aj-meta-font-size, 13px) + 1px);
    font-weight: 300;
    color: var(--aj-muted-text);
  }


  /* =========================================================
     BLOG ARTICLE
     ========================================================= */

  body.post-page,
  body.post-page .background-image,
  body.post-page .background-color {
    background: var(--aj-pearl-white);
  }

  body.post-page .container,
  body.post-page .js-background-type,
  body.post-page .container > .js-background-type,
  body.post-page .container > .js-background-type > .background-color,
  body.post-page main.content {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
    overflow: visible;
  }

  body.post-page main.content > .post-box,
  body.post-page main.content .post-box,
  body.post-page main.content > article,
  body.post-page main.content > .post {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-right: 28px;
    box-sizing: border-box;
  }

  body.post-page main.content > .post,
  body.post-page main.content .post-box {
    padding-top: 54px;
    padding-bottom: 58px;
  }

  body.post-page main.content .post-header {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--aj-charcoal);
  }

  body.post-page main.content .post-title,
  body.post-page main.content .article-title {
    font-family: var(--aj-heading-font);
    font-weight: 400;
    letter-spacing: 0.9px;
    color: var(--aj-charcoal);
    text-transform: none;
  }

  body.post-page main.content .post-content,
  body.post-page main.content .post-excerpt,
  body.post-page main.content .post-body,
  body.post-page main.content .article-content {
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-lead-size);
    font-weight: 300;
    line-height: 1.72;
    color: var(--aj-charcoal);
  }

  body.post-page main.content .post-content p,
  body.post-page main.content .post-excerpt p,
  body.post-page main.content .post-body p,
  body.post-page main.content .article-content p {
    margin-bottom: 1.2em;
    font-size: var(--aj-type-lead-size);
    line-height: 1.72;
    color: var(--aj-charcoal);
  }

  body.post-page main.content .post-body.content-formatted a:not(.custom-btn),
  body.post-page main.content .post-excerpt.content-formatted a:not(.custom-btn) {
    color: var(--aj-charcoal);
    text-decoration-line: underline;
    text-decoration-color: var(--aj-champagne);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  body.post-page main.content .post-body.content-formatted a:not(.custom-btn):hover,
  body.post-page main.content .post-excerpt.content-formatted a:not(.custom-btn):hover {
    color: var(--aj-muted-text);
    text-decoration-color: var(--aj-charcoal);
  }

  body.post-page .post-nav {
    max-width: 1060px;
    margin: 0 auto;
    padding: 22px 28px 64px;
    box-sizing: border-box;
  }

  body.post-page .post-nav-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  body.post-page .post-nav-link {
    display: block;
    padding: 20px 22px;
    border: 1px solid var(--aj-border-soft);
    background: rgba(250, 249, 247, 0.84);
    text-decoration: none;
  }

  body.post-page .post-nav-link:hover {
    background: rgba(232, 226, 216, 0.34);
  }

  body.post-page .post-nav-direction {
    margin-bottom: 6px;
    font-family: var(--aj-footer-font);
    font-size: var(--aj-meta-label-size);
    line-height: 1.3;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
  }

  body.post-page .post-nav-title {
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-medium-size);
    line-height: 1.35;
    color: var(--aj-charcoal);
  }

  body.post-page main.content .comments {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 28px 90px;
    box-sizing: border-box;
  }

  @media (max-width: 760px) {

    body.post-page main.content > .post-box,
    body.post-page main.content .post-box,
    body.post-page main.content > article,
    body.post-page main.content > .post {
      padding-left: 20px;
      padding-right: 20px;
    }

    body.post-page main.content .post-content,
    body.post-page main.content .post-excerpt,
    body.post-page main.content .post-body,
    body.post-page main.content .article-content,
    body.post-page main.content .post-content p,
    body.post-page main.content .post-excerpt p,
    body.post-page main.content .post-body p,
    body.post-page main.content .article-content p {
      font-size: var(--aj-type-medium-size);
      line-height: 1.68;
    }

    body.post-page .post-nav {
      padding-left: 20px;
      padding-right: 20px;
    }

    body.post-page .post-nav-inner {
      grid-template-columns: 1fr;
    }

    body.post-page main.content .comments {
      padding-left: 20px;
      padding-right: 20px;
    }

  }


  /* =========================================================
     EDITORIAL HUB
     ========================================================= */

  body.aj-editorial-page {
    background: var(--aj-pearl-white);
    color: var(--aj-charcoal);
  }

  body.aj-editorial-page .container,
  body.aj-editorial-page .container > .js-background-type,
  body.aj-editorial-page .container > .js-background-type > .background-color,
  body.aj-editorial-page main.content {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    box-sizing: border-box;
  }

  .aj-editorial-hub,
  .aj-editorial-hub * {
    box-sizing: border-box;
  }

  .aj-editorial-hub {
    --aj-editorial-layout-max-width: 1280px;
    --aj-editorial-layout-gutter: 28px;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--aj-pearl-white);
    color: var(--aj-charcoal);
  }

  .aj-editorial-intro {
    width: 100%;
    padding: 38px 28px 30px;
    background: var(--aj-pearl-white);
  }

  .aj-editorial-intro__inner {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
  }

  .aj-editorial-intro__eyebrow {
    margin: 0 0 14px;
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-label-size);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
  }

  .aj-editorial-intro__eyebrow a {
    color: inherit;
    text-decoration: none;
  }

  .aj-editorial-intro__eyebrow a:hover {
    color: var(--aj-charcoal);
  }

  .aj-editorial-intro__title {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    font-family: var(--aj-heading-font);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0.9px;
    text-transform: none;
    text-align: center;
    color: var(--aj-charcoal);
  }

  .aj-editorial-intro__lead {
    max-width: 720px;
    margin: 0 auto;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-medium-size);
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.12px;
    text-align: center;
    color: var(--aj-muted-text);
  }

  .aj-editorial-intro__lead--title {
    margin: 0 auto;
    font-family: var(--aj-body-font);
    font-size: clamp(var(--aj-type-base-size), 1.55vw, var(--aj-type-lead-size));
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.12px;
    color: var(--aj-muted-text);
  }

  .aj-editorial-topics {
    width: 100%;
    padding: 32px 28px 38px;
    background: var(--aj-light-oat);
  }

  .aj-editorial-topics__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
  }

  .aj-editorial-section-label {
    margin: 0 0 20px;
    padding: 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-label-size);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: var(--aj-muted-text);
  }

  .aj-editorial-topic-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 10px;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .aj-editorial-topic-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 15px;
    border: 1px solid rgba(111, 104, 98, 0.30);
    background: transparent;
    color: var(--aj-charcoal);
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-font-size, 13px);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.7px;
    text-decoration: none;
    transition:
      background-color 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease;
  }

  .aj-editorial-topic-link:hover {
    border-color: var(--aj-muted-text);
    background: rgba(250, 249, 247, 0.42);
    color: var(--aj-charcoal);
  }

  .aj-editorial-topic-link.is-active {
    border-color: var(--aj-charcoal);
    background: var(--aj-charcoal);
    color: var(--aj-pearl-white);
  }

  .aj-editorial-topic-link:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-editorial-stories {
    width: 100%;
    padding:
      48px
      var(--aj-editorial-layout-gutter)
      78px;
    background: var(--aj-pearl-white);
  }

  .aj-editorial-stories__inner {
    width: 100%;
    max-width: var(--aj-editorial-layout-max-width);
    margin: 0 auto;
  }

  .aj-editorial-add {
    width: 100%;
    max-width: var(--aj-editorial-layout-max-width);
    margin: 0 auto 22px;
  }

  .aj-editorial-add:empty {
    display: none;
  }

  .aj-editorial-featured {
    display: grid;
    grid-template-columns:
      minmax(0, 1.12fr)
      minmax(300px, 0.88fr);
    align-items: stretch;
    width: 100%;
    min-width: 0;
    margin: 0 0 52px;
    padding: 0;
    background: var(--aj-light-oat);
  }

  .aj-editorial-featured__media {
    display: block;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 350px;
    overflow: hidden;
    background: var(--aj-light-oat);
    text-decoration: none;
  }

  .aj-editorial-featured__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
    object-position: center center;
    image-rendering: auto !important;
  }

  .aj-editorial-featured--no-image {
    display: block;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid var(--aj-border);
    border-bottom: 1px solid var(--aj-border);
    background: transparent;
  }

  .aj-editorial-featured__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(32px, 4vw, 52px);
  }

  .aj-editorial-featured--no-image .aj-editorial-featured__body {
    max-width: 780px;
    margin: 0 auto;
    padding: 38px 28px 42px;
    text-align: center;
    align-items: center;
  }

  .aj-editorial-featured__tag,
  .aj-editorial-card__tag {
    display: inline-block;
    align-self: flex-start;
    margin: 0 0 12px;
    padding: 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-small-size);
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: var(--aj-muted-text);
    text-decoration: none;
  }

  .aj-editorial-featured--no-image .aj-editorial-featured__tag {
    align-self: center;
  }

  .aj-editorial-featured__tag:hover,
  .aj-editorial-card__tag:hover {
    color: var(--aj-charcoal);
  }

  .aj-editorial-featured__title {
    margin: 0;
    padding: 0;
    font-family: var(--aj-heading-font);
    font-size: clamp(28px, 2.7vw, 38px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: 0.7px;
    text-transform: none;
    color: var(--aj-charcoal);
  }

  .aj-editorial-featured__title a,
  .aj-editorial-card__title a {
    color: inherit;
    text-decoration: none;
  }

  .aj-editorial-featured__title a:hover,
  .aj-editorial-card__title a:hover {
    color: var(--aj-muted-text);
  }

  .aj-editorial-featured__meta,
  .aj-editorial-card__meta {
    margin: 12px 0 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-font-size, 13px);
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.25px;
    color: var(--aj-muted-text);
  }

  .aj-editorial-featured__summary {
    margin: 18px 0 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-compact-size);
    font-weight: 300;
    line-height: 1.58;
    color: var(--aj-charcoal);
  }

  .aj-editorial-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px 26px;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  .aj-editorial-card {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .aj-editorial-card--no-image {
    padding-top: 20px;
    border-top: 1px solid var(--aj-border);
  }

  .aj-editorial-card__media {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0 0 18px;
    overflow: hidden;
    background: var(--aj-light-oat);
    text-decoration: none;
  }

  .aj-editorial-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.35s ease;
    image-rendering: auto !important;
  }

  .aj-editorial-card__media:hover .aj-editorial-card__image {
    transform: scale(1.015);
  }

  .aj-editorial-card__body {
    min-width: 0;
  }

  .aj-editorial-card__title {
    margin: 0;
    padding: 0;
    font-family: var(--aj-heading-font);
    font-size: clamp(21px, 1.7vw, 27px);
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.55px;
    text-transform: none;
    color: var(--aj-charcoal);
  }

  .aj-editorial-card__summary {
    margin: 13px 0 0;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-card-size);
    font-weight: 300;
    line-height: 1.55;
    color: var(--aj-muted-text);
  }

  .aj-editorial-read-link {
    display: inline-block;
    align-self: flex-start;
    margin-top: 20px;
    padding: 4px 0;
    border-bottom: 1px solid var(--aj-champagne);
    font-family: var(--aj-body-font);
    font-size: var(--aj-meta-label-size);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: var(--aj-charcoal);
    text-decoration: none;
  }

  .aj-editorial-read-link:hover {
    border-bottom-color: var(--aj-charcoal);
    color: var(--aj-muted-text);
  }

  .aj-editorial-read-link:focus-visible,
  .aj-editorial-featured__title a:focus-visible,
  .aj-editorial-card__title a:focus-visible,
  .aj-editorial-featured__tag:focus-visible,
  .aj-editorial-card__tag:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-editorial-empty {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 36px 20px;
    font-family: var(--aj-body-font);
    font-size: var(--aj-type-base-size);
    font-weight: 300;
    line-height: 1.6;
    text-align: center;
    color: var(--aj-muted-text);
  }

  @media (max-width: 1100px) {

    .aj-editorial-featured {
      grid-template-columns:
        minmax(0, 1.08fr)
        minmax(300px, 0.92fr);
    }

    .aj-editorial-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  }

  @media (max-width: 760px) {

    .aj-editorial-hub {
      --aj-editorial-layout-gutter: 18px;
    }

    .aj-editorial-intro {
      padding: 28px 20px 24px;
    }

    .aj-editorial-intro__lead--title {
      font-size: var(--aj-type-base-size);
    }

    .aj-editorial-topics {
      padding: 28px 18px 32px;
    }

    .aj-editorial-topic-nav {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .aj-editorial-topic-link {
      width: 100%;
      min-width: 0;
      min-height: 40px;
      padding: 7px 10px;
      text-align: center;
    }

    .aj-editorial-stories {
      padding:
        40px
        var(--aj-editorial-layout-gutter)
        60px;
    }

    .aj-editorial-featured {
      grid-template-columns: 1fr;
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 42px;
    }

    .aj-editorial-featured__media {
      min-height: 0;
      aspect-ratio: 4 / 3;
    }

    .aj-editorial-featured__image {
      min-height: 0;
    }

    .aj-editorial-featured__body {
      padding: 28px 24px 32px;
    }

    .aj-editorial-featured--no-image .aj-editorial-featured__body {
      padding: 30px 20px 34px;
    }

    .aj-editorial-grid {
      grid-template-columns: 1fr;
      gap: 36px;
    }

  }

  @media (max-width: 480px) {

    .aj-editorial-topic-nav {
      grid-template-columns: 1fr;
    }

    .aj-editorial-card__title {
      font-size: 24px;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    .aj-editorial-card__image,
    .aj-editorial-topic-link {
      transition: none;
    }

    .aj-editorial-card__media:hover .aj-editorial-card__image {
      transform: none;
    }

  }

  /* =========================================================
     PRODUCT LEAD
     ========================================================= */

  .aj-product-lead {
    min-width: 0;
    margin: 0 0 22px;
    overflow-wrap: anywhere;
  }

  .aj-product-lead > :first-child,
  .aj-product-lead .edy-texteditor-view > :first-child {
    margin-top: 0 !important;
  }

  .aj-product-lead > :last-child,
  .aj-product-lead .edy-texteditor-view > :last-child {
    margin-bottom: 0 !important;
  }

  .editmode .aj-product-lead .edy-texteditor-view {
    min-height: 44px;
  }

  /* =========================================================
     FOOTER
     ========================================================= */

  .aj-footer,
  .aj-footer * {
    box-sizing: border-box;
  }

  .footer.aj-footer {
    width: 100%;
    margin: 0;
    padding: 48px 28px 34px;
    background: var(--aj-pearl-white);
    border-top: 1px solid var(--aj-border);
    color: var(--aj-charcoal);
    font-family: var(--aj-footer-font);
  }

  .aj-footer__inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 42px;
    align-items: start;
  }

  .aj-footer__col {
    min-width: 0;
  }

  .aj-footer__title {
    margin: 0 0 14px;
    font-family: var(--aj-heading-font);
    font-size: var(--footer-title-font-size, 24px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.8px;
    color: var(--aj-charcoal);
    text-transform: none;
  }

  .aj-footer__text,
  .aj-footer__link {
    display: block;
    margin: 0 0 8px;
    font-family: var(--aj-footer-font);
    font-size: var(--footer-text-font-size, 13px);
    font-weight: 300;
    line-height: 1.65;
    letter-spacing: 0.35px;
    color: var(--aj-muted-text);
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  .aj-footer__link:hover,
  .aj-footer__link:focus-visible {
    color: var(--aj-charcoal);
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .aj-footer__link:focus-visible {
    outline: 2px solid var(--aj-charcoal);
    outline-offset: 3px;
  }

  .aj-footer__bottom {
    max-width: 1180px;
    margin: 30px auto 0;
    padding-top: 18px;
    border-top: 1px solid var(--aj-border);
    font-family: var(--aj-footer-font);
    font-size: var(--footer-bottom-font-size, 12px);
    font-weight: 300;
    line-height: 1.55;
    color: var(--aj-muted-text);
  }

  .aj-footer .voog-reference {
    max-width: 1180px;
    margin: 18px auto 0;
    font-family: var(--aj-footer-font);
    font-size: var(--footer-bottom-font-size, 12px);
    font-weight: 300;
    line-height: 1.55;
    color: var(--aj-muted-text);
  }

  .aj-footer .voog-reference a {
    color: var(--aj-muted-text);
    text-decoration: none;
  }

  .aj-footer .voog-reference a:hover {
    color: var(--aj-charcoal);
    text-decoration: underline;
    text-underline-offset: 4px;
  }


  /* =========================================================
     RESPONSIVE
     ========================================================= */

  @media (max-width: 1250px) {

    .aj-shop-products .aj-fixed-product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

  }

  @media (max-width: 1100px) {

    .aj-favourites__dynamic .edy-product-widget-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .aj-scent-story__row {
      gap: 42px;
    }

    .aj-scent-story--memory .aj-scent-story__row {
      grid-template-columns:
        minmax(400px, 1fr)
        minmax(380px, 0.95fr);
      gap: 44px;
    }

    .aj-scent-story--memory .aj-scent-story__image,
    .aj-scent-story--memory .aj-scent-story__text {
      max-width: 500px;
    }

    .aj-category-card__title {
      min-height: 44px;
      padding: 9px 6px 11px;
      font-size: clamp(15px, 1.45vw, 20px);
    }

  }

  @media (max-width: 980px) {

    .aj-shop-products .aj-fixed-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

  }

  @media (max-width: 900px), (hover: none) and (pointer: coarse) {

    html {
      scroll-padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h-compact) + 16px);
    }

    .header.aj-header {
      min-height: auto;
      padding: 16px 18px 14px;
      display: block;
    }

    body:not(.front-page) {
      padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h-compact));
    }

    body.product_page {
      padding-top: calc(var(--aj-cart-offset) + var(--aj-header-h-compact)) !important;
    }

    .header.aj-header .header-left {
      display: block;
      width: 100%;
    }

    .header.aj-header .header-title {
      min-width: 0;
      display: inline-block;
      max-width: calc(100% - 72px);
    }

    .header.aj-header .header-title,
    .header.aj-header .header-title a {
      font-size: var(--aj-site-title-mobile-size);
      letter-spacing: 1.5px;
    }

    .header.aj-header .aj-site-logo-link {
      width: 150px;
    }

    .header.aj-header .aj-site-logo {
      max-height: 41px;
    }

    .aj-header .menu-btn {
      display: inline-flex;
      position: absolute;
      top: 18px;
      right: 18px;
      width: 34px;
      height: 28px;
      margin: 0;
      padding: 0;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: 0;
      cursor: pointer;
    }

    .aj-header .menu-btn .menu-stripe {
      display: block;
      width: 26px;
      height: 1px;
      margin: 4px 0;
      background: var(--aj-muted-text);
    }

    .aj-header .aj-nav {
      display: none;
      width: 100%;
      margin: 14px 0 0;
      padding: 0;
    }

    .aj-header .aj-nav.expanded {
      display: block;
      max-height: calc(100vh - var(--aj-cart-offset) - var(--aj-header-h-compact));
      max-height: calc(100dvh - var(--aj-cart-offset) - var(--aj-header-h-compact));
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }

    .aj-header .aj-main-menu {
      display: block;
    }

    .aj-header .aj-main-menu > li {
      margin: 0 0 8px;
    }

    .aj-header .aj-main-menu > li > a,
    .aj-header .aj-search-toggle {
      min-height: 34px;
      font-size: var(--aj-navigation-mobile-size);
      letter-spacing: 1.4px;
    }

    .aj-header .aj-voog-shop-dropdown {
      position: static;
      min-width: 100%;
      margin: 0 0 8px;
      padding: 0 0 0 14px;
      background: transparent;
      border: 0;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .aj-header .aj-voog-shop-dropdown a {
      padding: 7px 0;
      font-size: var(--aj-navigation-mobile-size);
      white-space: normal;
      color: var(--aj-muted-text);
    }

    .aj-header .aj-search-toggle {
      display: none;
    }

    .aj-header .aj-search-panel {
      position: static;
      width: 100%;
      padding: 8px 0 0;
      background: transparent;
      border: 0;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      transform: none;
      pointer-events: auto;
    }

    body.front-page .aj-hero {
      --aj-hero-content-top: clamp(205px, 24vh, 245px);
      --aj-hero-content-top: clamp(205px, 24svh, 245px);
      min-height: 640px;
      height: clamp(640px, 78vh, 780px);
      height: clamp(640px, 78svh, 780px);
      max-height: 780px;
      align-items: flex-start;
    }

    body.front-page .aj-hero__content {
      padding-left: 28px;
    }

    body.front-page .aj-hero__title {
      font-size: clamp(34px, 5.6vw, 50px);
    }

    .aj-scent-story {
      padding: 54px 22px 62px;
    }

    .aj-scent-story--memory {
      padding: 32px 22px 38px;
    }

    .aj-scent-story--balanced {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .aj-scent-story__row,
    .aj-scent-story--memory .aj-scent-story__row {
      grid-template-columns: 1fr;
      max-width: 620px;
      margin-left: auto;
      margin-right: auto;
      gap: 26px;
    }

    .aj-scent-story__image,
    .aj-scent-story--memory .aj-scent-story__image,
    .aj-scent-story__text,
    .aj-scent-story--memory .aj-scent-story__text {
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
      justify-self: center;
    }

    .aj-scent-story__image img {
      height: clamp(320px, 68vw, 460px);
    }

    .aj-scent-story--memory .aj-scent-story__image img {
      height: 100%;
    }

    .aj-footer__inner {
      grid-template-columns: 1fr 1fr;
      gap: 32px;
    }

    .aj-footer__col:first-child {
      grid-column: 1 / -1;
    }

  }

  @media (max-width: 760px) {

    .aj-shop-intro {
      padding: 56px 20px 26px;
    }

    .aj-shop-products {
      padding: 18px 20px 72px;
    }

    .aj-shop-products .aj-fixed-product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 30px 18px;
    }

    body {
      font-size: var(--aj-type-base-size);
      line-height: 1.62;
    }

    body:not(.front-page):not(.product_list-page):not(.aj-editorial-page):not(.post-page):not(.aj-shop-page) main.content > .content-body,
    body:not(.front-page):not(.product_list-page):not(.aj-editorial-page):not(.post-page):not(.aj-shop-page) main.content > .content-header {
      padding-left: 20px;
      padding-right: 20px;
    }

    h1,
    .content-formatted h1 {
      font-size: clamp(36px, 10vw, 46px);
      line-height: 1.12;
    }

    h2,
    .content-formatted h2:not(.comment-title) {
      font-size: clamp(30px, 8vw, 38px);
    }

    .aj-hero {
      min-height: 300px;
      height: auto;
      max-height: none;
    }

    .aj-hero--story {
      min-height: 352px;
      height: 48.4vh;
      height: 48.4svh;
      max-height: 451px;
    }

    .aj-hero--story .aj-hero__content {
      padding: 36px 20px 36px 22px;
    }

    .aj-hero--story .aj-hero__lead {
      max-width: 450px;
      margin-bottom: 20px;
      font-size: var(--aj-type-base-size);
      line-height: 1.45;
    }

    .aj-hero--story .aj-hero__button {
      min-height: 36px;
      padding: 8px 22px;
      font-size: var(--aj-button-small-size);
    }

    body.front-page .aj-hero {
      --aj-hero-content-top: clamp(112px, 14.5vh, 138px);
      --aj-hero-content-top: clamp(112px, 14.5svh, 138px);
      min-height: 580px;
      height: clamp(580px, 72vh, 700px);
      height: clamp(580px, 72svh, 700px);
      max-height: 700px;
      align-items: flex-start;
    }

    .aj-hero__content,
    body.front-page .aj-hero__content {
      padding-left: 22px;
      padding-right: 20px;
      padding-bottom: 64px;
    }

    .aj-hero__title,
    body.front-page .aj-hero__title {
      font-size: clamp(34px, 9.5vw, 50px);
    }

    .aj-hero__lead,
    body.front-page .aj-hero__lead {
      max-width: 420px;
      font-size: var(--aj-type-base-size);
    }

    .aj-values-bar__inner {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      padding: 18px 20px;
      text-align: center;
    }

    .aj-values-bar__inner span {
      white-space: normal;
      font-size: calc(var(--aj-meta-font-size, 13px) + 1px);
      letter-spacing: 1.45px;
    }

    .aj-categories {
      padding: 58px 8px 64px;
    }

    .aj-category-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .aj-section-heading {
      margin-bottom: 28px;
    }

    .aj-section-heading__title--small,
    .content-formatted .aj-section-heading__title--small {
      font-size: clamp(17px, 4.8vw, 22px);
    }

    .aj-scent-story,
    .aj-favourites {
      padding: 48px 18px 56px;
    }

    .aj-scent-story--memory {
      padding: 28px 18px 34px;
    }

    .aj-scent-story--balanced {
      padding-top: 28px;
      padding-bottom: 28px;
    }

    .aj-favourites__dynamic .edy-product-widget-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 28px 18px !important;
    }

    .aj-editable-content {
      padding-bottom: 64px;
    }

    .footer.aj-footer {
      padding: 40px 22px 30px;
    }

    .aj-footer__inner {
      grid-template-columns: 1fr;
      gap: 26px;
    }

    .aj-footer__col:first-child {
      grid-column: auto;
    }

    .aj-footer__title {
      margin-bottom: 10px;
      font-size: var(--footer-title-font-size, 24px);
    }

    .aj-footer__text,
    .aj-footer__link {
      font-size: var(--footer-text-font-size, 13px);
      line-height: 1.7;
    }

    .aj-footer__bottom {
      margin-top: 24px;
      padding-top: 16px;
    }

  }

  @media (max-width: 480px) {

    .aj-shop-products .aj-fixed-product-grid {
      grid-template-columns: 1fr;
    }

    body.front-page .aj-hero {
      --aj-hero-content-top: clamp(104px, 13.5vh, 128px);
      --aj-hero-content-top: clamp(104px, 13.5svh, 128px);
      min-height: 560px;
      height: clamp(560px, 70vh, 660px);
      height: clamp(560px, 70svh, 660px);
      max-height: 660px;
    }

    body.front-page .aj-hero__content {
      padding-left: 20px;
    }

    .aj-category-grid {
      grid-template-columns: 1fr;
      gap: 8px;
    }

    .aj-category-card__title {
      min-height: 46px;
      font-size: 21px;
    }

    .aj-favourites__dynamic .edy-product-widget-grid {
      grid-template-columns: 1fr !important;
    }

    .aj-favourites__dynamic .edy-product-widget-item-title,
    .aj-favourites__dynamic .edy-product-widget-item-link {
      font-size: var(--aj-featured-card-title-mobile-size) !important;
      line-height: 1.2 !important;
    }

    .aj-scent-story__image img {
      height: clamp(280px, 88vw, 400px);
    }

    .aj-scent-story--memory .aj-scent-story__image {
      aspect-ratio: 1.35 / 1;
    }

    .aj-scent-story--memory .aj-scent-story__image img {
      height: 100%;
    }

    .aj-scent-story__text p {
      font-size: var(--aj-type-medium-size);
      line-height: 1.66;
    }

    .aj-scent-story--memory .aj-scent-story__text p {
      font-size: var(--aj-type-base-size);
      line-height: 1.56;
    }

    .footer.aj-footer {
      padding-left: 20px;
      padding-right: 20px;
    }

  }

  @media (prefers-reduced-motion: reduce) {

    html {
      scroll-behavior: auto;
    }

    .aj-header .aj-voog-shop-dropdown,
    .aj-header .aj-search-panel,
    .aj-category-card,
    .aj-story-button,
    .aj-hero__button {
      transition: none;
    }

    .aj-category-card:hover {
      transform: none;
    }

  }

  /* =========================================================
     VOOG DESIGN EDITOR – GLOBAL TYPOGRAPHY BRIDGE

     Font is inherited through the three role aliases above. Heading
     1, 2 and 3 controls define the corresponding semantic sizes;
     Text defines the proportional body-copy scale.
     ========================================================= */

  h1,
  .content-formatted h1,
  .content-title.content-formatted h1,
  .content-slogan.content-formatted h1,
  .post h1.post-title,
  .post h1.post-title a,
  .aj-hero__title,
  .content-formatted .aj-hero__title,
  body.front-page .aj-hero__title,
  .aj-shop-page-title,
  .aj-editorial-intro__title {
    font-size: var(--headings-title-font-size, 50px);
  }

  h2,
  .content-formatted h2:not(.comment-title),
  .content-title.content-formatted h2,
  .content-slogan.content-formatted h2,
  .post h2.post-title,
  .post h2.post-title a,
  .aj-section-heading__title,
  .content-formatted .aj-section-heading__title,
  .aj-section-heading__title--small,
  .content-formatted .aj-section-heading__title--small,
  .aj-shop-intro__title,
  .aj-editorial-featured__title,
  .aj-editorial-card__title {
    font-size: var(--headings-heading-font-size, 30px);
  }

  h3,
  h4,
  h5,
  h6,
  .content-formatted h3,
  .content-formatted h4,
  .content-formatted h5,
  .content-formatted h6,
  .content-title.content-formatted h3,
  .content-title.content-formatted h4,
  .content-title.content-formatted h5,
  .content-title.content-formatted h6,
  .content-slogan.content-formatted h3,
  .content-slogan.content-formatted h4,
  .content-slogan.content-formatted h5,
  .content-slogan.content-formatted h6,
  .aj-category-card__title {
    font-size: var(--headings-subheading-font-size, 20px);
  }

/* =========================================================
   STAGING HEADER ADAPTER

   Staging carries one menu item production does not have: the ET/EN language
   switcher, which this site needs for its reciprocal hreflang. That extra item
   plus its 34px gap is what pushed the desktop navigation onto a second row.

   Compensated with the smallest possible adjustments, and deliberately shaped so
   production's exact metrics are retained at wide viewports: at >=1400px the gap
   still resolves to 34px and the logo to 240px, identical to production. Only
   below that do they tighten, instead of wrapping.

   Nothing outside the header is affected.
   ========================================================= */
.aj-header .aj-main-menu {
  flex-wrap: nowrap;
  gap: clamp(18px, 2.4vw, 34px);
}

.aj-header .aj-main-menu > li {
  white-space: nowrap;
}

.aj-header .header-title {
  min-width: 0;
  flex: 0 1 auto;
}

.aj-header .aj-site-logo-link {
  width: clamp(170px, 17vw, 240px);
}

.aj-header .aj-language-item > a {
  letter-spacing: 0.08em;
}


/* =========================================================
   PRODUCT PAGE

   Ported from the live production site (adajohanna.ee), where these rules live
   in a <style> block inside the product layout rather than in aj-styles - which
   is why the first port left the product page without its grid and the gallery
   stretched to full width.

   Kept here in the shared external stylesheet instead of inlining it on every
   product page. Pure CSS, no Liquid.
   ========================================================= */

:root {
  --aj-pearl-white: #FAF9F7;
  --aj-light-oat: #E8E2D8;
  --aj-charcoal: #333333;
  --aj-champagne: #DCCDBA;
  --aj-blush: #F6EDEA;
  --aj-muted-text: #6F6862;
  --aj-border: rgba(220, 205, 186, 0.62);

  --aj-heading-font: "Italiana", Georgia, serif;
  --aj-body-font: "Cormorant Garamond", Georgia, serif;
  --aj-footer-font: "Raleway", Arial, sans-serif;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--aj-pearl-white) !important;
  color: var(--aj-charcoal) !important;
  font-family: var(--aj-body-font) !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.65;
  letter-spacing: 0.25px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.product_page,
body.product_page .background-image,
body.product_page .background-color {
  background: var(--aj-pearl-white) !important;
}

body.product_page .container,
body.product_page .js-background-type,
body.product_page .container > .js-background-type,
body.product_page .container > .js-background-type > .background-color {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--aj-pearl-white) !important;
  box-sizing: border-box !important;
}

body.product_page .content {
  background: var(--aj-pearl-white) !important;
  box-sizing: border-box !important;
}

body.product_page h1,
body.product_page h2,
body.product_page h3,
body.product_page .content-item-title h1 {
  font-family: var(--aj-heading-font) !important;
  font-weight: 400 !important;
  color: var(--aj-charcoal) !important;
  letter-spacing: 0.9px;
  line-height: 1.1;
  text-transform: none !important;
}

body.product_page p,
body.product_page li,
body.product_page td,
body.product_page th,
body.product_page label {
  font-family: var(--aj-body-font) !important;
  font-weight: 300 !important;
  color: var(--aj-charcoal);
  line-height: 1.65;
}

body.product_page a {
  color: var(--aj-charcoal);
  text-decoration: none;
  transition: color 0.22s ease, border-color 0.22s ease, background-color 0.22s ease, opacity 0.22s ease;
}

body.product_page a:hover {
  color: var(--aj-muted-text);
}

.aj-product-main {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 36px 28px 72px;
  box-sizing: border-box;
  background: var(--aj-pearl-white);
}

.menu-breadcrumbs,
.breadcrumbs,
.edy-breadcrumbs {
  max-width: 1020px;
  margin: 0 auto 28px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--aj-border);
  font-family: var(--aj-body-font) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--aj-muted-text) !important;
}

.menu-breadcrumbs a,
.breadcrumbs a,
.edy-breadcrumbs a {
  color: var(--aj-muted-text) !important;
}

.menu-breadcrumbs a:hover,
.breadcrumbs a:hover,
.edy-breadcrumbs a:hover {
  color: var(--aj-charcoal) !important;
}

.aj-product-layout {
  max-width: 1020px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(340px, 1fr);
  gap: 36px;
  align-items: start;
}

.aj-product-media {
  min-width: 0;
}

.aj-product-gallery-box {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 3 / 4;
  margin: 0 auto;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.aj-product-gallery-box .product-gallery,
.aj-product-gallery-box .content-item-box,
.aj-product-gallery-box .edy-gallery,
.aj-product-gallery-box .edy-gallery-area,
.aj-product-gallery-box .edy-gallery-slider,
.aj-product-gallery-box .edy-gallery-item,
.aj-product-gallery-box .edys-gallery-product-slider,
.aj-product-gallery-box .edys-gallery-product-slider-slide,
.aj-product-gallery-box .edys-gallery-product-slider-item {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.aj-product-gallery-box .edys-gallery-product-slider-item {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.aj-product-gallery-box img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: transparent !important;
}

.aj-extra-gallery {
  max-width: 340px;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.aj-extra-gallery img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

.aj-extra-gallery .edy-gallery,
.aj-extra-gallery .gallery,
.aj-extra-gallery ul,
.aj-extra-gallery .images {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.aj-product-info {
  min-width: 0;
  padding-top: 2px;
}

.aj-product-copy {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: var(--aj-body-font) !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.66;
  color: var(--aj-charcoal);
}

.aj-product-copy .content-item-title {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.aj-product-copy h1 {
  margin: 0 0 18px !important;
  font-size: clamp(30px, 2.7vw, var(--aj-product-title-max-size, 42px)) !important;
  font-family: var(--aj-heading-font) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0.9px !important;
  color: var(--aj-charcoal) !important;
}

.aj-product-copy h2 {
  margin: 34px 0 14px !important;
  font-size: clamp(28px, 2.8vw, 38px) !important;
  font-family: var(--aj-heading-font) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.9px !important;
  color: var(--aj-charcoal) !important;
}

.aj-product-copy h3 {
  margin: 28px 0 12px !important;
  font-size: clamp(23px, 2.2vw, 31px) !important;
  font-family: var(--aj-heading-font) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  letter-spacing: 0.8px !important;
  color: var(--aj-charcoal) !important;
}

.aj-product-copy p {
  margin: 0 0 18px !important;
  font-size: 18px;
  font-family: var(--aj-body-font) !important;
  font-weight: 300 !important;
  line-height: 1.66;
  color: var(--aj-charcoal);
}

.aj-product-copy ul,
.aj-product-copy ol {
  margin: 0 0 22px 20px !important;
  padding: 0 !important;
}

.aj-product-copy li {
  margin: 0 0 8px !important;
  font-size: 18px;
  font-weight: 300 !important;
  line-height: 1.62;
  color: var(--aj-charcoal);
}

.product-price {
  margin: 0 0 20px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--aj-border);
  font-family: var(--aj-body-font) !important;
  font-size: 21px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.35px !important;
  color: var(--aj-charcoal) !important;
}

.product-price-original {
  margin-right: 10px;
  color: var(--aj-muted-text) !important;
  opacity: 0.7;
}

.product-price-final {
  color: var(--aj-charcoal) !important;
}

.product-description {
  margin: 0 0 20px !important;
  padding: 0 0 6px !important;
  font-family: var(--aj-body-font) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.66 !important;
  color: var(--aj-charcoal) !important;
}

.product-description p {
  margin: 0 0 18px !important;
}

.js-buy-btn-content {
  margin: 16px 0 20px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--aj-border);
}

.js-buy-btn-content .edy-buy-button-view button,
.js-buy-btn-content .button,
.js-buy-btn-content .edy-buy-button,
.js-buy-btn-content .buy-button,
.js-buy-btn-content .product-button,
.js-buy-btn-content .add-to-cart,
.js-buy-btn-content .add-to-cart-button,
.js-buy-btn-content input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 165px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 34px !important;
  margin-top: 8px !important;
  padding: 7px 10px !important;
  background: var(--aj-border) !important;
  border: 1px solid var(--aj-champagne) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--aj-charcoal) !important;
  font-family: var(--aj-body-font) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.js-buy-btn-content .edy-buy-button-view button:hover,
.js-buy-btn-content .button:hover,
.js-buy-btn-content .edy-buy-button:hover,
.js-buy-btn-content .buy-button:hover,
.js-buy-btn-content .product-button:hover,
.js-buy-btn-content .add-to-cart:hover,
.js-buy-btn-content .add-to-cart-button:hover,
.js-buy-btn-content input[type="submit"]:hover {
  background: var(--aj-champagne) !important;
  border-color: var(--aj-champagne) !important;
  color: var(--aj-charcoal) !important;
}

.js-buy-btn-content .custom-btn-disabled,
.js-buy-btn-content .edy-buy-button-disabled {
  background: var(--aj-pearl-white) !important;
  border: 1px solid var(--aj-border) !important;
  color: var(--aj-muted-text) !important;
  cursor: not-allowed !important;
}

.js-buy-btn-content .custom-btn-disabled:hover,
.js-buy-btn-content .edy-buy-button-disabled:hover {
  background: var(--aj-pearl-white) !important;
  border-color: var(--aj-border) !important;
  color: var(--aj-muted-text) !important;
}

.js-buy-btn-content input,
.js-buy-btn-content select,
.js-buy-btn-content textarea {
  background: var(--aj-pearl-white) !important;
  border: 1px solid var(--aj-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--aj-charcoal) !important;
  font-family: var(--aj-body-font) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  padding: 8px 10px !important;
}

.js-buy-btn-content .edy-buy-button-container .form_field {
  padding-top: 8px;
}

.js-buy-btn-content .edy-buy-button-variants .form_field {
  padding-top: 3px;
  padding-bottom: 3px;
}

.aj-product-copy details {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--aj-border);
  background: transparent;
}

.aj-product-copy details:last-of-type {
  border-bottom: 1px solid var(--aj-border);
}

.aj-product-copy summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 13px 34px 13px 0;
  font-family: var(--aj-body-font);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--aj-charcoal);
}

.aj-product-copy summary::-webkit-details-marker {
  display: none;
}

.aj-product-copy summary:focus-visible {
  outline: 1px solid var(--aj-charcoal);
  outline-offset: 2px;
}

.aj-product-copy summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--aj-body-font);
  font-size: 24px;
  font-weight: 300;
  color: var(--aj-muted-text);
}

.aj-product-copy details[open] summary::after {
  content: "–";
}

.aj-product-copy details > *:not(summary) {
  padding: 0 0 12px;
  color: var(--aj-muted-text);
}

.aj-product-copy details > *:not(summary):last-child {
  margin-bottom: 0 !important;
}

.aj-product-copy details p {
  color: var(--aj-muted-text);
}

.content-product-wide {
  max-width: 980px !important;
  margin: 76px auto 0 !important;
  padding: 48px 0 0 !important;
  border-top: 1px solid var(--aj-border);
  font-family: var(--aj-body-font) !important;
  font-size: 19px;
  font-weight: 300;
  line-height: 1.66;
  color: var(--aj-charcoal);
  box-sizing: border-box;
}

footer,
.footer,
.site-footer,
.page-footer {
  font-family: var(--aj-footer-font) !important;
}

footer *,
.footer *,
.site-footer *,
.page-footer * {
  font-family: var(--aj-footer-font) !important;
}

@media (max-width: 980px) {
  .aj-product-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .aj-product-info {
    padding-top: 0;
  }

  .aj-product-gallery-box,
  .aj-extra-gallery {
    max-width: 340px;
  }
}

@media (max-width: 760px) {
  .aj-product-main {
    padding: 32px 20px 64px;
  }

  .menu-breadcrumbs,
  .breadcrumbs,
  .edy-breadcrumbs {
    margin-bottom: 26px !important;
    font-size: 14px !important;
  }

  .aj-product-layout {
    gap: 34px;
  }

  .aj-product-copy h1 {
    font-size: clamp(30px, 9vw, 40px) !important;
  }

  .aj-product-copy p,
  .aj-product-copy li {
    font-size: 18px;
  }

  .aj-extra-gallery .edy-gallery,
  .aj-extra-gallery .gallery,
  .aj-extra-gallery ul,
  .aj-extra-gallery .images {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .js-buy-btn-content .edy-buy-button-view button,
  .js-buy-btn-content .button,
  .js-buy-btn-content .edy-buy-button,
  .js-buy-btn-content .buy-button,
  .js-buy-btn-content .product-button,
  .js-buy-btn-content .add-to-cart,
  .js-buy-btn-content .add-to-cart-button,
  .js-buy-btn-content input[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 480px) {
}

/* =========================================================
   SHOP CARD CTA ALIGNMENT

   Product names vary between one and two lines ("AMELIE PARFÜÜMKÜÜNAL 140 g"
   vs "SOPHIE PARFÜÜMKÜÜNAL KINKEKARBIS 220 g"), and nothing reserved a
   consistent title height, so price and CTA sat at different heights across a
   row.

   The title area now reserves two lines. min-height is used, not a fixed height
   or truncation, so a longer name still shows in full - it only sets the floor.
   The value is in em (2 x the 1.42 line-height), so it follows the title size
   automatically, including the 16px step at <=640px and any Design Editor
   change to "Tootekaardi nime suurus".

   Released below 640px, where the shop grid is a single column and there is no
   row to align against - reserving space there would only add blank space.

   Scope is the shop and category product widget only. The product page and the
   homepage favourites (a deliberately different layout in production) are not
   affected, and the CTA keeps its --aj-product-card-cta-font-size control.
   ========================================================= */
@media (min-width: 641px) {
  body.common-page.aj-shop-page .content-body .edy-product-widget-item-title {
    display: block;
    min-height: calc(1.42em * 2);
  }
}