/* roshnii Glass. Translucent, layered surfaces in the spirit of Apple's Liquid Glass:
   floating glass navigation over photography, rounded cards, capsule controls, a segmented filter,
   widget-style info blocks and grouped lists. Mountain colours carry the brand inside a neutral system canvas. */

html body{
  --canvas:#F2F3F5; --card:#FFFFFF; --label:#111416; --secondary:#6B7076; --separator:#D8DBDF;
  --pine:#1E3B34; --glacier:#CFE3EA; --alpenglow:#E58A6E; --white:#FFFFFF;
  --glass-a:.55;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --gut-l:max(clamp(16px,3vw,40px),env(safe-area-inset-left,0px));
  --gut-r:max(clamp(16px,3vw,40px),env(safe-area-inset-right,0px));
  --spring:cubic-bezier(.34,1.56,.64,1);
  --ease:cubic-bezier(.2,.7,.2,1);
  --r-xl:36px; --r-lg:28px; --r-md:20px;
  background:var(--canvas);color:var(--label);font-family:var(--f);
  -webkit-font-smoothing:antialiased;
}
html{scroll-behavior:smooth;scroll-padding-top:110px}
:focus-visible{outline:3px solid rgba(30,59,52,.45);outline-offset:3px}
.rs-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,.wp-block-heading{text-wrap:balance}

/* WordPress integration */
.wp-site-blocks > * + *{margin-block-start:0}
.rs-part,.wp-block-template-part:has(> .rs-dock){display:contents}
.rs-main > *{margin-block:0}
.rs-main{overflow-x:clip}
.rs-wrap{max-width:1320px;margin-inline:auto;padding-left:var(--gut-l);padding-right:var(--gut-r);box-sizing:border-box}
.rs-main *,.rs-dock *,.rs-tabbar *,.rs-foot *{box-sizing:border-box}
.rs-main p,.rs-foot p{margin:0}
.rs-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* glass material */
.rs-glass{
  position:relative;isolation:isolate;
  background:rgba(255,255,255,var(--glass-a));
  -webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25),0 12px 32px -12px rgba(17,20,22,.28),0 1px 2px rgba(17,20,22,.06);
}
.rs-glass::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(220px circle at var(--mx,30%) var(--my,0%),rgba(255,255,255,.6),transparent 62%);opacity:.65;transition:opacity .4s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rs-glass{background:rgba(255,255,255,.92)}}

/* capsule buttons */
.rs-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font:600 .95rem/1 var(--f);text-decoration:none;cursor:pointer;border:0;transition:transform .35s var(--spring),background-color .2s,color .2s}
.rs-pill:active{transform:scale(.96)}
.rs-pill--dark{background:var(--label);color:var(--white)}
.rs-pill--dark:hover{background:var(--pine);color:var(--white)}
.rs-pill--glass{color:var(--label);background:rgba(255,255,255,.45);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.rs-pill--glass:hover{background:rgba(255,255,255,.75)}

/* ------------------------------------------------------------------ dock / header */
.rs-dock{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 12px);z-index:70;height:0;padding-inline:12px}
.rs-capsule{display:flex;align-items:center;gap:18px;max-width:1120px;height:60px;margin-inline:auto;padding:0 8px 0 22px;border-radius:999px;transition:max-width .6s var(--spring),height .4s var(--ease),background-color .3s}
.rs-dock.is-compact .rs-capsule{max-width:900px;height:54px;--glass-a:.72}
.rs-logo{display:flex;align-items:center;color:var(--label);text-decoration:none;flex:none}
.rs-logo-svg{display:block;height:24px;width:auto;overflow:visible}
.rs-logo-svg .ltr{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.rs-logo-svg .dot{fill:currentColor}
.rs-logo-svg .lens-sun{fill:#F7C59F;animation:rs-sunset 10s ease-in-out infinite}
.rs-logo-svg .lens-peaks{fill:#1E3B34}
.rs-logo-svg .lens-snow{fill:#FFFFFF}
.rs-logo-svg .glint{fill:#FFFFFF;opacity:.55;animation:rs-glint 6s ease-in-out infinite}
@keyframes rs-sunset{0%,100%{transform:translateY(-1.5px)}50%{transform:translateY(3.5px)}}
@keyframes rs-glint{0%,62%{transform:translateX(-26px)}82%,100%{transform:translateX(26px)}}
.rs-nav{display:flex;gap:4px;margin-inline:auto;font:500 .92rem var(--f)}
.rs-nav a{padding:9px 14px;border-radius:999px;color:var(--label);text-decoration:none;transition:background-color .2s}
.rs-nav a:hover{background:rgba(17,20,22,.06)}
.rs-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.rs-nav + .rs-actions{margin-left:0}
.rs-round{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--label);cursor:pointer;text-decoration:none;transition:background-color .2s,transform .35s var(--spring)}
.rs-round:hover{background:rgba(17,20,22,.06)}
.rs-round:active{transform:scale(.9)}
.rs-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--alpenglow);color:var(--label);font:700 .66rem/18px var(--f);text-align:center}
.rs-search{display:flex;align-items:center;gap:10px;max-width:640px;margin:10px auto 0;padding:6px 6px 6px 18px;border-radius:999px;animation:rs-drop .45s var(--spring)}
.rs-search[hidden]{display:none}
.rs-search input[type="search"]{flex:1;min-width:0;height:44px;border:0;background:transparent;font:500 1rem var(--f);color:var(--label);outline:none}
.rs-search .rs-i{color:var(--secondary)}
@keyframes rs-drop{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}

/* tab bar on phones */
.rs-tabbar{display:none}
@media (max-width:900px){
  .rs-nav,.rs-hide-s{display:none}
  .rs-capsule{padding-left:18px;height:54px}
  .rs-tabbar{position:fixed;z-index:70;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;height:64px;padding:6px 8px;border-radius:999px}
  .rs-tabbar a,.rs-tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;border:0;background:transparent;border-radius:999px;color:var(--secondary);font:600 .66rem var(--f);text-decoration:none;cursor:pointer;transition:transform .35s var(--spring),color .2s}
  .rs-tabbar .is-on{color:var(--pine);background:rgba(30,59,52,.08)}
  .rs-tabbar a:active,.rs-tabbar button:active{transform:scale(.92)}
  .rs-tabbar .rs-count{top:2px;right:calc(50% - 22px)}
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}

/* ------------------------------------------------------------------ hero */
.rs-hero{padding:12px}
.rs-hero-card{position:relative;height:min(88vh,860px);min-height:580px;border-radius:var(--r-xl);overflow:hidden;background:#C9D6DA}
.rs-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:rs-breathe 2.4s var(--ease) both}
@keyframes rs-breathe{from{transform:scale(1.12);filter:blur(10px)}to{transform:scale(1);filter:blur(0)}}
.rs-hero-panel{position:absolute;right:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,36px);width:min(520px,calc(100% - 28px));padding:clamp(22px,3vw,34px);border-radius:var(--r-lg);animation:rs-float-in 1s var(--spring) .5s both}
.rs-hero-panel h1{margin:0;font:700 clamp(2.2rem,4.6vw,3.9rem)/1.02 var(--f);letter-spacing:-.035em;color:var(--label)}
.rs-hero-panel p{margin-top:14px!important;font-size:1.05rem;line-height:1.5;color:#2B3135}
.rs-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@keyframes rs-float-in{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.rs-note{position:absolute;top:96px;right:clamp(14px,3vw,36px);display:flex;gap:12px;align-items:flex-start;width:min(360px,calc(100% - 28px));padding:12px 14px;border-radius:22px;animation:rs-notify 1s var(--spring) 1.4s both}
.rs-appicon{width:38px;height:38px;flex:none;border-radius:9px}
.rs-note-body{font-size:.88rem;line-height:1.35;color:#2B3135}
.rs-note-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px!important;color:var(--label)}
.rs-note-top span{color:var(--secondary);font-size:.8rem}
@keyframes rs-notify{from{opacity:0;transform:translateY(-30px) scale(.94)}to{opacity:1;transform:none}}
@media (max-width:700px){
  .rs-hero-card{height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:flex-end;padding:340px 12px 12px}
  .rs-hero-panel{position:relative;right:auto;bottom:auto;width:100%}
  .rs-note{top:78px;left:12px;right:12px;width:auto}
}

/* ------------------------------------------------------------------ sections */
.rs-sec{padding-block:clamp(44px,6vw,88px) 0}
.rs-sec-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.rs-sec h2{margin:0;font:700 clamp(1.8rem,3.2vw,2.5rem)/1.08 var(--f);letter-spacing:-.03em}
.rs-more{display:inline-flex;align-items:center;gap:2px;color:var(--pine);font:600 1rem var(--f);text-decoration:none}
.rs-more .rs-i{width:18px;height:18px}
.rs-kicker{font:600 .8rem var(--f);letter-spacing:.02em;color:var(--secondary)}

/* app icons */
.rs-apps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 18px}
.rs-app{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--label);text-decoration:none}
.rs-app-icon{position:relative;display:block;width:100%;max-width:120px;aspect-ratio:1/1;border-radius:26%;overflow:hidden;background:var(--card);box-shadow:0 10px 24px -12px rgba(17,20,22,.35);transition:transform .45s var(--spring),box-shadow .3s}
.rs-app-icon img{width:100%;height:100%;object-fit:cover;display:block}
.rs-app-icon::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 1px 0 rgba(255,255,255,.7);background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 42%);pointer-events:none}
.rs-app:hover .rs-app-icon{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 30px -14px rgba(17,20,22,.45)}
.rs-app:active .rs-app-icon{transform:scale(.94)}
.rs-app-label{font:500 .88rem var(--f)}
@media (max-width:900px){.rs-apps{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* segmented control */
.rs-seg{position:relative;display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:4px;margin-bottom:22px;border-radius:999px;--glass-a:.5}
.rs-seg::-webkit-scrollbar{display:none}
.rs-seg button{position:relative;z-index:1;flex:none;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--secondary);font:600 .9rem var(--f);cursor:pointer;transition:color .25s}
.rs-seg button[aria-selected="true"]{color:var(--label)}
.rs-seg-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--white);box-shadow:0 3px 10px -2px rgba(17,20,22,.18),0 0 0 .5px rgba(17,20,22,.06);transition:transform .55s var(--spring),width .55s var(--spring)}

/* product grid */
.rs-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}
@media (max-width:900px){.rs-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
.rs-pcard{min-width:0;animation:rs-pop .5s var(--spring) both}
.rs-pcard[hidden]{display:none}
@keyframes rs-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.rs-pcard-media{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:#E3E6E9;box-shadow:0 14px 30px -20px rgba(17,20,22,.45);transition:transform .45s var(--spring)}
.rs-pcard:hover .rs-pcard-media{transform:translateY(-4px)}
.rs-pcard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.rs-pcard:hover .rs-pcard-img{transform:scale(1.04)}
.rs-price{position:absolute;left:10px;bottom:10px;padding:7px 12px;border-radius:999px;font:700 .88rem var(--f);color:var(--label);--glass-a:.6}
.rs-price del{color:var(--secondary);font-weight:500;margin-right:4px}
.rs-price ins{text-decoration:none}
.rs-badge{position:absolute;left:10px;top:10px;padding:6px 11px;border-radius:999px;background:var(--alpenglow);color:var(--label);font:700 .75rem var(--f)}
.rs-pcard-title{margin:12px 4px 2px;font:600 .98rem/1.3 var(--f);letter-spacing:-.01em}
.rs-pcard-title a{color:var(--label);text-decoration:none}
.rs-pcard-title a:hover{text-decoration:underline;text-underline-offset:3px}
.rs-pcard-sub{margin:0 4px!important;font-size:.85rem;color:var(--secondary)}

/* family feature */
.rs-feature{position:relative;min-height:clamp(440px,48vw,620px);border-radius:var(--r-xl);overflow:hidden;background:#D9E2E5}
.rs-feature-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rs-feature-panel{position:absolute;left:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,36px);width:min(500px,calc(100% - 28px));padding:clamp(22px,3vw,32px);border-radius:var(--r-lg)}
.rs-feature-panel h2{margin:6px 0 10px;font:700 clamp(1.7rem,3vw,2.4rem)/1.08 var(--f);letter-spacing:-.03em}
.rs-feature-panel > p:not(.rs-kicker){color:#2B3135}
@media (max-width:700px){.rs-feature{display:flex;align-items:flex-end;padding:300px 12px 12px}.rs-feature-panel{position:relative;left:auto;bottom:auto;width:100%}}

/* widgets */
.rs-widgets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(170px,auto);gap:16px}
.rs-widget{padding:20px;border-radius:var(--r-lg);background:var(--card);box-shadow:0 14px 34px -24px rgba(17,20,22,.4),0 0 0 .5px rgba(17,20,22,.05)}
.rs-widget--lg{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;gap:6px;padding:24px}
.rs-widget--lg h3{margin:0 0 10px;font:700 1.45rem/1.15 var(--f);letter-spacing:-.02em}
.rs-widget--sm{display:flex;flex-direction:column;gap:6px}
.rs-widget--sm h3{margin:10px 0 0;font:700 1.02rem var(--f);letter-spacing:-.01em}
.rs-widget--sm p{font-size:.88rem;color:var(--secondary);line-height:1.4}
.rs-wicon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px}
.rs-wicon .rs-i{width:22px;height:22px}
.w-glacier{background:var(--glacier);color:var(--pine)}
.w-alpen{background:#F8DDD3;color:#9A3F25}
.w-pine{background:var(--pine);color:var(--white)}
.w-snow{background:#E7ECEE;color:var(--label)}
.rs-rows{display:flex;flex-direction:column;margin-top:auto;border-radius:var(--r-md);background:var(--canvas);overflow:hidden}
.rs-row{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;color:var(--label);text-decoration:none;transition:background-color .2s}
.rs-row + .rs-row{box-shadow:inset 0 .5px 0 var(--separator)}
.rs-row:hover{background:rgba(17,20,22,.04)}
.rs-row-n{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--pine);color:var(--white);font:700 .85rem var(--f)}
.rs-row-t{display:flex;flex-direction:column;flex:1;min-width:0}
.rs-row-t strong{font:600 1rem var(--f)}
.rs-row-t span{font-size:.86rem;color:var(--secondary)}
.rs-row .rs-i{width:16px;height:16px;color:#A3A8AD}
@media (max-width:900px){.rs-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-widget--lg{grid-column:1/-1;grid-row:auto}}

/* footer */
.rs-foot{margin-top:clamp(56px,7vw,96px);padding-block:44px 32px;background:#E8EBEE}
.rs-foot-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-bottom:26px}
.rs-foot-logo{color:var(--label)}
.rs-foot-logo .rs-logo-svg{height:34px}
.rs-foot-top p{max-width:52ch;color:var(--secondary)}
.rs-mail{color:var(--label);font-weight:600;user-select:all}
.rs-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rs-group h2{margin:0 0 8px 16px;font:600 .78rem var(--f);letter-spacing:.04em;text-transform:uppercase;color:var(--secondary)}
.rs-group ul{list-style:none;margin:0;padding:0;border-radius:var(--r-md);background:var(--card);overflow:hidden}
.rs-group li + li a{box-shadow:inset 0 .5px 0 var(--separator)}
.rs-group a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 14px 16px;color:var(--label);text-decoration:none;font-size:.98rem;transition:background-color .2s}
.rs-group a:hover{background:rgba(17,20,22,.04)}
.rs-group .rs-i{width:16px;height:16px;color:#A3A8AD}
@media (max-width:860px){.rs-groups{grid-template-columns:minmax(0,1fr)}}
.rs-foot-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.rs-foot-base p{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.84rem;color:var(--secondary)}
.rs-glassctl{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font:600 .82rem var(--f);color:var(--label)}
.rs-glassctl-min,.rs-glassctl-max{font-weight:500;color:var(--secondary)}
.rs-glassctl input{width:120px;accent-color:var(--pine)}

/* reveal: settle from a soft blur, only once JS runs */
html.rs-js .rs-reveal{opacity:0;transform:translateY(24px) scale(.985);filter:blur(6px);transition:opacity .8s var(--ease),transform .9s var(--spring),filter .8s var(--ease)}
html.rs-js .rs-reveal.is-in{opacity:1;transform:none;filter:none}

/* inner pages and WooCommerce */
.wp-site-blocks > main:not(.rs-main){max-width:1320px;margin-inline:auto;padding:110px var(--gut-r) clamp(48px,6vw,96px) var(--gut-l);box-sizing:border-box}
.wp-site-blocks > main:not(.rs-main) h1{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.03em}
.wp-site-blocks > main:not(.rs-main) .woocommerce-Tabs-panel h2{font-size:1.45rem}
.rs-page{padding:110px var(--gut-r) clamp(48px,6vw,96px) var(--gut-l)}
.rs-page-title{margin-top:0}
.rs-meta{color:var(--secondary);font-size:.85rem}
.wc-block-product-template{gap:30px 18px!important}
@media (min-width:1000px){.wc-block-product-template__responsive{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:999px){.wc-block-product-template__responsive{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.wc-block-product{text-align:left!important}
.wc-block-product .has-text-align-center{text-align:left!important}
.wc-block-components-product-image,.wc-block-components-product-image img,.wp-block-woocommerce-product-image-gallery img,.woocommerce-product-gallery__image img{border-radius:var(--r-lg)}
.wc-block-components-product-image img{aspect-ratio:4/5;object-fit:cover}
.wc-block-product .wp-block-post-title{font:600 .98rem/1.3 var(--f)!important;margin:10px 0 2px!important}
.wc-block-product .wp-block-post-title a{color:var(--label);text-decoration:none}
.wc-block-product .wc-block-components-product-button{align-items:flex-start!important;margin-top:10px}
.wc-block-product .wc-block-components-product-button .wp-block-button__link,.wc-block-product .wc-block-components-product-button__button{background:rgba(17,20,22,.06)!important;color:var(--label)!important;border:0!important;border-radius:999px!important;padding:10px 16px!important;font-size:.88rem!important}
.wc-block-product .wc-block-components-product-button .wp-block-button__link:hover,.wc-block-product .wc-block-components-product-button__button:hover{background:var(--label)!important;color:var(--white)!important}
.wp-element-button,.wc-block-components-button:not(.is-link),.single_add_to_cart_button{border-radius:999px!important}
.wc-block-components-product-sale-badge,.wc-block-components-sale-badge{background:var(--alpenglow)!important;color:var(--label)!important;border:0!important;border-radius:999px!important}
.woocommerce div.product form.cart .variations select,.woocommerce .quantity .qty,.wc-block-components-text-input input{border-radius:12px!important;border:1px solid var(--separator)!important;background:var(--card)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rs-hero-img,.rs-hero-panel,.rs-note,.rs-pcard,.rs-search,.rs-logo-svg .lens-sun,.rs-logo-svg .glint{animation:none!important}
  .rs-logo-svg .glint{opacity:0}
  html.rs-js .rs-reveal{opacity:1;transform:none;filter:none;transition:none}
  .rs-capsule,.rs-seg-thumb{transition:none}
}