/* GLYDE shared liquid-glass design language.
   Sitewide visual layer for the homeowner catalog and financing experience.
   No changes to product interaction, pricing, or lead submission behavior. */
:root{
 --glyde-glass-ink:#123f40;
 --glyde-glass-tint:rgba(223,255,250,.36);
 --glyde-glass-shadow:0 20px 48px rgba(10,80,76,.13),0 52px 105px rgba(9,78,73,.11);
 --glyde-glass-sheen:inset 0 3px 7px rgba(255,255,255,.62),inset 0 -8px 16px rgba(13,116,106,.065);
}
body.glyde-shop,body.financing-page{
 color:var(--glyde-glass-ink);
 background:radial-gradient(circle at 11% 12%,#f2fffd 0,transparent 33%),
 radial-gradient(circle at 86% 26%,#b8eae2 0,transparent 37%),
 radial-gradient(circle at 35% 80%,#d4fbf4 0,transparent 48%),
 linear-gradient(157deg,#ceeee9,#e4faf6 51%,#e0f5f1);
}
body.glyde-shop{position:relative;isolation:isolate}
body.glyde-shop::before,
body.financing-page .ambient::after{
 content:"";position:fixed;inset:-8%;pointer-events:none;
 background:
 radial-gradient(ellipse 32% 21% at 7% 31%,rgba(83,199,182,.19),transparent 86%),
 radial-gradient(ellipse 31% 25% at 94% 54%,rgba(39,138,136,.14),transparent 89%),
 radial-gradient(ellipse 31% 25% at 54% 88%,rgba(126,220,207,.16),transparent 82%);
 filter:blur(42px);
 z-index:-1;
}
body.financing-page .ambient::after{z-index:0}
.glyde-shop .shop-header{
 width:min(1290px,calc(100% - 22px));margin:10px auto 0;top:10px;border:0;
 border-radius:30px;isolation:isolate;
 background:linear-gradient(124deg,rgba(255,255,255,.73),rgba(221,255,250,.43) 45%,rgba(181,236,226,.35));
 -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
 box-shadow:var(--glyde-glass-sheen),0 12px 35px rgba(9,78,73,.09),0 30px 70px rgba(9,78,73,.07);
}
.glyde-shop .shop-brand img{
 border-radius:18px;box-shadow:0 7px 24px rgba(17,79,73,.14);
}
.glyde-shop .shop-links a:not(.shop-nav-cta),
.financing-page .navglass .nav-pill{
 border:0!important;color:#104d4b;
 background:linear-gradient(130deg,rgba(255,255,255,.75),rgba(214,255,249,.38) 56%,rgba(153,218,211,.32))!important;
 -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
 backdrop-filter:blur(24px) saturate(165%)!important;
 box-shadow:var(--glyde-glass-sheen),0 9px 27px rgba(5,77,71,.095),0 22px 42px rgba(5,77,71,.065)!important;
}
.glyde-shop .shop-links a:not(.shop-nav-cta){border-radius:999px}
.glyde-shop .shop-links a:hover,.financing-page .navglass .nav-pill:hover{
 background:linear-gradient(134deg,rgba(255,255,255,.88),rgba(194,255,247,.58))!important;
}
.glyde-shop .shop-links .shop-nav-cta,
.glyde-shop .primary-pill,.glyde-shop .add-selection,.glyde-shop .lead-submit{
 background:linear-gradient(145deg,#0b8781,#075c5b 70%,#074f51);
 border:0;color:white;
 box-shadow:inset 0 2px 3px rgba(255,255,255,.23),0 12px 29px rgba(5,96,92,.23),0 26px 53px rgba(10,95,91,.12);
}
.glyde-shop .shop-hero{
 position:relative;isolation:isolate;overflow:visible;
 margin:28px auto 4px;padding:clamp(28px,4.8vw,60px);
 border-radius:clamp(28px,4vw,54px);
 background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(227,255,252,.35) 48%,rgba(156,222,212,.25));
 -webkit-backdrop-filter:blur(34px) saturate(160%);backdrop-filter:blur(34px) saturate(160%);
 box-shadow:var(--glyde-glass-sheen),var(--glyde-glass-shadow);
}
.glyde-shop .shop-hero::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:50%;height:45%;left:-6%;bottom:-14%;
 border-radius:50%;filter:blur(48px);background:rgba(58,180,162,.15);
}
.glyde-shop .hero-window{
 padding:10px;border:0;border-radius:34px;
 background:linear-gradient(144deg,rgba(255,255,255,.42),rgba(190,238,231,.34));
 -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
 box-shadow:var(--glyde-glass-sheen),0 16px 39px rgba(10,76,72,.15);
}
.glyde-shop .hero-window img{border-radius:26px!important}
.glyde-shop .hero-caption{
 border:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 background:rgba(239,255,252,.68);box-shadow:0 6px 18px rgba(11,90,85,.13);
}
.glyde-shop .secondary-pill{
 border:0;background:linear-gradient(130deg,rgba(255,255,255,.78),rgba(190,242,234,.44));
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 box-shadow:var(--glyde-glass-sheen),0 15px 30px rgba(9,94,85,.13);
}
.glyde-shop #catalog .section-intro{
 position:relative;width:min(830px,100%);padding:32px clamp(22px,5vw,54px);margin:60px auto 34px;
 border-radius:40px;
 background:linear-gradient(140deg,rgba(255,255,255,.69),rgba(191,247,236,.32));
 -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
 box-shadow:var(--glyde-glass-sheen),0 22px 53px rgba(9,91,86,.12),0 48px 90px rgba(12,96,91,.08);
}
.glyde-shop .product-grid{gap:clamp(13px,2vw,22px)}
.glyde-shop .product-card{
 position:relative;isolation:isolate;border:0;
 border-radius:clamp(22px,2.6vw,33px);padding:clamp(10px,1.4vw,17px);
 background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(221,255,250,.42) 58%,rgba(176,236,226,.29));
 -webkit-backdrop-filter:blur(26px) saturate(164%);backdrop-filter:blur(26px) saturate(164%);
 box-shadow:var(--glyde-glass-sheen),0 15px 35px rgba(11,84,78,.11),0 33px 75px rgba(9,77,72,.085);
}
.glyde-shop .product-card:hover{
 transform:translateY(-3px);
 box-shadow:var(--glyde-glass-sheen),0 23px 53px rgba(8,88,82,.17),0 50px 90px rgba(9,75,70,.11);
}
.glyde-shop .product-illustration{
 border-radius:20px;background:linear-gradient(145deg,#f4fbfa,#deeeec);
 box-shadow:inset 0 3px 9px rgba(18,86,83,.07),0 7px 18px rgba(15,79,76,.045);
}
.glyde-shop .product-card button{
 border:0;border-radius:999px;
 background:linear-gradient(135deg,rgba(255,255,255,.81),rgba(158,228,216,.53));
 box-shadow:inset 0 2px 4px rgba(255,255,255,.74),0 9px 17px rgba(9,91,84,.09);
 color:#075d5a;
}
.glyde-shop .product-card button:hover{
 background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(112,213,198,.5));
}
.glyde-shop .shop-panel{
 position:relative;isolation:isolate;border:0;overflow:visible;
 border-radius:clamp(30px,4vw,51px);
 background:linear-gradient(143deg,rgba(255,255,255,.78),rgba(223,255,250,.45) 56%,rgba(180,235,228,.25));
 -webkit-backdrop-filter:blur(32px) saturate(158%);backdrop-filter:blur(32px) saturate(158%);
 box-shadow:var(--glyde-glass-sheen),0 24px 60px rgba(10,80,77,.12),0 63px 115px rgba(8,75,70,.09);
}
.glyde-shop .config-preview-art{
 border:0;background:linear-gradient(145deg,#f3fcfa,#e1f0ee);
 box-shadow:inset 0 2px 6px rgba(12,91,85,.07),0 15px 32px rgba(10,80,74,.10);
}
.glyde-shop .field input,.glyde-shop .field select,.glyde-shop .field textarea,
.glyde-shop .contact-grid input,.glyde-shop .contact-grid select,.glyde-shop .contact-grid textarea,
.glyde-shop .selection-item,.glyde-shop .consult-step{
 border:0;background:rgba(255,255,255,.63);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 box-shadow:inset 0 1px 4px rgba(13,85,79,.065),0 8px 24px rgba(15,89,84,.05);
}
.glyde-shop .finish-option{
 border:1px solid rgba(84,143,135,.12);
 background:rgba(255,255,255,.52);box-shadow:0 7px 17px rgba(7,94,85,.07);
}
.glyde-shop .finish-option[aria-pressed="true"]{
 border:2px solid #16857d;background:rgba(218,253,245,.72);
 box-shadow:0 0 0 2px rgba(24,150,139,.13),0 10px 24px rgba(9,98,89,.10);
}
.glyde-shop .shop-footer{
 background:rgba(225,249,243,.46);
 -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
 border:0;box-shadow:0 -13px 40px rgba(10,90,82,.055);
}
.financing-page .navglass{
 width:min(590px,92vw)!important;max-width:92vw!important;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(12px,3vw,22px)!important;margin:33px auto 49px!important;
}
.financing-page .navglass .nav-pill{
 display:flex!important;justify-content:center;align-items:center;
 border-radius:999px!important;min-height:58px;
 padding:15px 24px!important;
 font-weight:800!important;white-space:nowrap!important;
}
.financing-page .navglass .nav-pill[aria-current="page"]{
 background:linear-gradient(140deg,rgba(248,255,253,.9),rgba(160,232,222,.56))!important;
 text-decoration:none;box-shadow:var(--glyde-glass-sheen),0 17px 36px rgba(10,92,87,.14)!important;
}
.financing-page .financing-card{
 border:0;overflow:visible;
 background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(220,255,250,.40) 52%,rgba(157,221,210,.33));
 -webkit-backdrop-filter:blur(32px) saturate(165%);backdrop-filter:blur(32px) saturate(165%);
 box-shadow:var(--glyde-glass-sheen),var(--glyde-glass-shadow);
}
.financing-page .financing-card::before{
 background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.33),transparent 78%);
 height:110px;filter:blur(14px);opacity:.5;
}
.financing-page .title-plate{
 border:0;background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(191,239,229,.34));
 -webkit-backdrop-filter:blur(27px) saturate(165%);backdrop-filter:blur(27px) saturate(165%);
 box-shadow:var(--glyde-glass-sheen),0 19px 45px rgba(8,84,79,.13),0 48px 100px rgba(8,84,79,.1);
}
.financing-page .financing-possibilities{
 margin:44px auto 0;padding:30px;border-radius:40px;
 background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(189,239,229,.28));
 -webkit-backdrop-filter:blur(25px) saturate(150%);backdrop-filter:blur(25px) saturate(150%);
 box-shadow:var(--glyde-glass-sheen),0 22px 56px rgba(12,90,83,.11),0 55px 92px rgba(10,86,79,.07);
 scroll-margin-top:26px;
}
.financing-page .financing-possibilities h2{text-align:center;font-size:clamp(28px,4.2vw,44px);margin:2px 0 9px}
.financing-page .financing-possibilities p{text-align:center;font-size:16px;line-height:1.6;color:#426865;max-width:670px;margin:0 auto 23px}
.financing-page .possibility-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.financing-page .possibility-gallery a{
 display:block;min-width:0;overflow:hidden;border-radius:24px;box-shadow:0 14px 35px rgba(10,84,80,.14);
}
.financing-page .possibility-gallery img{display:block;width:100%;height:190px;object-fit:cover}
.financing-page .possibility-gallery a:focus-visible{outline-offset:4px}
.financing-page .possibility-cta{display:block;width:fit-content;margin:23px auto 0;text-align:center;color:#075f60;font-weight:800;text-underline-offset:4px}
.financing-page .financing-main .title-plate{scroll-margin-top:24px}
@media(max-width:730px){
 .glyde-shop .shop-header{width:calc(100% - 12px);top:5px;margin-top:5px;border-radius:20px}
 .glyde-shop .shop-header-inner{padding:9px 11px}
 .glyde-shop .shop-hero{margin-top:18px;padding:26px 19px;border-radius:30px;gap:24px}
 .glyde-shop #catalog .section-intro{margin:34px auto 23px;padding:27px 19px;border-radius:27px}
 .glyde-shop .product-card{border-radius:23px}
 .glyde-shop .shop-panel{border-radius:31px}
 .financing-page .navglass{margin:24px auto 33px!important}
 .financing-page .navglass .nav-pill{padding:14px 12px!important}
 .financing-page .financing-possibilities{padding:21px;border-radius:30px}
 .financing-page .possibility-gallery{grid-template-columns:1fr 1fr;gap:10px}
 .financing-page .possibility-gallery a:last-child{grid-column:1/-1}
 .financing-page .possibility-gallery img{height:155px}
 .financing-page .possibility-gallery a:last-child img{height:175px}
}
@media(max-width:390px){
 .glyde-shop .shop-links a:not(.shop-nav-cta){padding:8px 5px}
 .financing-page .navglass .nav-pill{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
 .glyde-shop .product-card{transition:none}
}