:root{--green:#244e35;--orange:#c75b30;--cream:#faf7ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.65 Arial,sans-serif}a{color:inherit}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);border-bottom:1px solid #d9ddce}.brand{text-decoration:none;font-size:34px;font-weight:800;line-height:1.05}.brand span{color:var(--orange)}.brand small{display:block;font-size:10px;letter-spacing:2px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}section{padding:80px 6%;max-width:1500px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding-top:45px}.hero img{width:100%;max-height:680px;object-fit:cover;border-radius:160px 160px 8px 8px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:bold;color:var(--orange)}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(44px,6vw,88px);margin:25px 0}h2{font-size:clamp(32px,4vw,52px);margin:15px 0 30px}h3{font-size:19px}.hero p{max-width:470px}.button{display:inline-block;background:var(--green);color:white;padding:15px 25px;border-radius:3px;text-decoration:none;margin-top:22px}.note{font-size:12px;letter-spacing:2px;margin-top:35px}.tools{display:flex;gap:24px;justify-content:space-between}label{display:grid;gap:8px}input,select{padding:13px;border:1px solid #a3b09e;background:white;border-radius:3px;font:inherit;color:inherit}input{width:min(400px,80vw)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.grid img,.placeholder{width:100%;height:350px;object-fit:contain;background:#f0eadb;border-radius:8px}.placeholder{display:grid;place-items:center;text-align:center;padding:40px;background:linear-gradient(135deg,#e6eddb,#efe1c8);font:26px Georgia,serif}button{font:inherit;color:var(--green);cursor:pointer;background:none;border:0;border-bottom:1px solid #8c9c82;padding:8px 0}button:hover,a:hover{color:var(--orange)}.story{background:#e9edde;text-align:center}.story p{max-width:660px;margin:20px auto}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.gallery img{width:100%;height:auto}.social{margin-left:20px}footer{padding:45px 6%;background:var(--green);color:white}footer p{font-size:13px}dialog{border:0;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow:auto;background:var(--cream);color:var(--green)}dialog::backdrop{background:#122619bb}dialog img{width:100%;max-height:350px;object-fit:contain}#close{display:block;margin-left:auto;margin-bottom:15px}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:15px}.hero{grid-template-columns:1fr;gap:35px}.hero img{max-height:520px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.grid img,.placeholder{height:240px}.tools{flex-direction:column}.gallery{grid-template-columns:repeat(2,1fr)}section{padding:50px 6%}}@media(max-width:420px){.grid{grid-template-columns:1fr}}
.grid .enquiry-button,.enquiry-button{background:#245d3c;color:#fff;border:0;padding:14px 18px;text-align:center;min-height:48px;border-radius:4px;font-weight:bold}.enquiry-button:hover{background:#183f29;color:white}.enquiry-actions{display:flex;flex-wrap:wrap;gap:12px}.enquiry-actions .button{margin-top:8px;min-height:48px;text-align:center;border:0;cursor:pointer}.enquiry-actions .secondary{background:#e5e9dc;color:#203d30}.enquiry-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.enquiry-actions{flex-direction:column}.enquiry-actions .button{width:100%}}
.cart-button{position:fixed;bottom:20px;right:20px;z-index:20;background:#203d30;color:white;border:2px solid white;border-radius:30px;padding:16px 25px;box-shadow:0 4px 20px #0003}.checkout-form{display:grid;gap:15px}.checkout-form input{width:100%;max-width:100%}.checkout-form .button{color:white}.admin-order{padding:25px;background:white;border:1px solid #ccd3c2;margin:25px 0}.admin-order h2{font-size:28px}.admin-order select{max-width:100%}.resume-order{display:block;margin:25px auto}#detail-content>p>input[type=number]{width:75px}.cart-button:hover{color:white;background:#b95732}footer{padding-bottom:100px}
body{background:#faf8f2}.hero{position:relative}.hero:before{content:'HANDCRAFTED • BBLOOM V NATURA';position:absolute;right:6%;top:18px;font:10px Arial;letter-spacing:2px;color:#74816b}.grid article{border-radius:14px;overflow:hidden}.grid img,.placeholder{border-radius:8px}.grid .enquiry-button{border-radius:5px}.grid article>button:last-child{font-size:11px}.story{background:linear-gradient(125deg,#e5ebdb,#f1eddf)}#products>h2{max-width:720px}.gallery img{border-radius:8px}.hero img{border-radius:140px 140px 14px 14px}.checkout-form input{min-height:48px}.checkout-form button{min-height:48px}#detail{border-radius:16px}footer strong{font-size:30px}nav a{transition:color .2s}@media(max-width:760px){.hero:before{display:none}.grid article{padding:10px}.grid .enquiry-button{font-size:11px;padding:13px 8px}.hero>div>p:not(.eyebrow):not(.note){font-size:16px}}
:root{--green:#203d30;--orange:#b95732;--cream:#fbf8f1}body{color:#263e30}header{padding:24px 6%;position:sticky;top:0;z-index:10;background:#fbf8f1f5;backdrop-filter:blur(12px)}header:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#244e35 70%,#c75b30 70%)}nav a{position:relative;padding:8px 0;font-weight:600}nav a:hover:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange)}.brand{font-family:Georgia,serif;letter-spacing:-1px}.brand small{font-family:Arial,sans-serif;letter-spacing:1.8px;font-size:9px}.hero{min-height:740px;background:radial-gradient(ellipse at 85% 40%,#e9ebd9,transparent 65%);gap:8%;padding-bottom:65px}.hero h1{letter-spacing:-3px}.hero>div>p:not(.eyebrow):not(.note){font-size:18px;color:#61705e;line-height:1.85}.hero img{box-shadow:20px 22px 0 #e6e8d5;max-height:610px;border:8px solid #fffaf0}.button{border-radius:0;font-size:13px;font-weight:600;letter-spacing:.7px;padding:18px 28px;transition:background .2s,transform .2s}.button:hover{color:white;background:var(--orange);transform:translateY(-2px)}.note{border-top:1px solid #d6d9c9;padding-top:24px;max-width:360px}#products{border-top:1px solid #dadfce}.tools{background:#f0f0e6;padding:24px;margin-top:35px;border:1px solid #e0e3d7}label{font-size:12px;font-weight:bold;letter-spacing:.6px}input,select{font-size:14px;border-color:#cbd0c0}#count{font-size:12px;color:#6b765f;margin:24px 0}.grid{gap:36px 28px}.grid article{background:#fffdf8;border:1px solid #e2e4d8;padding:12px 12px 18px;transition:box-shadow .2s,transform .2s}.grid article:hover{transform:translateY(-4px);box-shadow:0 15px 35px #203d3010}.grid article h3{font:24px/1.2 Georgia,serif;margin:22px 12px 12px;min-height:58px}.grid article>p{margin:8px 12px;color:var(--orange);font-size:15px;font-weight:bold}.grid del{font-size:12px;color:#7a8072;font-weight:normal;margin-left:5px}.grid button{display:block;width:calc(100% - 24px);margin:20px 12px 0;text-align:left;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-bottom:12px}.grid img,.placeholder{border-radius:0;height:330px}.placeholder{color:#4c634b;font-size:23px;line-height:1.5;border:16px solid #efeee1;background:radial-gradient(ellipse at 30% 20%,#f9f7ec,#dfe5ce)}.story{padding-top:90px;padding-bottom:90px;border-top:1px solid #d8decb;border-bottom:1px solid #d8decb}.story h2{max-width:700px;margin:20px auto 30px}.story p{color:#60705c;line-height:1.9}#gallery h3{font:30px Georgia,serif;margin-top:40px}.gallery img{border:5px solid #fff;box-shadow:0 4px 15px #203d3010}footer{display:flex;align-items:center;justify-content:space-between;gap:20px}footer strong{font:25px Georgia,serif}dialog{box-shadow:0 25px 100px #0005}#detail-content>p{line-height:1.85}@media(max-width:760px){header{position:relative;padding:18px 6%;gap:16px}nav{gap:12px 18px}nav a{font-size:12px}.hero{min-height:auto;padding-top:40px}.hero h1{letter-spacing:-2px}.hero img{max-height:500px;box-shadow:10px 12px 0 #e6e8d5}.grid article h3{font-size:21px}.grid img,.placeholder{height:260px}footer{flex-direction:column;align-items:flex-start;gap:5px}.tools{padding:18px}input{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
