/* Reference storefront composition, with the shop's orange accent. */
body.home-mobile-reference{--home-ink:#162334;--home-muted:#68717c;--home-soft:#edf7fd;--home-line:#cce8f5;background:#fff;color:var(--home-ink)}
body.home-mobile-reference main{max-width:none;width:100%;margin:0;padding:0 18px}
body.home-mobile-reference .home-products{width:100%;max-width:none;margin:24px 0!important;padding:0!important;border:0!important;background:#fff!important}
body.home-mobile-reference .home-product-catalog,body.home-mobile-reference .home-products :is(.catalog-layout,.catalog-products){max-width:none!important;width:100%;padding:0!important;margin:0!important}
body.home-mobile-reference .home-section-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0}
body.home-mobile-reference .home-section-header__title{color:var(--home-ink);font-size:25px;line-height:1.2;font-weight:750;margin:0}
body.home-mobile-reference .home-section-header__subtitle{display:none}
body.home-mobile-reference .home-section-header__see-all{color:#0095d2;font-size:16px;font-weight:600;text-decoration:none;text-transform:none;letter-spacing:normal}
body.home-mobile-reference .home-product-carousel{max-width:none!important;padding:0!important}
body.home-mobile-reference .home-product-carousel__btn{display:none!important}
.ref-promos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 28px}
.ref-promo{position:relative;overflow:hidden;isolation:isolate;min-height:200px;padding:30px 34px;border-radius:13px;background:#edf7fd;color:#152334}
.ref-promo--dark{background:linear-gradient(125deg,#21140e,#6e2d0b);color:#fff}
.ref-promo--dark:after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(150deg,transparent 56%,#cce8f5 56.2%,#0095d260 56.5%,transparent 58%);z-index:-1}
.ref-promo>span,.ref-special>div>span{font-size:12px;font-weight:700;letter-spacing:3px}
.ref-promo h2{margin:6px 0 2px;font-size:34px;line-height:1.15;letter-spacing:-.5px}
.ref-promo p{margin:0 0 12px;font-size:17px}
.ref-promo a,.ref-special a{display:inline-flex;align-items:center;gap:24px;padding:10px 24px;border-radius:30px;background:linear-gradient(#0095d2,#0095d2);color:#fff;text-decoration:none;font-size:15px;font-weight:700}
.ref-promo a span,.ref-special a span{font-size:24px;line-height:1}

.ref-bottom{margin:24px 0}.ref-brands h2{font-size:23px;margin:0 0 10px}.ref-brands{scroll-margin-top:160px;background:#fff}
.ref-brands-track{display:flex;align-items:center;gap:65px;padding:18px 50px;min-height:66px;overflow:auto;border:0;border-radius:0;background:#fff}
.ref-brands-track a{flex:0 0 120px}.ref-brands-track img{display:block;width:120px;height:34px;object-fit:contain}
.ref-bottom-benefits{border:1px solid var(--home-line);border-radius:13px;margin:12px 0;background:#fffaf6}
.ref-newsletter{display:grid;grid-template-columns:1fr 1.1fr 120px;align-items:center;gap:35px;padding:30px 36px;border-radius:13px;background:linear-gradient(110deg,#ffe4cd,#edf7fd);min-height:150px}
.ref-newsletter h2{margin:0 0 10px;font-size:23px}.ref-newsletter p{margin:0;color:#7b6656;font-size:14px}
.ref-newsletter form{display:flex;position:relative;min-width:0;background:#fffaf6;border-radius:16px;padding:3px}
.ref-newsletter input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:12px 16px;font-size:13px}
.ref-newsletter button{border:0;border-radius:30px;padding:12px 26px;color:#fff;background:var(--storefront-action-gradient);white-space:nowrap;font-weight:700;cursor:pointer}
.ref-newsletter form [role=status]{position:absolute;top:100%;left:10px;font-size:12px}.ref-envelope{width:120px;height:90px}
body.home-mobile-reference .seo-text-block--below{max-width:1200px;margin:30px auto;padding:0 15px;color:#5b626c;font-size:18px}
body.home-mobile-reference .seo-text-block__toggle{color:#007fb5}
@media(min-width:1025px){
 body.home-mobile-reference .promo-bar{display:none!important}
 body.home-mobile-reference #mobileHomeCategories{display:block!important;margin:20px 0}
 body.home-mobile-reference #mobileHomeCategories .mobile-home-heading{display:none}
 body.home-mobile-reference #homeCategoryTrack{display:flex!important;gap:14px;overflow:auto;padding:0 0 6px}
 body.home-mobile-reference #homeCategoryTrack>a{flex:1 0 125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff7f0;border:1px solid #f5e8de;border-radius:16px;min-height:130px;padding:12px;text-decoration:none;color:#222}
 body.home-mobile-reference #homeCategoryTrack :is(img,svg){width:85px;height:80px;object-fit:contain}
 body.home-mobile-reference .home-trust-bar{display:none}
 body.home-mobile-reference>.mobile-home-benefits{display:none}
 body.home-mobile-reference main>.mobile-home-benefits{max-width:1500px;margin:22px auto;display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
 body.home-mobile-reference .mobile-home-benefits__item{display:flex;align-items:center;gap:20px;border:1px solid #f3dfce;border-radius:18px;padding:24px;background:#edf7fd;color:#222}
 body.home-mobile-reference .mobile-home-benefits__item svg{width:36px;height:36px;flex-shrink:0;color:#0095d2}
 body.home-mobile-reference .mobile-home-benefits__item strong{display:block;font-size:18px}.mobile-home-benefits__item span{display:block;font-size:14px;color:#786e66}
 body.home-mobile-reference .ref-bottom-benefits .mobile-home-benefits{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:20px 30px}
 body.home-mobile-reference .ref-bottom-benefits .mobile-home-benefits__item{border:0;border-radius:0;border-right:1px solid #eddbc9;padding:0 30px;background:none}
 body.home-mobile-reference .ref-bottom-benefits .mobile-home-benefits__item:last-child{border-right:0}
 body.home-mobile-reference .home-products .product-card.product-card--catalog.product-card--reference-design.product-card--reference-design{--card-image-size:180px;padding:14px!important;border-color:#efdfd2!important;border-radius:10px!important}
}
@media(max-width:1024px){
 body.home-mobile-reference main{padding:0 12px}.ref-promos{gap:12px}.ref-promo{padding:20px;min-height:180px}.ref-promo h2{font-size:24px}.ref-promo p{font-size:14px}
 .ref-special{padding:20px;min-height:0;gap:16px;flex-wrap:wrap}.ref-special h2{font-size:30px}.ref-special p{font-size:14px}
 .ref-newsletter{grid-template-columns:1fr;gap:18px;padding:24px}.ref-envelope{display:none}.ref-newsletter h2{font-size:20px}
 .ref-bottom-benefits .mobile-home-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.ref-bottom-benefits .mobile-home-benefits__item{display:flex;gap:10px}.ref-bottom-benefits svg{width:30px;height:30px;color:#0095d2}
 .ref-brands-track{gap:28px;padding:16px 20px}
}
@media(max-width:550px){.ref-promos{grid-template-columns:1fr}.ref-promo{min-height:170px}.ref-special-seal{width:78px;height:78px;flex-shrink:0;font-size:10px}.ref-special-seal strong{font-size:18px}.ref-newsletter form{flex-wrap:wrap}.ref-newsletter input{flex-basis:100%}.ref-newsletter button{width:100%}.ref-bottom-benefits .mobile-home-benefits{grid-template-columns:1fr 1fr}.ref-bottom-benefits strong{font-size:12px}.ref-bottom-benefits span{font-size:11px}body.home-mobile-reference .home-section-header__title{font-size:21px}}
.ref-home-nav,.ref-desktop-nav{display:none}
@media(min-width:1025px){
}

/* Desktop reference header: two rows, no persistent category sidebar. */
@media(min-width:1025px){
 html body.home-mobile-reference main,
 html body.home-mobile-reference.cats-sidebar-open main{margin-left:0!important;padding:0 18px!important;width:100%!important;max-width:none!important}
 html body.home-mobile-reference .hero-carousel{margin:12px 0 20px!important;width:100%!important;max-width:none!important;border-radius:12px;overflow:hidden}
 html body.home-mobile-reference .hero-carousel .carousel-track{width:100%;height:clamp(300px,30vw,560px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
 html body.home-mobile-reference .hero-carousel :is(.slide-image-img,.slide-image-video){width:100%;height:100%;object-fit:cover;object-position:center}
}
@media(min-width:1025px) and (max-width:1350px){
}

/* Light gray category tiles on desktop and mobile. */
html body.home-mobile-reference #homeCategoryTrack>a{background:#f3f3f3!important;border:1px solid #e7e7e7!important}
/* Consistent breathing room at both edges of the home page. */
html body.home-mobile-reference main,
html body.home-mobile-reference.cats-sidebar-open main {
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
@media (min-width: 1025px) {
    html body.home-mobile-reference main,
    html body.home-mobile-reference.cats-sidebar-open main {
        padding-left: clamp(28px, 2.5vw, 64px) !important;
        padding-right: clamp(28px, 2.5vw, 64px) !important;
    }
}

/* Latest blog: three horizontal cards above the newsletter. */
.latest-blog{margin:26px 0;background:#fff;color:#192431}
.latest-blog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.latest-blog__header h2{margin:0;font-size:25px;font-weight:750;line-height:1.25;text-transform:none}
.latest-blog__header>a,.latest-blog__more{color:#296238;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.latest-blog__header span,.latest-blog__more span{margin-left:7px}
.latest-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.latest-blog__card{display:grid;grid-template-columns:33% minmax(0,1fr);border:1px solid #e1e5e8;border-radius:7px;overflow:hidden;background:#fff;min-width:0}
.latest-blog__image{display:block;position:relative;align-self:stretch;min-height:170px;height:auto;overflow:hidden}
body.home-mobile-reference .latest-blog__image img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-height:none;max-width:none;object-fit:cover;object-position:center;margin:0;padding:0;border-radius:0}
.latest-blog__body{padding:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.latest-blog__body time{font-size:11px;color:#737c83}
.latest-blog__body h3{font-size:14px;line-height:1.35;font-weight:700;margin:0;text-transform:none;overflow-wrap:anywhere}
.latest-blog__body h3 a{color:inherit;text-decoration:none}
.latest-blog__body p{flex:1;width:100%;min-width:0;font-size:12px;line-height:1.5;color:#69737b;margin:0;display:block;overflow-wrap:anywhere;white-space:normal}
.latest-blog__more{margin-top:auto;padding-top:5px;font-size:12px}
.latest-blog a:focus-visible{outline:2px solid #296238;outline-offset:3px}
.latest-blog__empty{grid-column:1/-1;color:#69737b;font-size:14px}
@media(max-width:1000px){.latest-blog__grid{grid-template-columns:1fr;gap:12px}.latest-blog__card{grid-template-columns:130px minmax(0,1fr)}.latest-blog__image{min-height:130px}}
@media(max-width:550px){.latest-blog__header h2{font-size:21px}.latest-blog__header>a{font-size:11px}.latest-blog__card{grid-template-columns:105px minmax(0,1fr)}.latest-blog__body{padding:10px}.latest-blog__image{min-height:125px}}

/* Anchor the image to the card edges independently of content height. */
body.home-mobile-reference .latest-blog__card{position:relative;--blog-image-width:33%;grid-template-columns:var(--blog-image-width) minmax(0,1fr);padding:0;min-height:170px;align-items:stretch}
body.home-mobile-reference .latest-blog__card>.latest-blog__image{position:absolute!important;inset:0 auto 0 0!important;width:var(--blog-image-width)!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;align-self:stretch;overflow:hidden;border-radius:0}
body.home-mobile-reference .latest-blog__card>.latest-blog__image>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important}
body.home-mobile-reference .latest-blog__body{grid-column:2}
@media(max-width:1000px){body.home-mobile-reference .latest-blog__card{--blog-image-width:130px;min-height:150px}}
@media(max-width:550px){body.home-mobile-reference .latest-blog__card{--blog-image-width:105px;min-height:145px}}

.ref-promos--uploads{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-promos--uploads>.ref-promo,.ref-promos--uploads>.ref-promo-upload{box-sizing:border-box;min-width:0;min-height:260px}.ref-promo-upload{display:block;overflow:hidden;border-radius:13px;background:#f1f5f9;aspect-ratio:15/7}.ref-promo-upload img{display:block;width:100%;height:100%;object-fit:cover}.ref-promo-upload:focus-visible{outline:3px solid #111;outline-offset:3px}@media(max-width:550px){.ref-promos--uploads{gap:10px}.ref-promos--uploads>.ref-promo,.ref-promos--uploads>.ref-promo-upload{min-height:130px}.ref-promos--uploads>.ref-promo{padding:14px 10px}.ref-promos--uploads .ref-promo h2{font-size:18px}.ref-promos--uploads .ref-promo>span{font-size:9px;letter-spacing:1px}.ref-promos--uploads .ref-promo p{font-size:12px}.ref-promos--uploads .ref-promo a{padding:8px 10px;font-size:11px;gap:6px}}

/* Let homepage product images fill their existing media area. */
html body.home-mobile-reference .home-products .product-catalog .product-card.product-card--catalog.product-card--reference-design.product-card--reference-design .product-image{padding-top:12px!important}
html body.home-mobile-reference .home-products .product-catalog .product-card.product-card--catalog.product-card--reference-design.product-card--reference-design .product-image :is(picture,img){max-width:100%!important;max-height:100%!important}

@media (max-width: 767px) {
    body.home-mobile-reference .ref-promos--uploads {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 8px;
    }
    body.home-mobile-reference .ref-promos--uploads > :is(.ref-promo, .ref-promo-upload) {
        min-width: 0;
        min-height: 160px;
        box-sizing: border-box;
    }
    body.home-mobile-reference .ref-promos--uploads > .ref-promo-upload {
        height: clamp(160px, 42vw, 220px);
        aspect-ratio: auto;
    }
    body.home-mobile-reference .ref-promos--uploads .ref-promo-upload img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 767px) {
    html body.home-mobile-reference .home-products--izdvojeno .home-product-carousel__track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px;
    }
    html body.home-mobile-reference .home-products--izdvojeno .home-product-carousel__slide:nth-child(-n+6) { display: block !important; }
    html body.home-mobile-reference .home-products--izdvojeno .home-product-carousel__slide:nth-child(n+7) { display: none !important; }
}

.ref-promo-upload picture{display:block;width:100%;height:100%}
.ref-promos--uploads>.ref-promo-upload--mobile-only{display:none!important}
@media(max-width:767px){
 .ref-promos--uploads>.ref-promo-upload--mobile-only{display:block!important}
 .ref-promos--uploads>.ref-promo--desktop-only{display:none!important}
}