
/* Rainier Sheds custom visual system, safely scoped to a draft of Storefront. */
/* Warm earthy color system; improve contrast without changing the established homepage layout. */
:root{--rs-forest:#2d5138;--rs-deep:#263e2d;--rs-ink:#262d24;--rs-cream:#fbf7ed;--rs-muted:#495545}
.r-styles{background:#f4eee3}
.r-work{background:#faf5ed}
.r-home-main .r-intro{background:#284634}
.r-home-main .r-process{background:#304534}
.r-home-main .r-intro .r-promise-grid span,.r-home-main .r-process p,.r-home-main .r-process .r-step p{color:#fff!important}
.r-style-card{border:1px solid #e6dac9}
.r-style-card .r-card-copy>span{color:#2d5138!important}
.r-eyebrow{color:#416045}
.r-review-intro,.r-review-card p,.r-review-note{color:#3d4b3d}
.r-review-source{color:#355637}
.r-reviews .r-review-card{background:#f9f3e7;border-color:#e8dfd0}
.r-review-rating{background:#f6ecdb}
.r-review-rating strong{color:#304b33}
.r-reviews .r-star-line{color:#91602a}
.r-header-email,.r-header-phone strong{color:#284735!important}
.r-footer{background:#282f25}

/* Make shed configuration controls and selected variation prices easier to scan. */
body.single-product .product .summary form.variations_form{border-top:1px solid #dfe8df;padding-top:18px}
body.single-product .product .summary form.variations_form table.variations{width:100%;margin-bottom:16px}
body.single-product .product .summary form.variations_form table.variations tr{display:flex;flex-direction:column;align-items:stretch;padding:0 0 16px;border:0}
body.single-product .product .summary form.variations_form table.variations th,body.single-product .product .summary form.variations_form table.variations td{display:block;width:100%;text-align:left;border:0!important;padding:0!important;background:transparent!important}
body.single-product .product .summary form.variations_form table.variations label{display:block;font-weight:700;color:#123e29;margin-bottom:7px;font-size:15px}
body.single-product .product .summary form.variations_form table.variations select{width:100%;max-width:none;min-height:48px;background:#fff;border:1px solid #b9cbbc;border-radius:6px;padding:9px 12px;color:#173e2c;font-size:16px}
body.single-product .product .summary .woocommerce-variation-price{margin:15px 0 19px;border:1px solid #c2d7c7;border-radius:8px;background:#eff6f0;padding:16px 18px}
body.single-product .product .summary .woocommerce-variation-price .price,body.single-product .product .summary .woocommerce-variation-price .amount{color:#06472b!important;font-weight:800;font-size:clamp(25px,3vw,36px)}

/* Customer trust / Google review highlight section */
.r-reviews{background:#fff;color:#172d23}
.r-reviews-heading{align-items:center;margin-bottom:34px}
.r-reviews-heading h2{max-width:800px}
.r-review-intro{color:#54695b;font-size:18px;max-width:710px;line-height:1.6;margin:0}
.r-review-rating{flex-shrink:0;text-align:right;background:#f2f6f1;padding:20px 25px;border-radius:12px;min-width:222px}
.r-star-line{font-size:23px;letter-spacing:3px;color:#c18b36}
.r-review-rating strong{display:block;color:#0c432b;font-size:36px;line-height:1.1;font-family:Georgia,serif}
.r-review-rating strong span{font-size:21px;color:#5d7766}
.r-review-rating small{display:block;color:#405849;font-weight:600;font-size:12px;margin-top:7px}
.r-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.r-review-card{background:#f7f8f4;border:1px solid #e1e9df;border-radius:12px;padding:27px 27px 22px;display:flex;flex-direction:column;min-height:260px}
.r-review-sigil{font-family:Georgia,serif;font-size:56px;color:#4f7d64;line-height:.72;margin:4px 0 18px}
.r-review-card h3{font-family:Georgia,serif;font-size:23px;margin:0 0 12px;color:#1c3a28}
.r-review-card p{font-size:16px;line-height:1.65;color:#455649;margin:0 0 16px}
.r-review-source{margin-top:auto;color:#52785d;font-weight:700;font-size:12px;letter-spacing:.3px}
.r-review-note{font-size:13px;color:#596e5f;margin:18px 0 0}
.r-review-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.r-review-link{display:inline-flex;align-items:center;gap:12px;padding:15px 23px;border-radius:7px;text-decoration:none!important;font-weight:700;border:1px solid #0a432e!important;color:#0a432e!important}
.r-review-link:hover{background:#eaf3ec}
.r-review-google{background:#0a432e;color:#fff!important}
.r-review-google:hover{background:#145a41;color:#fff!important}
@media(max-width:760px){.r-reviews-heading{align-items:stretch}.r-review-rating{align-self:flex-start;text-align:left}.r-reviews-grid{grid-template-columns:1fr}.r-review-card{min-height:0}.r-review-links{flex-direction:column}.r-review-link{justify-content:center}}

/* Keep high-contrast white lettering over the two green story sections. */
.r-home-main .r-intro{max-width:none;background:#12432f;color:#fff}
.r-home-main .r-intro>p:not(.r-eyebrow),.r-home-main .r-intro .r-eyebrow,.r-home-main .r-intro h2,.r-home-main .r-intro .r-promise-grid strong,.r-home-main .r-intro .r-promise-grid span{color:#fff!important}
.r-home-main .r-intro .r-promise-grid{border-top-color:rgba(255,255,255,.32)}
.r-home-main .r-process{background:#103a2b;color:#fff}
.r-home-main .r-process .r-eyebrow,.r-home-main .r-process h2,.r-home-main .r-process h3,.r-home-main .r-process .r-heading-center>p:last-child,.r-home-main .r-process .r-step-number,.r-home-main .r-process .r-step p{color:#fff!important}
.r-home-main .r-process .r-step{border-top-color:rgba(255,255,255,.7)}

:root{--rs-forest:#063d2b;--rs-deep:#06291e;--rs-ink:#14251e;--rs-cream:#f8f7f3;--rs-muted:#64716a}
body{color:var(--rs-ink);background:#fff}
.site-header.r-header{background:#fff!important;padding:0!important;margin:0!important;border:0!important;box-shadow:0 1px 9px rgba(0,0,0,.04);position:relative;z-index:50}
.r-header-inner{max-width:1450px;padding:0 30px;min-height:90px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}
.r-logo{display:flex;align-items:center;flex:0 0 278px;height:90px}.r-logo img{width:278px;height:80px;object-fit:contain}
.r-desktop-nav{display:flex;align-items:center;gap:65px;margin:auto}.r-desktop-nav a,.r-desktop-nav summary{font-family:'Trebuchet MS',Arial,sans-serif;font-size:17px;font-weight:600;color:#1c2421;text-decoration:none;cursor:pointer;white-space:nowrap}.r-desktop-nav a:hover,.r-desktop-nav summary:hover{color:var(--rs-forest)}
.r-nav-dropdown{position:relative}.r-nav-dropdown summary{display:flex;align-items:center;gap:13px;list-style:none}.r-nav-dropdown summary::-webkit-details-marker{display:none}.r-chevron{width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-2px)}
.r-dropdown-panel{position:absolute;top:calc(100% + 24px);left:-20px;background:#fff;min-width:245px;box-shadow:0 15px 40px #0c271c24;border-radius:9px;padding:10px;display:flex;flex-direction:column;z-index:100}.r-dropdown-panel a{padding:12px 14px;font-size:14px;border-radius:5px}.r-dropdown-panel a:hover{background:#eff4ef}
.r-header-phone{display:flex;align-items:center;gap:15px;color:var(--rs-deep)!important;text-decoration:none!important;white-space:nowrap}.r-header-phone span{display:flex;flex-direction:column;line-height:1.12}.r-header-phone small{font-size:14px;font-weight:600;color:#232b27}.r-header-phone strong{font-size:26px;letter-spacing:-.5px;color:var(--rs-deep)}
.r-header-contact{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}
.r-header-email{display:inline-flex;align-items:center;gap:8px;margin-left:51px;font-size:14px;font-weight:700;color:#063d2b!important;text-decoration:none!important;white-space:nowrap}
.r-header-email:hover{text-decoration:underline!important}
.r-quote,.r-quote h2,.r-quote p,.r-quote p:not(.r-eyebrow),.r-quote .r-eyebrow,.r-quote .r-quote-phone{color:#ffffff!important}
.r-mobile-menu{display:none}
body.home .site-content{padding:0!important;margin:0!important}body.home .site-content>.col-full{max-width:none!important;margin:0!important;padding:0!important}body.home .site-content .woocommerce{display:none}
.r-home-main{margin:0;padding:0;font-family:'Trebuchet MS',Arial,sans-serif}.r-home-main *{box-sizing:border-box}.r-home-main h1,.r-home-main h2,.r-home-main h3{color:inherit}.r-wrap{max-width:1270px;margin:auto;padding-left:32px;padding-right:32px}
.r-hero{min-height:clamp(520px,34vw,670px);position:relative;isolation:isolate;display:flex;align-items:center;background-color:#071e14;background-image:linear-gradient(90deg,rgba(0,15,7,.88) 0%,rgba(0,13,7,.70) 30%,rgba(0,13,7,.18) 57%,rgba(0,0,0,0) 76%),url('https://rainiersheds.com/wp-content/uploads/2026/10/Rainier-Sheds-woodland-header.png');background-size:100% 100%,contain;background-position:center center,center center;background-repeat:no-repeat}
.r-hero-inner{width:100%;max-width:1850px;margin:auto;padding:55px clamp(30px,5%,106px)}.r-hero-copy{max-width:1020px;color:#fff}.r-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-2.4px;font-size:clamp(46px,4.5vw,89px);line-height:1.04;color:#fff;margin:0 0 17px}.r-hero-sub{font-size:clamp(18px,1.55vw,29px);line-height:1.4;color:#fff;margin:0 0 31px}.r-hero-actions{display:flex;flex-wrap:wrap;gap:20px}.r-btn{min-height:69px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:18px 38px;border-radius:9px;font-weight:700;font-size:21px;text-decoration:none!important;transition:transform .15s ease,background .15s ease}.r-btn:hover{transform:translateY(-2px)}.r-btn-main{background:var(--rs-forest);border:2px solid #e3ede8;color:#fff!important}.r-btn-main:hover{background:#106547}.r-btn-outline{background:rgba(0,0,0,.32);border:2px solid rgba(255,255,255,.86);color:#fff!important}.r-btn-outline:hover{background:rgba(0,0,0,.65)}.r-hero-trust{font-size:20px;color:#fff;margin:24px 0 0}.r-hero-trust span{margin:0 7px}
.r-eyebrow{font-weight:800;letter-spacing:2px;font-size:12px;color:#557e67;margin:0 0 16px}.r-home-main h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.3vw,51px);line-height:1.14;letter-spacing:-.8px;margin:0 0 22px}.r-intro{text-align:center;padding-top:96px;padding-bottom:88px}.r-intro>p:not(.r-eyebrow){color:#66736a;line-height:1.75;max-width:750px;font-size:18px;margin:0 auto}.r-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:58px;border-top:1px solid #e5e8e2;padding-top:35px}.r-promise-grid>div{display:flex;gap:17px;align-items:center;justify-content:center}.r-promise-grid strong{font-family:Georgia,serif;color:#8ba296;font-size:27px}.r-promise-grid span{font-weight:700}
.r-section{padding:94px 0}.r-styles{background:#f6f7f3}.r-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.r-section-heading h2{margin-bottom:0}.r-inline-link{font-weight:700;color:var(--rs-forest)!important;text-decoration:none!important}.r-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.r-style-card{display:block;background:white;border-radius:9px;overflow:hidden;box-shadow:0 8px 28px #0000000d;text-decoration:none!important;color:var(--rs-ink)!important;transition:transform .18s}.r-style-card:hover{transform:translateY(-5px)}.r-style-card img{width:100%;height:265px;object-fit:cover;margin:0}.r-style-card:first-child img{object-fit:contain;background:#f0f2ed;padding:10px}.r-card-copy{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:12px}.r-card-copy strong{font-family:Georgia,serif;font-size:21px}.r-card-copy>span{font-size:13px;color:var(--rs-forest);font-weight:700}
.r-heading-center{display:block;text-align:center}.r-heading-center>p:last-child{color:#69756c}.r-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.r-step{border-top:3px solid #155137;padding-top:30px}.r-step-number{font-family:Georgia,serif;font-size:47px;color:#91a89a}.r-step h3{font-size:24px;margin:19px 0 10px}.r-step p{font-size:16px;color:#647169;line-height:1.7}.r-work{background:#faf9f6}.r-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:19px}.r-gallery img{width:100%;height:300px;object-fit:cover;border-radius:8px}
.r-quote{background:var(--rs-deep);color:#fff;padding:85px 0}.r-quote-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.r-quote h2{color:white}.r-quote p:not(.r-eyebrow){font-size:17px;line-height:1.7;color:#e0e9e3;max-width:670px}.r-quote .r-eyebrow{color:#a9c5b5}.r-quote-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.r-btn-light{background:#fff;color:var(--rs-deep)!important;width:100%}.r-quote-phone{color:white!important;text-decoration:underline}
.r-footer{background:#101e18;color:#e2e8e3;padding:44px 30px 20px}.r-footer-inner{max-width:1250px;margin:auto;display:flex;align-items:start;justify-content:space-between;gap:50px}.r-footer-brand{max-width:300px;display:flex;flex-direction:column;gap:12px}.r-footer-brand strong{font:700 26px Georgia,serif}.r-footer-brand span{font-size:14px;line-height:1.6;color:#b6c6ba}.r-footer-links{display:flex;flex-wrap:wrap;gap:16px 26px;max-width:450px}.r-footer a{color:#f5faf6!important;text-decoration:none}.r-footer a:hover{text-decoration:underline}.r-footer-contact{display:flex;flex-direction:column;gap:6px}.r-footer-contact a{font-size:21px;font-weight:700}.r-footer-bottom{text-align:center;border-top:1px solid #ffffff24;padding-top:22px;margin:40px auto 0;font-size:12px;color:#9db1a3}
body:not(.home) .site-content{padding-top:45px}
@media(max-width:1100px){.r-header-inner{gap:17px;padding:0 20px}.r-logo{flex-basis:210px}.r-logo img{width:210px}.r-desktop-nav{gap:25px}.r-header-phone strong{font-size:21px}.r-hero{min-height:600px}}
@media(max-width:760px){.r-header-inner{min-height:77px;padding:0 18px}.r-logo{flex:0 0 165px;height:75px}.r-logo img{width:165px;height:70px}.r-desktop-nav{display:none}.r-header-contact{margin-left:auto;gap:3px}.r-header-phone svg{width:25px;height:25px}.r-header-email{margin-left:0;font-size:11px;gap:4px}.r-header-email svg{width:12px;height:12px}.r-header-phone small{font-size:11px}.r-header-phone strong{font-size:15px}.r-mobile-menu{display:block;position:relative}.r-mobile-menu summary{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px;list-style:none}.r-mobile-menu summary::-webkit-details-marker{display:none}.r-mobile-menu summary span{height:2px;width:23px;background:#133c2c}.r-mobile-menu nav{position:absolute;right:0;top:50px;background:white;min-width:240px;padding:15px;border-radius:8px;box-shadow:0 10px 35px #0003;display:flex;flex-direction:column;z-index:99}.r-mobile-menu nav a{padding:13px;color:#193e2b;text-decoration:none;font-weight:700}.r-hero{min-height:0;display:block;background:#071e14;background-image:none}.r-hero::before{content:'';display:block;width:100%;aspect-ratio:1922/501;background:url('https://rainiersheds.com/wp-content/uploads/2026/10/Rainier-Sheds-woodland-header.png') center / contain no-repeat}.r-hero-inner{padding:42px 25px 55px}.r-hero h1{font-size:clamp(39px,8vw,65px);letter-spacing:-1.3px}.r-hero-sub{font-size:18px}.r-hero-actions{gap:12px}.r-btn{min-height:54px;font-size:16px;padding:14px 19px}.r-hero-trust{font-size:14px;line-height:1.8}.r-wrap{padding-left:23px;padding-right:23px}.r-intro{padding-top:65px;padding-bottom:60px}.r-promise-grid,.r-card-grid,.r-steps,.r-gallery,.r-quote-inner{grid-template-columns:1fr}.r-promise-grid{margin-top:32px;gap:22px}.r-section{padding:65px 0}.r-section-heading{align-items:start;flex-direction:column}.r-style-card img{height:240px}.r-gallery img{height:230px}.r-steps{margin-top:35px;gap:25px}.r-quote{padding:65px 0}.r-footer-inner{flex-direction:column;gap:28px}}
@media(max-width:380px){.r-logo{flex-basis:125px}.r-logo img{width:125px}.r-header-phone strong{font-size:13px}.r-header-phone{gap:5px}.r-hero h1{font-size:37px}.r-hero-actions{flex-direction:column;align-items:start}}
