:root{--ink:#263033;--blue:#6f8990;--electric:#536f76;--sky:#eef3f3;--muted:#69777a;--line:#d8e1e2;--lime:#dce7e5}
body{background:#fbfcfb;color:var(--ink)}
.topbar{background:#263033;color:#e5eeee;letter-spacing:.09em}
.header{background:#fff;border-bottom-color:#dfe7e7;box-shadow:0 4px 18px #2630330b}
.brand small{color:var(--electric)}
.cart-button{border-color:#9aabad;color:var(--ink)}
.cart-button span{background:var(--lime);color:#263033}
.hero{background:linear-gradient(115deg,#fff 0%,#fff 54%,#edf2f2 54%);min-height:610px}
.hero-art.photo-hero{background:#aabcc0;box-shadow:20px 24px 0 #dce6e6;border-radius:0;transform:rotate(1.5deg)}
.photo-hero:before{background:linear-gradient(135deg,#758e94 0 48%,#607a81 48% 70%,#dce6e6 70%);opacity:.96}
.hero-photo-label span{color:#eef5f4}
.hero-photo-label b{font-weight:500;letter-spacing:.01em}
.eyebrow{color:var(--electric)}
em{color:var(--electric)}
.button.primary{background:#536f76}.button.dark{background:#263033}.button.primary:hover,.button.dark:hover{background:#3e5a60}
.text-link{color:#536f76;border-color:#b7cbc9}
.trust span{color:#6c7b7d}
.feature-strip{background:#263033}.feature-strip div{border-left-color:#9fb4b6}.feature-strip span{color:#c3d0d1}
.section-head>p{color:#6b797b}
.product-card{border-color:#dce4e4}.product-card:hover{box-shadow:0 15px 35px #a8b8ba44}.product-type{color:#536f76}.add{background:#536f76}.tag{background:#dce7e5;color:#314346}.tag.light{background:#fff;color:#536f76}
.advice{background:#e6eeee}.advice-visual{box-shadow:14px 14px 0 #c7d6d6}
.about{background:#fff}.company-details{border-color:#9fb4b6}
.tiling{background:#263033}.quote-card{box-shadow:14px 14px 0 #a7babc}
footer{background:#263033}
.mode.active,.mode:hover{background:#536f76;border-color:#536f76}
.checkout-fields{display:grid;gap:8px}
.review-card .checkout-fields{padding:0 25px;margin:0 0 20px}
.checkout-title{padding:0 25px 12px;font:700 1rem 'Space Grotesk';color:#263033}
.coupon-box{padding:0 25px 20px}.coupon-box label{display:block;font:700 .85rem 'Space Grotesk';margin-bottom:8px}.coupon-row{display:flex;gap:8px}.coupon-row input{min-width:0;flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:4px;font:inherit}.coupon-row .button{padding:10px 14px;background:#eef3f3;color:#263033;border:1px solid #d8e1e2}.coupon-box p{margin-top:7px;font-size:.76rem;color:var(--muted)}.coupon-success{color:#247241!important}.coupon-error{color:#a23c24!important}.coupon-discount{display:flex;justify-content:space-between;padding:0 25px 12px;color:#247241;font-size:.88rem}
.uploaded-images{display:flex;flex-wrap:wrap;gap:10px}.uploaded-image{display:flex;flex-direction:column;gap:5px}.uploaded-image img{width:90px;height:70px;object-fit:contain;background:#eef3f3;border:1px solid #d8e1e2}.uploaded-image .button{padding:6px 8px;font-size:.68rem}
.legal-consent{padding:0 25px 20px;font-size:.76rem;line-height:1.5;color:#69777a}.legal-consent label{display:flex;gap:9px;align-items:flex-start}.legal-consent input{margin-top:3px;accent-color:#536f76}.legal-consent a{color:#536f76;text-decoration:underline;text-underline-offset:2px}.legal-footer{flex-wrap:wrap;gap:22px}.legal-footer .footer-links{display:flex;flex-wrap:wrap;gap:14px}.legal-footer .footer-links a{color:#d5e0e0;text-decoration:underline;text-underline-offset:3px}
.add:disabled,.detail-add:disabled{background:#d8e1e2;color:#69777a;cursor:not-allowed;transform:none}
@media(max-width:560px){.hero{background:linear-gradient(160deg,#fff 0%,#fff 68%,#edf2f2 68%)}.brand-logo{width:175px}}