/*
Theme Name: Swim N Soak
Description: Photo-led affiliate storefront homepage inspired by John's reference. Requires Astra. Customize under Appearance > Customize > Swim N Soak Homepage.
Author: Swim N Soak
Template: astra
Version: 2.0.1
Text Domain: swim-n-soak
*/
.sns-home{--navy:#123747;--teal:#30c7b5;--muted:#526e79;background:#f3f8f6;color:var(--navy);font:16px/1.65 Arial,Helvetica,sans-serif;margin:0}.sns-home *{box-sizing:border-box}.sns-home a{text-decoration:none;color:inherit}.sns-home a:focus-visible{outline:3px solid #087f75;outline-offset:5px}.sns-home h1,.sns-home h2,.sns-home h3{font-family:Arial,Helvetica,sans-serif;text-transform:none;font-weight:750;color:var(--navy);letter-spacing:-.045em;line-height:1.09;margin:0 0 20px}.sns-home h1{font-size:clamp(42px,5.3vw,70px);max-width:600px;color:white;letter-spacing:-.055em}.sns-home h2{font-size:clamp(28px,3.3vw,44px)}.sns-home h3{font-size:19px;letter-spacing:-.02em}.sns-home p{margin:0 0 20px}.sns-wrap{width:min(1200px,calc(100% - 64px));margin:auto}.sns-header{background:#fff;border-bottom:1px solid #d5e4e3}.sns-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.sns-brand{font-weight:800;font-size:22px;display:flex;align-items:center;gap:10px;letter-spacing:-.04em}.sns-brand img{width:180px;max-height:70px;object-fit:contain}.sns-mark{background:var(--teal);width:34px;height:38px;border-radius:50% 50% 50% 6px;text-align:center;font-size:28px}.sns-header nav{display:flex;gap:32px;font-size:14px;font-weight:700}.sns-header-link{border:1px solid #ccdfdc;border-radius:40px;padding:10px 20px;font-size:13px}.sns-hero{position:relative;isolation:isolate;min-height:515px;border-radius:22px;overflow:hidden;margin-top:24px;background:#123747;display:flex;align-items:center}.sns-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}.sns-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,26,35,.95) 0%,rgba(4,26,35,.76) 38%,rgba(4,26,35,.08) 80%);z-index:-1}.sns-hero-copy{padding:65px;max-width:710px;color:white}.sns-hero-copy>p:not(.sns-eyebrow){max-width:450px;font-size:18px;line-height:1.65}.sns-home .sns-eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:800;color:#087f75;margin-bottom:14px}.sns-hero .sns-eyebrow{color:#30d8c4}.sns-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--teal);color:#103344!important;border-radius:40px;padding:14px 24px;font-size:14px;font-weight:700;transition:background .2s}.sns-button:hover{background:#69dece}.sns-section{padding-top:76px;scroll-margin-top:30px}.sns-section-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:24px}.sns-section-intro h2{margin-bottom:0;max-width:700px}.sns-section-intro>p{color:var(--muted);margin:0}.sns-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sns-category{background:#e3f0ed;border-radius:20px;padding:24px;position:relative;transition:transform .2s}.sns-category:nth-child(2){background:#e5f0f3}.sns-category:nth-child(3){background:#edeee6}.sns-category:nth-child(4){background:#e1edf0}.sns-category:hover{transform:translateY(-4px)}.sns-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#ffffffdb;color:#087f75;font-size:26px;margin-bottom:24px}.sns-category h3{margin-bottom:8px;font-size:17px}.sns-category p{font-size:13px;color:var(--muted);margin:0 15px 0 0}.sns-arrow{position:absolute;bottom:27px;right:15px;border-radius:50%;background:white;width:24px;height:24px;text-align:center}.sns-care{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.sns-care>img{width:100%;height:375px;object-fit:cover;object-position:75% center;border-radius:20px}.sns-care p{color:var(--muted)}.sns-care ul{list-style:none;padding:0;margin:22px 0 28px;font-size:14px}.sns-care li{padding-left:30px;position:relative;margin-bottom:10px}.sns-care li:before{content:'✓';position:absolute;left:0;top:2px;width:20px;height:20px;line-height:20px;text-align:center;background:#cfefea;border-radius:50%;font-size:12px}.sns-text-link{font-size:14px;font-weight:700;color:#087f75!important}.sns-guide{margin-top:76px;background:#e4f0ec;border-radius:22px;padding:38px;display:flex;gap:35px;align-items:center;justify-content:space-between}.sns-guide h2{font-size:29px;margin-bottom:10px}.sns-guide p{color:var(--muted);max-width:650px;margin-bottom:0}.sns-guide .sns-eyebrow{margin-bottom:8px}.sns-guide .sns-button{flex-shrink:0}.sns-disclosure{font-size:13px;padding:14px 18px;background:#e5f3ef;border-left:3px solid var(--teal);border-radius:0 8px 8px 0;color:var(--muted)}.sns-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sns-product{scroll-margin-top:35px;background:white;padding:24px;border:1px solid #d7e5e1;border-radius:18px}.sns-product img{width:100%;height:180px;object-fit:contain;margin-bottom:18px}.sns-product h3{font-size:20px}.sns-product p{font-size:14px;color:var(--muted)}.sns-product .sns-eyebrow{font-size:10px}.sns-product .sns-button{padding:12px 16px;font-size:13px}.sns-products{padding-bottom:88px}.sns-footer{background:var(--navy);color:#d9e8eb;padding:44px 0 16px}.sns-footer-top{display:flex;justify-content:space-between;gap:70px;padding-bottom:35px}.sns-footer-top>div{max-width:430px}.sns-footer .sns-brand{color:var(--teal);margin-bottom:20px}.sns-footer p{font-size:13px}.sns-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;font-size:13px}.sns-footer-bottom{border-top:1px solid #42606b;padding-top:15px;display:flex;justify-content:space-between;gap:25px}.sns-footer-bottom p{font-size:11px}.sns-skip{position:absolute;left:-10000px}.sns-skip:focus{left:20px;top:40px;z-index:9999;background:white;padding:15px}.sns-home .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:950px){.sns-wrap{width:calc(100% - 40px)}.sns-hero-copy{padding:42px}.sns-section-intro{gap:30px}.sns-categories,.sns-product-grid{grid-template-columns:repeat(2,1fr)}.sns-care{gap:35px}.sns-guide{align-items:flex-start;flex-direction:column}.sns-header-link{display:none}}
@media(max-width:600px){.sns-wrap{width:calc(100% - 32px)}.sns-header-inner{padding:14px 0;gap:12px;flex-wrap:wrap}.sns-header nav{gap:24px;font-size:13px}.sns-brand{font-size:20px}.sns-brand img{width:150px}.sns-hero{min-height:520px;border-radius:18px}.sns-hero-copy{padding:32px 24px}.sns-hero:after{background:linear-gradient(90deg,rgba(4,26,35,.94),rgba(4,26,35,.48))}.sns-hero-copy>p:not(.sns-eyebrow){font-size:16px}.sns-section{padding-top:48px}.sns-section-intro,.sns-care{grid-template-columns:1fr;gap:22px}.sns-categories{gap:10px}.sns-category{padding:18px}.sns-category h3{font-size:16px}.sns-category p{font-size:12px}.sns-care>img{height:270px}.sns-guide{padding:26px;margin-top:48px}.sns-product-grid{grid-template-columns:1fr}.sns-footer-top,.sns-footer-bottom{flex-direction:column;gap:20px}.sns-products{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.sns-category,.sns-button{transition:none}}
/* Editable block layouts */
.sns-home .sns-editable-home>.wp-block-group{margin-bottom:0}.sns-home .sns-hero>.sns-hero-media{position:absolute;inset:0;margin:0;z-index:-2;width:100%;height:100%}.sns-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.sns-home .sns-hero-copy{max-width:710px;margin:0}.sns-home .sns-hero-copy h1{color:#fff}.sns-home .sns-hero-copy>p{color:#fff}.sns-home .sns-hero-copy>.sns-eyebrow{color:#30d8c4}.sns-home .sns-button-block .wp-block-button__link{background:#30c7b5;color:#103344;border-radius:40px;padding:14px 24px;font-size:14px;font-weight:700}.sns-home .sns-button-block .wp-block-button__link:hover{background:#69dece}.sns-home .sns-category{display:block}.sns-home .sns-category h3 a{color:#123747;text-decoration:none}.sns-home .sns-category h3 a:hover{text-decoration:underline}.sns-home .sns-care figure{margin:0}.sns-home .sns-care figure img{width:100%;height:375px;object-fit:cover;object-position:75% center;border-radius:20px}.sns-home .sns-guide>.wp-block-buttons{flex-shrink:0}.sns-home .sns-guide h2{margin-bottom:10px}.sns-home .sns-section-intro .wp-block-group{margin:0}.sns-home .sns-page-content{padding-top:64px;padding-bottom:80px;min-height:60vh}.sns-home .sns-page-content h1{color:#123747;max-width:100%}.sns-home .sns-products>.wp-block-buttons{margin-top:30px}.sns-home .sns-products .sns-product-grid{margin-bottom:30px}.sns-home .sns-header nav{flex-wrap:wrap}.sns-home .sns-page-content>p{max-width:850px}.sns-home .sns-page-content article{max-width:900px}@media(max-width:600px){.sns-home .sns-care figure img{height:270px}.sns-home .sns-page-content{padding-top:35px}.sns-home .sns-header nav{gap:16px}}

/* Astra classic-theme Group wrappers must not become the sole grid/flex item. */
.sns-home .sns-editable-home .wp-block-group > .wp-block-group__inner-container{display:contents}
.sns-home .sns-hero > .wp-block-group__inner-container > .sns-hero-media{position:absolute;inset:0;margin:0;z-index:-2;width:100%;height:100%;max-width:none}
.sns-home .sns-hero-copy > .wp-block-group__inner-container > p{color:#fff;max-width:450px;font-size:18px;line-height:1.65}
.sns-home .sns-hero-copy > .wp-block-group__inner-container > .sns-eyebrow{color:#30d8c4;font-size:11px;line-height:1.65}
.sns-home .sns-section-intro > .wp-block-group__inner-container > p{color:var(--muted);margin:0}
.sns-home .sns-guide > .wp-block-group__inner-container > .wp-block-buttons{flex-shrink:0}
.sns-home .sns-products > .wp-block-group__inner-container > .wp-block-buttons{margin-top:30px}
@media(max-width:600px){.sns-home .sns-hero-copy > .wp-block-group__inner-container > p:not(.sns-eyebrow){font-size:16px}}