.reference-search-button,.reference-mobile-footer,.reference-shop-label,.reference-account-icon,.reference-bag-icon{display:none}
.reference-search-dialog{border:1px solid #223d1e;padding:24px;max-width:calc(100% - 32px);width:440px;box-sizing:border-box}.reference-search-dialog::backdrop{background:#0008}.reference-search-dialog form{display:flex;flex-direction:column;gap:15px}.reference-search-dialog input{min-height:46px;font:16px Arial;border:1px solid #999;padding:10px}.reference-search-dialog button{min-height:44px;background:#223d1e;color:white;border:0;font-weight:700}.reference-search-dialog .reference-close-search{background:white;color:#111}
@media all{
  body{--reference-font:Helvetica,Arial,sans-serif}
  .announcement{height:42px;min-height:42px;background:#fff;color:#111;border-bottom:1px solid #f5e4df;font:700 11px/1.3 var(--reference-font);letter-spacing:.07em;gap:8px}
  .site-header{height:64px;min-height:64px;padding:0;display:grid;grid-template-columns:44px minmax(0,1fr) 136px;align-items:center;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #eee;gap:0}
  .site-header .wordmark{grid-column:2;grid-row:1;justify-self:center;margin:0;max-width:100%}
  .site-header .wordmark .original-brand-logo{width:128px;max-width:100%;height:auto}
  .site-header .header-actions{display:contents}
  .site-header .header-domain,.site-header .desktop-nav{display:none}
  .site-header .menu-button{position:absolute;left:0;top:0;width:44px;height:64px;border:0;border-right:1px solid #eee;border-radius:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 10px}
  .site-header .menu-button span{width:22px;height:4px;border-radius:3px;background:#171713}
  .site-header .reference-search-button{position:absolute;right:90px;top:0;width:46px;height:64px;display:grid;place-items:center;background:#fff;border:0;border-left:1px solid #eee;color:#111;padding:9px}
  .reference-search-button svg,.reference-account-icon svg,.reference-bag-icon svg{width:26px;height:26px;display:block}
  .site-header .rootx-account-link{position:absolute;right:45px;top:0;width:45px;max-width:45px!important;height:64px;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #eee!important;font-size:0!important;display:grid!important;place-items:center;white-space:nowrap;background:#fff}
  .reference-account-icon{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#111}
  .site-header .bag-button{position:absolute;right:0;top:0;width:45px;height:64px;min-width:0;display:grid;place-items:center;padding:0;border:0;border-left:1px solid #eee;border-radius:0;background:white;font-size:0;color:#111}
  .reference-bag-icon{display:block;position:absolute;left:9px;top:19px;pointer-events:none}
  .site-header .bag-count{position:absolute;right:2px;top:9px;min-width:14px;width:auto;height:14px;padding:0 3px;background:#223d1e;color:#fff;border-radius:8px;font:700 8px/14px var(--reference-font);z-index:1}
  .site-header .mobile-menu{top:64px;background:#fff;font:700 15px/1.3 var(--reference-font)}
  .reference-shop-label{display:block;background:#fff;padding:16px 15px 18px;font:800 17px/1 var(--reference-font);font-stretch:75%;text-transform:uppercase;color:#223d1e}
  .reference-shop-label span{display:block;color:#777;font:500 10px/1 var(--reference-font);letter-spacing:.08em;margin-bottom:27px}
  .hero{display:block;background:#fff;padding:0;overflow:hidden;min-height:0;height:auto}
  .hero .hero-copy{display:contents}
  .hero .hero-copy>:not(.mobile-hero-range):not(h1){display:none}
  .hero .mobile-hero-range{display:block;margin:0;border:0;border-radius:0}
  .hero .mobile-hero-range img{width:100%;height:auto;display:block}
  .hero .hero-visual,.marquee{display:none}
  .products.section-pad{padding:42px 15px 40px;background:#fafafa;background-image:radial-gradient(#e5e5e5 .5px,transparent .5px);background-size:3px 3px}
  .products .section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin:0 0 30px}
  .products .section-head .eyebrow{display:none}
  .products .section-head h2{font:800 31px/.95 var(--reference-font);font-stretch:75%;letter-spacing:0;text-transform:uppercase;color:#223d1e;max-width:none}
  .products .section-head h2 em{font:inherit;color:inherit}
  .products .section-intro{font:700 16px/1.35 var(--reference-font);margin:0;max-width:300px;color:#333}
  .products .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .products .product-card,.products .product-card:nth-child(5){grid-column:auto;width:100%;min-width:0;justify-self:stretch;background:#fff;border:1px solid #223d1e;border-radius:0;box-shadow:none;padding:10px;display:flex;flex-direction:column;text-align:center;transform:none}
  .products .product-image{aspect-ratio:1;border-radius:0;background:#eee;flex-shrink:0}
  .products .product-image img{object-fit:cover;width:100%;height:100%}
  .products .product-card-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:0;margin-top:22px;min-height:0}
  .products .product-card-info>div{width:100%}
  .products .product-type{font:500 8px/1.35 var(--reference-font);letter-spacing:0;margin:0 0 8px;min-height:22px;color:#666}
  .products .product-card h3{font:800 18px/1.05 var(--reference-font);font-stretch:75%;letter-spacing:0;text-transform:uppercase;min-height:38px;margin:0}
  .products .product-card h3 a{font:inherit;font-stretch:inherit}
  .products .product-price{font:750 18px/1.1 var(--reference-font);margin:0;letter-spacing:0}
  .products .deck-product-dialogue{font:400 11px/1.4 var(--reference-font);letter-spacing:0;margin:14px 0;min-height:46px;color:#333}
  .products .product-details-link{font:600 9px/1.3 var(--reference-font);letter-spacing:0;text-transform:uppercase;padding:8px 0;margin:0 0 12px;border:0}
  .products .add-button{width:100%;min-height:40px;margin:auto 0 5px;padding:9px 3px;border:0;border-radius:0;background:#223d1e;color:#fff;box-shadow:2px 4px 0 #000;justify-content:center;font:800 13px/1.1 var(--reference-font);letter-spacing:0;text-transform:uppercase}
  .products .add-button span{display:none}
  .products .add-button[aria-pressed="true"]{background:#111;color:#fff}
  .products .add-button:active{transform:translate(2px,3px);box-shadow:none}
  .faq.section-pad{padding:32px 15px 30px;background:#ffe7ca}
  .faq-intro{margin-bottom:22px}.faq-intro .eyebrow{display:none}
  .faq h2,.faq h2 em{font:800 32px/.95 var(--reference-font);font-stretch:75%;text-transform:uppercase;letter-spacing:0;color:#111}
  .faq-intro>p:not(.eyebrow){font:400 13px/1.4 var(--reference-font);margin-top:12px}
  .faq .faq-list details{border:1px solid #efd2aa;background:#ffe1b8;margin:0 0 14px;padding:0}
  .faq .faq-list summary{font:800 12px/1.2 var(--reference-font);text-transform:uppercase;letter-spacing:0;padding:19px 16px;gap:18px;min-height:72px;box-sizing:border-box;align-items:center}
  .faq .faq-list summary>span{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:50%;background:#000;color:#fff;font:300 26px/1 var(--reference-font);transform:none}
  .faq .faq-list details[open] summary>span{transform:rotate(45deg)}
  .faq .faq-list details>p{font:400 13px/1.6 var(--reference-font);padding:0 16px 18px;margin:0;color:#333}
  .reference-mobile-footer{display:block}
  .site-footer{background:#223d1e;color:#fff;padding:0 20px 25px}
  .site-footer>.support-footer,.site-footer>.footer-main,.site-footer>.footer-bottom{display:none}
  .reference-footer-group{border:0;border-bottom:1px solid #fff8}
  .reference-footer-group summary{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font:800 23px/1 var(--reference-font);font-stretch:75%;text-transform:uppercase;list-style:none}
  .reference-footer-group summary::-webkit-details-marker{display:none}
  .reference-footer-group summary:after{content:"+";font:400 18px/1 var(--reference-font)}
  .reference-footer-group[open] summary:after{content:"−"}
  .reference-footer-group a{display:block;font:400 13px/1.5 var(--reference-font);color:#fff;padding:8px 0;text-decoration:none}
  .reference-footer-group p{font:400 13px/1.65 var(--reference-font);color:#fff}
  .reference-mobile-footer .support-footer{display:flex;color:#fff;border:0;margin:0;padding:0 0 20px}
  .reference-mobile-footer .support-heading{display:none}
  .reference-mobile-footer .support-button{min-width:0;width:100%;border-color:#fff8;background:transparent}
  .reference-mobile-footer .reference-footer-copyright{font:700 11px/1.4 var(--reference-font);margin:25px 0 0;text-transform:uppercase}
  .journal-preview.reference-journal-moved{display:none}
}

@media all{.reference-all-faqs{display:block;width:100%;min-height:44px;background:#223d1e;color:white;border:0;border-radius:0;box-shadow:3px 4px #000;margin:20px 0 0;font:700 18px/1.2 var(--reference-font);text-transform:uppercase}}
.reference-all-faqs{display:none}
@media all{.reference-all-faqs{display:block}}

@media all{
 .faq .faq-list details{border-radius:0}
 #products,#faq{scroll-margin-top:64px}
 .site-header .menu-button:before{content:"";display:block;width:22px;height:4px;border-radius:3px;background:#171713}
}

@media(min-width:621px){
 .announcement{height:42px;font-size:13px}
 .site-header{height:84px;min-height:84px;grid-template-columns:84px minmax(0,1fr) 252px}
 .site-header .wordmark .original-brand-logo{width:230px}
 .site-header .menu-button{height:84px;width:84px;padding:0 29px}
 .site-header .reference-search-button{right:168px;width:84px;height:84px}
 .site-header .rootx-account-link{right:84px;width:84px;max-width:84px!important;height:84px}
 .site-header .bag-button{width:84px;height:84px}
 .reference-bag-icon{left:28px;top:29px}
 .site-header .bag-count{right:16px;top:15px}
 .reference-search-button svg,.reference-account-icon svg,.reference-bag-icon svg{width:30px;height:30px}
 .site-header .mobile-menu{position:absolute;top:84px;left:0;right:0;display:flex;flex-direction:column;gap:18px;max-height:0;overflow:hidden;padding:0 40px;transition:max-height .3s,padding .3s}
 .site-header.menu-open .mobile-menu{max-height:280px;padding:24px 40px;border-bottom:1px solid #ddd}
 .mobile-menu a{font:700 14px/1.4 var(--reference-font);text-transform:uppercase}
 .reference-shop-label{padding:24px 40px 28px;font-size:24px}
 .reference-shop-label span{font-size:12px;margin-bottom:25px}
 .hero .mobile-hero-range{width:100%;max-width:1440px;margin:0 auto}
 .hero .mobile-hero-range img{width:100%;max-height:630px;object-fit:cover}
 .products.section-pad{padding:64px 40px}
 .products .section-head{margin-bottom:42px}
 .products .section-head h2{font-size:52px}
 .products .section-intro{font-size:22px;max-width:none}
 .products .product-grid{max-width:1440px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
 .products .product-card,.products .product-card:nth-child(5){padding:20px}
 .products .product-card-info{margin-top:26px;gap:18px}
 .products .product-type{font-size:11px;min-height:28px}
 .products .product-card h3{font-size:28px;min-height:60px}
 .products .product-price{font-size:26px}
 .products .deck-product-dialogue{font-size:15px;min-height:44px}
 .products .product-details-link{font-size:12px}
 .products .add-button{font-size:20px;min-height:56px;box-shadow:4px 5px #000}
 .faq.section-pad{display:block;padding:56px max(40px,calc((100vw - 1120px)/2))}
 .faq h2,.faq h2 em{font-size:48px}
 .faq-intro>p:not(.eyebrow){font-size:18px}
 .faq .faq-list summary{font-size:18px;min-height:100px;padding:26px}
 .faq .faq-list summary>span{width:42px;height:42px;min-width:42px;font-size:34px}
 .faq .faq-list details>p{font-size:16px;padding:0 26px 24px}
 .reference-all-faqs{min-height:60px;font-size:24px}
 .site-footer{padding:0 max(40px,calc((100vw - 1120px)/2)) 40px}
 .reference-footer-group summary{font-size:32px;padding:30px 0}
 .reference-footer-group a,.reference-footer-group p{font-size:16px}
 .reference-mobile-footer .reference-footer-copyright{font-size:14px}
 #products,#faq{scroll-margin-top:84px}
}

/* The shared opening already shows the original five-product photograph. */
.deck-range-banner{display:none}

/* Reference proportions, with the original Birla RootX brand and content. */
.site-header .wordmark{position:absolute;left:50%;transform:translateX(-50%);grid-column:auto}
.site-header .menu-button{background:#fff}
.reference-search-dialog,.reference-search-dialog input,.reference-search-dialog button{font-family:Helvetica,Arial,sans-serif}
.products .product-card,.products .product-card:nth-child(5){padding-bottom:15px}
.products .product-card h3{font-size:16px;line-height:1;min-height:32px}
.products .add-button{font-size:14px;line-height:1.19;padding:12px 4px 9px;min-height:40px}
@media(min-width:621px){
 .site-header{height:64px;min-height:64px}
 .site-header .wordmark .original-brand-logo{width:200px}
 .site-header .menu-button{width:48px;height:64px;padding:0 13px}
 .site-header .reference-search-button{right:96px;width:48px;height:64px}
 .site-header .rootx-account-link{right:48px;width:48px;max-width:48px!important;height:64px}
 .site-header .bag-button{width:48px;height:64px}
 .reference-bag-icon{left:11px;top:19px}
 .site-header .bag-count{right:3px;top:8px}
 .reference-search-button svg,.reference-account-icon svg,.reference-bag-icon svg{width:26px;height:26px}
 .site-header .mobile-menu{top:64px}
 .reference-shop-label{padding:20px max(24px,3.6vw) 18px;font-size:20px}
 .reference-shop-label span{font-size:11px;margin-bottom:32px}
 .hero .mobile-hero-range{max-width:none}
 .hero .mobile-hero-range img{max-height:none;height:auto;object-fit:contain}
 .products.section-pad{padding:56px max(24px,3.6vw)}
 .products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .products .product-card,.products .product-card:nth-child(5){padding:16px}
 .products .product-card h3{font-size:24px;line-height:1;min-height:48px}
 .products .product-type{font-size:10px}
 .products .product-price{font-size:24px;line-height:1.25}
 .products .deck-product-dialogue{font-size:14px}
 .products .add-button{font-size:18px;line-height:1.19;padding:12px;min-height:48px}
 .products .section-head h2{font-size:48px}
 .products .section-intro{font-weight:600}
 .site-header .reference-desktop-shop{display:flex;position:absolute;left:48px;top:0;height:64px;align-items:center;padding:0 40px;border-left:1px solid #eee;border-right:1px solid #eee;font:800 20px/1 Helvetica,Arial,sans-serif;text-decoration:none}
 #products,#faq{scroll-margin-top:64px}
}
.reference-desktop-shop{display:none}
@media(min-width:621px){.site-header .reference-desktop-shop{display:flex}}
@media(min-width:1100px){.products .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:621px) and (max-width:900px){.products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .reference-desktop-shop{padding:0 20px;font-size:16px}}

/* Full-width predictive search; scoped to the search surface only. */
html.rootx-search-open{overflow:hidden}
dialog.reference-search-dialog{position:fixed;inset:0 0 auto;margin:0;width:100%;max-width:100%;height:auto;max-height:90dvh;padding:0;border:0;border-bottom:1px solid #dce3da;background:#fff;color:#17281f;box-shadow:0 12px 32px #17281f14;overflow:auto;font-family:Helvetica,Arial,sans-serif}
.reference-search-dialog[open]{animation:rootx-search-enter .22s ease-out}
.reference-search-dialog::backdrop{background:#17281f55}
.rootx-search-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:#fff;border-bottom:1px solid #e8ece6}
.reference-search-dialog .rootx-search-bar form{position:relative;display:block;width:min(680px,100%);margin:0}
.rootx-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rootx-search-icon{position:absolute;left:15px;top:14px;color:#6d7869}
.rootx-search-icon svg{display:block;width:22px;height:22px}
.reference-search-dialog .rootx-search-bar input{width:100%;height:50px;min-height:50px;padding:12px 46px;border:1px solid #ced7ca;border-radius:4px;background:#fff;color:#17281f;font:400 16px/1.4 Helvetica,Arial,sans-serif;outline:none;box-sizing:border-box}
.reference-search-dialog .rootx-search-bar input:focus{border-color:#223d1e;box-shadow:0 0 0 2px #223d1e12}
.rootx-search-bar input::-webkit-search-cancel-button{display:none}
.reference-search-dialog .reference-close-search{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#223d1e;font:300 32px/1 Arial;border:0}
.reference-search-dialog .rootx-clear-search{position:absolute;right:6px;top:4px;width:38px;min-height:42px;padding:0;background:transparent;color:#65715f;font-size:24px}
.rootx-clear-search[hidden]{display:none}
.rootx-search-content{max-width:1200px;margin:auto;padding:24px 32px 32px}
.reference-search-status{font:600 16px/1.5 Helvetica,Arial,sans-serif;margin:0 0 18px}
.rootx-search-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.rootx-search-product{display:flex;flex-direction:column;min-width:0;text-align:center}
.rootx-search-product-link{color:#17281f;text-decoration:none}
.rootx-search-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f4f5f1}
.rootx-search-product h3{font:800 19px/1.1 Helvetica,Arial,sans-serif;font-stretch:75%;text-transform:uppercase;margin:14px 0 10px}
.rootx-search-price{font:700 18px/1.3 Helvetica,Arial,sans-serif;margin:auto 0 12px;padding-top:5px}
.reference-search-dialog .rootx-search-add{width:100%;min-height:44px;padding:10px 5px;border:0;border-radius:3px;background:#223d1e;color:#fff;font:800 13px/1.2 Helvetica,Arial,sans-serif;cursor:pointer}
.rootx-search-product-link:focus-visible,.rootx-search-add:focus-visible,.reference-close-search:focus-visible{outline:2px solid #223d1e;outline-offset:3px}
@keyframes rootx-search-enter{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.rootx-search-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.rootx-search-bar{padding:14px 12px;gap:6px}.rootx-search-content{padding:20px 16px 24px}.rootx-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.rootx-search-product h3{font-size:17px}.rootx-search-price{font-size:17px}.reference-search-dialog .rootx-search-add{font-size:12px}.reference-search-status{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reference-search-dialog[open]{animation:none}}


/* Keep the existing image-led design while exposing its primary heading. */
.hero .hero-copy h1{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}