/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--cream:#fbf5e9;--paper:#fffaf1;--brown:#54251e;--wine:#7b2d22;--gold:#c89032;--green:#214b2c;--line:#eadcc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#302823;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;background:#fbf5e9ee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:28px}.logo{font:700 24px 'Playfair Display';color:var(--wine);margin-right:auto}.logo small{display:block;font:700 9px 'DM Sans';letter-spacing:3px;text-align:center;color:var(--brown)}nav{display:flex;gap:24px;font-weight:700;font-size:14px}.wa,.btn{background:var(--green);color:#fff;padding:11px 17px;border-radius:9px;font-weight:700}.hero{max-width:1200px;margin:auto;padding:70px 22px;min-height:590px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:800}h1,h2{font-family:'Playfair Display';color:var(--brown)}h1{font-size:clamp(46px,6vw,76px);line-height:1.02}h1 i{color:var(--wine)}h2{font-size:42px}.hero p:not(.eyebrow),.visit p{line-height:1.75;color:#6c6057}.hero-logo-frame{width:min(390px,100%);margin:auto;background:#fffaf0;padding:22px;border-radius:20px;box-shadow:0 25px 70px #6a3b251c;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.hero-logo-frame:hover{transform:scale(1.035);box-shadow:0 30px 85px #6a3b2526}.hero-logo-frame img{width:100%;height:auto;display:block;transition:transform .3s ease}.hero-logo-frame:hover img{transform:scale(1.025)}.trust{background:var(--green);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:24px max(22px,calc((100% - 1160px)/2));text-align:center}.trust b{display:block;color:#f2d38e}.trust div{padding:5px 15px;border-right:1px solid #ffffff33}.trust div:last-child{border:0}main{max-width:1200px;margin:auto;padding:80px 22px}.heading{text-align:center;margin-bottom:45px}.heading p:last-child{color:#74665a}.cat{font-size:29px;display:flex;gap:15px;align-items:center}.cat:after{content:'';height:1px;background:var(--line);flex:1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:42px}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden}.photo{aspect-ratio:1;background:#f2e9da}.photo img{width:100%;height:100%;object-fit:contain;padding:0.015px;}.info{padding:15px}.info h3{margin:0 0 5px;font:700 20px 'Playfair Display';color:var(--brown)}.info p{font-size:12px;color:#776b61;min-height:32px}.sizes{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.size{padding:7px 9px;border:1px solid #d8c7ae;background:#fffaf2;border-radius:7px;font-size:11px;font-weight:700;color:var(--brown);cursor:pointer}.size.active{background:var(--brown);color:white}.order{width:100%;border:0;background:var(--green);color:#fff;padding:10px;border-radius:8px;font-weight:700;cursor:pointer}.bulk{background:var(--brown);color:#fff;padding:45px max(22px,calc((100% - 1155px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}.bulk h2{color:#fff}.bulk p{color:#eadbc6}.light{background:#fff;color:var(--green)}.visit{padding:65px max(22px,calc((100% - 1155px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;background:#efe2cb;align-items:center}.visit-copy{min-width:0}.map-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.map-link{font-size:13px;font-weight:800;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:2px}.map-wrap{position:relative;min-height:360px;height:420px;border-radius:20px;overflow:hidden;background:#c9d7c3;box-shadow:0 18px 45px #4b2d1b1f;border:1px solid #d8c5a9}.map-wrap iframe{display:block}.map-overlay{position:absolute;left:16px;bottom:16px;background:#fffaf1ee;backdrop-filter:blur(8px);border:1px solid #eadcc5;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #3b24151c;color:var(--brown)}.map-overlay span{font-size:22px}.map-overlay b,.map-overlay small{display:block}.map-overlay small{font-size:11px;color:#776b61;margin-top:2px}footer{background:#17120f;color:#d9cbb9;padding:25px;text-align:center;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#18100dcc;z-index:50;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.box{position:relative;background:#fffaf1;border-radius:18px;padding:28px;width:min(510px,100%)}#close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;color:var(--brown)}label{display:block;font-size:12px;font-weight:700;color:var(--brown);margin:12px 0}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:11px;font:inherit}textarea{min-height:75px}#summary{background:#f1e5d2;padding:10px;border-radius:8px;font-size:13px}.full{width:100%;border:0;cursor:pointer}.box form>a{display:block;text-align:center;margin-top:12px;color:var(--wine);font-size:13px;font-weight:700}
@media(max-width:900px){nav{display:none}.hero,.visit{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr);gap:10px}.trust div:nth-child(2){border:0}}@media(max-width:560px){.map-wrap{height:330px;min-height:330px}.nav{padding:11px 14px}.hero{padding:45px 16px}.grid{gap:10px}.info{padding:11px}.info h3{font-size:17px}.size{padding:6px 7px}.hero-product{max-width:330px}.bulk{display:block}.section{padding:55px 15px}}

.about{background:#fffaf1;padding:80px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-inner{max-width:1155px;margin:auto}.about-copy{max-width:800px}.about h2{margin:8px 0 14px}.about h2 i{font-family:inherit;color:var(--gold);font-style:normal}.lead{color:#6c6057;line-height:1.8;font-size:17px}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.about-grid div{border:1px solid var(--line);background:#fbf5e9;border-radius:14px;padding:22px}.about-grid div:last-child{grid-column:span 1}.about-grid span{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}.about-grid h3{font:700 20px 'Playfair Display';color:var(--brown);margin:8px 0}.about-grid p{font-size:13px;color:#74675d;line-height:1.65;margin:0}
.contact{background:var(--green);color:#fff;padding:60px 22px}.contact-inner{max-width:1155px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.contact h2{color:#fff;margin:8px 0}.contact p:not(.eyebrow){color:#dbe4d9;line-height:1.7}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-links a{background:#ffffff10;border:1px solid #ffffff26;border-radius:12px;padding:16px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.contact-links span{grid-row:span 2;font-size:22px}.contact-links b{font-size:14px}.contact-links small{color:#dbe4d9;font-size:11px;margin-top:3px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:11px;background:white;font:inherit;color:#302823}
@media(max-width:900px){.about-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{grid-template-columns:1fr}}
@media(max-width:560px){.about-grid,.contact-links{grid-template-columns:1fr}.about-grid div:last-child{grid-column:auto}.form-row{grid-template-columns:1fr}}


.modal{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:clamp(12px,4vw,35px)}
.modal .box{max-height:calc(100dvh - clamp(24px,8vw,70px));overflow-y:auto;-webkit-overflow-scrolling:touch;margin:auto}
@media(max-width:560px){
  .modal{padding:10px}
  .modal .box{width:100%;max-height:calc(100dvh - 20px);padding:22px 17px;border-radius:15px}
  .modal h2{font-size:30px}
  .modal label{margin:10px 0}
  .modal input,.modal textarea,.modal select{font-size:16px}
}
@media(min-width:561px) and (max-width:900px){
  .modal .box{width:min(560px,94vw)}
} */


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap');


:root{
--cream:#fbf5e9;
--paper:#fffaf1;
--brown:#54251e;
--wine:#7b2d22;
--gold:#c89032;
--green:#214b2c;
--line:#eadcc5;
}


*{
box-sizing:border-box;
}


html{
scroll-behavior:smooth;
}


body{
margin:0;
background:var(--cream);
color:#302823;
font-family:'DM Sans',sans-serif;
}


body.no-scroll{
overflow:hidden;
}


a{
text-decoration:none;
color:inherit;
}


button,
input,
textarea,
select{
font-family:inherit;
}


/* HEADER */

header{
position:sticky;
top:0;
z-index:20;
background:#fbf5e9ee;
backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
}


.nav{
max-width:1200px;
margin:auto;
padding:14px 22px;
display:flex;
align-items:center;
gap:28px;
}


.logo{
font:700 24px 'Playfair Display';
color:var(--wine);
margin-right:auto;
}


.logo small{
display:block;
font:700 9px 'DM Sans';
letter-spacing:3px;
text-align:center;
color:var(--brown);
}


nav{
display:flex;
gap:24px;
font-weight:700;
font-size:14px;
}


.nav-actions{
display:flex;
align-items:center;
gap:10px;
}


.wa,
.btn{
background:var(--green);
color:#fff;
padding:11px 17px;
border-radius:9px;
font-weight:700;
border:0;
cursor:pointer;
display:inline-block;
}


.cart-button{
border:1px solid var(--line);
background:#fffaf1;
color:var(--brown);
padding:10px 14px;
border-radius:9px;
font-weight:700;
cursor:pointer;
}


.cart-button:hover{
background:#f3e6d2;
}


#cartCount{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
margin-left:5px;
padding:0 5px;
background:var(--green);
color:white;
border-radius:20px;
font-size:11px;
}


/* HERO */

.hero{
max-width:1200px;
margin:auto;
padding:70px 22px;
min-height:590px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}


.eyebrow{
font-size:11px;
letter-spacing:3px;
color:var(--gold);
font-weight:800;
}


h1,
h2{
font-family:'Playfair Display';
color:var(--brown);
}


h1{
font-size:clamp(46px,6vw,76px);
line-height:1.02;
}


h1 i{
color:var(--wine);
}


h2{
font-size:42px;
}


.hero p:not(.eyebrow),
.visit p{
line-height:1.75;
color:#6c6057;
}


.hero-logo-frame{
width:min(390px,100%);
margin:auto;
background:#fffaf0;
padding:22px;
border-radius:20px;
box-shadow:0 25px 70px #6a3b251c;
overflow:hidden;
transition:transform .3s ease,box-shadow .3s ease;
}


.hero-logo-frame:hover{
transform:scale(1.035);
box-shadow:0 30px 85px #6a3b2526;
}


.hero-logo-frame img{
width:100%;
height:auto;
display:block;
}


/* TRUST */

.trust{
background:var(--green);
color:#fff;
display:grid;
grid-template-columns:repeat(4,1fr);
padding:24px max(22px,calc((100% - 1160px)/2));
text-align:center;
}


.trust b{
display:block;
color:#f2d38e;
}


.trust div{
padding:5px 15px;
border-right:1px solid #ffffff33;
}


.trust div:last-child{
border:0;
}


/* PRODUCTS */

main{
max-width:1200px;
margin:auto;
padding:80px 22px;
}


.heading{
text-align:center;
margin-bottom:45px;
}


.heading p:last-child{
color:#74665a;
}


.cat{
font-size:29px;
display:flex;
gap:15px;
align-items:center;
}


.cat:after{
content:'';
height:1px;
background:var(--line);
flex:1;
}


.grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:42px;
}


.card{
background:var(--paper);
border:1px solid var(--line);
border-radius:17px;
overflow:hidden;
}


.photo{
aspect-ratio:1;
background:#f2e9da;
}


.photo img{
width:100%;
height:100%;
object-fit:contain;
padding:.015px;
}


.info{
padding:15px;
}


.info h3{
margin:0 0 5px;
font:700 20px 'Playfair Display';
color:var(--brown);
}


.info p{
font-size:12px;
color:#776b61;
min-height:32px;
}


.sizes{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:12px 0;
}


.size{
padding:7px 9px;
border:1px solid #d8c7ae;
background:#fffaf2;
border-radius:7px;
font-size:11px;
font-weight:700;
color:var(--brown);
cursor:pointer;
}


.size.active{
background:var(--brown);
color:white;
}


/* ADD TO CART AREA */

.cart-add-area{
margin-top:12px;
}


.add-cart-btn{
width:100%;
border:1px solid var(--green);
background:white;
color:var(--green);
padding:10px;
border-radius:8px;
font-weight:800;
cursor:pointer;
}


.add-cart-btn:hover{
background:#eef4ed;
}


.quantity-builder{
display:none;
}


.quantity-builder.show{
display:flex;
align-items:center;
gap:8px;
}


.qty-control{
display:flex;
align-items:center;
justify-content:center;
border:1px solid var(--line);
background:#fffaf1;
border-radius:8px;
overflow:hidden;
}


.qty-control button{
width:38px;
height:38px;
border:0;
background:#f1e5d2;
color:var(--brown);
font-size:20px;
font-weight:800;
cursor:pointer;
}


.qty-control input{
width:48px;
height:38px;
border:0;
text-align:center;
font-weight:800;
color:var(--brown);
background:white;
outline:none;
}


.done-cart{
flex:1;
height:38px;
border:0;
border-radius:8px;
background:var(--green);
color:white;
font-weight:800;
cursor:pointer;
}


.product-added{
display:none;
width:100%;
padding:10px;
border-radius:8px;
background:#e7f0e5;
color:var(--green);
font-weight:800;
text-align:center;
}


.product-added.show{
display:block;
}


.order{
width:100%;
border:0;
background:var(--brown);
color:#fff;
padding:10px;
border-radius:8px;
font-weight:700;
cursor:pointer;
margin-top:8px;
}


.order:hover{
background:var(--wine);
}


/* BULK */

.bulk{
background:var(--brown);
color:#fff;
padding:45px max(22px,calc((100% - 1155px)/2));
display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
}


.bulk h2{
color:#fff;
}


.bulk p{
color:#eadbc6;
}


.light{
background:#fff;
color:var(--green);
}


/* VISIT */

.visit{
padding:65px max(22px,calc((100% - 1155px)/2));
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:35px;
background:#efe2cb;
align-items:center;
}


.visit-copy{
min-width:0;
}


.map-actions{
display:flex;
align-items:center;
gap:18px;
flex-wrap:wrap;
}


.map-link{
font-size:13px;
font-weight:800;
color:var(--green);
border-bottom:1px solid var(--green);
padding-bottom:2px;
}


.map-wrap{
position:relative;
min-height:360px;
height:420px;
border-radius:20px;
overflow:hidden;
background:#c9d7c3;
box-shadow:0 18px 45px #4b2d1b1f;
border:1px solid #d8c5a9;
}


.map-wrap iframe{
display:block;
}


.map-overlay{
position:absolute;
left:16px;
bottom:16px;
background:#fffaf1ee;
backdrop-filter:blur(8px);
border:1px solid #eadcc5;
border-radius:12px;
padding:10px 14px;
display:flex;
align-items:center;
gap:10px;
box-shadow:0 8px 25px #3b24151c;
color:var(--brown);
}


.map-overlay span{
font-size:22px;
}


.map-overlay b,
.map-overlay small{
display:block;
}


.map-overlay small{
font-size:11px;
color:#776b61;
margin-top:2px;
}


/* ABOUT */

.about{
background:#fffaf1;
padding:80px 22px;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}


.about-inner{
max-width:1155px;
margin:auto;
}


.about-copy{
max-width:800px;
}


.about h2{
margin:8px 0 14px;
}


.about h2 i{
font-family:inherit;
color:var(--gold);
font-style:normal;
}


.lead{
color:#6c6057;
line-height:1.8;
font-size:17px;
}


.about-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:35px;
}


.about-grid div{
border:1px solid var(--line);
background:#fbf5e9;
border-radius:14px;
padding:22px;
}


.about-grid span{
font-size:11px;
letter-spacing:2px;
color:var(--gold);
font-weight:800;
}


.about-grid h3{
font:700 20px 'Playfair Display';
color:var(--brown);
margin:8px 0;
}


.about-grid p{
font-size:13px;
color:#74675d;
line-height:1.65;
margin:0;
}


/* CONTACT */

.contact{
background:var(--green);
color:#fff;
padding:60px 22px;
}


.contact-inner{
max-width:1155px;
margin:auto;
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:40px;
align-items:center;
}


.contact h2{
color:#fff;
margin:8px 0;
}


.contact p:not(.eyebrow){
color:#dbe4d9;
line-height:1.7;
}


.contact-links{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}


.contact-links a{
background:#ffffff10;
border:1px solid #ffffff26;
border-radius:12px;
padding:16px;
display:grid;
grid-template-columns:34px 1fr;
column-gap:10px;
align-items:center;
}


.contact-links span{
grid-row:span 2;
font-size:22px;
}


.contact-links b{
font-size:14px;
}


.contact-links small{
color:#dbe4d9;
font-size:11px;
margin-top:3px;
}


/* FOOTER */

footer{
background:#17120f;
color:#d9cbb9;
padding:25px;
text-align:center;
font-size:12px;
}


/* CART MODAL */

.cart-modal,
.modal{
display:none;
position:fixed;
inset:0;
background:#18100dcc;
z-index:50;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:clamp(12px,4vw,35px);
}


.cart-modal.open,
.modal.open{
display:flex;
align-items:flex-start;
justify-content:center;
}


.cart-box,
.box{
position:relative;
background:#fffaf1;
border-radius:18px;
padding:28px;
width:min(650px,100%);
max-height:calc(100dvh - clamp(24px,8vw,70px));
overflow-y:auto;
margin:auto;
}


.cart-close,
#close{
position:absolute;
right:12px;
top:8px;
border:0;
background:none;
font-size:30px;
color:var(--brown);
cursor:pointer;
}


/* CART ITEMS */

.cart-empty{
text-align:center;
padding:35px 15px;
color:#776b61;
}


.cart-item{
display:grid;
grid-template-columns:72px 1fr auto;
gap:12px;
align-items:center;
padding:12px 0;
border-bottom:1px solid var(--line);
}


.cart-item-image{
width:72px;
height:72px;
border-radius:10px;
background:#f2e9da;
object-fit:contain;
}


.cart-item-name{
font-weight:800;
color:var(--brown);
font-size:14px;
}


.cart-item-size{
font-size:12px;
color:#776b61;
margin-top:3px;
}


.cart-item-actions{
display:flex;
align-items:center;
gap:7px;
margin-top:8px;
}


.mini-qty{
display:flex;
align-items:center;
border:1px solid var(--line);
border-radius:7px;
overflow:hidden;
}


.mini-qty button{
width:28px;
height:28px;
border:0;
background:#f1e5d2;
color:var(--brown);
font-weight:800;
cursor:pointer;
}


.mini-qty span{
min-width:30px;
text-align:center;
font-size:12px;
font-weight:800;
}


.remove-item{
border:0;
background:none;
color:var(--wine);
font-size:11px;
font-weight:800;
cursor:pointer;
}


.cart-footer{
margin-top:20px;
}


.cart-total-line{
display:flex;
justify-content:space-between;
padding:13px 0;
margin-bottom:12px;
border-top:1px solid var(--line);
}


.clear-cart{
width:100%;
border:0;
background:none;
color:var(--wine);
font-weight:800;
margin-top:12px;
cursor:pointer;
padding:8px;
}


/* CHECKOUT */

.checkout-section{
background:#f4e9d7;
border-radius:12px;
padding:14px;
margin:15px 0;
}


.checkout-section-title{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8px;
color:var(--brown);
}


#checkoutItemCount{
font-size:11px;
color:#776b61;
}


.checkout-item{
background:#fffaf1;
border:1px solid var(--line);
border-radius:9px;
padding:10px;
margin:8px 0;
}


.checkout-item-top{
display:flex;
justify-content:space-between;
gap:10px;
}


.checkout-product{
font-weight:800;
font-size:13px;
color:var(--brown);
}


.checkout-size{
font-size:11px;
color:#776b61;
margin-top:2px;
}


.checkout-quantity{
font-weight:800;
color:var(--green);
white-space:nowrap;
}


.checkout-remove{
border:0;
background:none;
color:var(--wine);
font-size:11px;
font-weight:800;
cursor:pointer;
padding:4px 0 0;
}


.add-other{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
align-items:end;
margin-top:15px;
}


.add-other label{
margin:0;
}


.add-other-btn{
grid-column:span 2;
border:0;
background:var(--green);
color:#fff;
border-radius:8px;
padding:10px;
font-weight:800;
cursor:pointer;
}


label{
display:block;
font-size:12px;
font-weight:700;
color:var(--brown);
margin:12px 0;
}


input,
textarea,
select{
display:block;
width:100%;
margin-top:6px;
border:1px solid var(--line);
border-radius:8px;
padding:11px;
font:inherit;
background:white;
color:#302823;
}


textarea{
min-height:75px;
resize:vertical;
}


#summary{
background:#f1e5d2;
padding:10px;
border-radius:8px;
font-size:13px;
line-height:1.7;
}


.full{
width:100%;
border:0;
cursor:pointer;
text-align:center;
}


.call-checkout{
display:block;
text-align:center;
margin-top:12px;
color:var(--wine);
font-size:13px;
font-weight:700;
}


.field-help{
display:block;
font-size:10px;
font-weight:400;
color:#776b61;
margin-top:4px;
}


input:invalid:not(:placeholder-shown){
border-color:#b35d4d;
}


@media(max-width:900px){

nav{
display:none;
}

.hero,
.visit{
grid-template-columns:1fr;
}

.grid{
grid-template-columns:repeat(2,1fr);
}

.trust{
grid-template-columns:repeat(2,1fr);
gap:10px;
}

.trust div:nth-child(2){
border:0;
}

.about-grid{
grid-template-columns:repeat(2,1fr);
}

.contact-inner{
grid-template-columns:1fr;
}

}


@media(max-width:560px){

.nav{
padding:11px 14px;
gap:8px;
}

.logo{
font-size:20px;
}

.nav-actions{
gap:5px;
}

.wa{
display:none;
}

.cart-button{
padding:9px 10px;
font-size:11px;
}

.hero{
padding:45px 16px;
}

.grid{
gap:10px;
}

.info{
padding:11px;
}

.info h3{
font-size:17px;
}

.size{
padding:6px 7px;
}

.bulk{
display:block;
}

.about-grid,
.contact-links{
grid-template-columns:1fr;
}

.form-row{
grid-template-columns:1fr;
}

.map-wrap{
height:330px;
min-height:330px;
}

.cart-modal,
.modal{
padding:10px;
}

.cart-box,
.box{
width:100%;
max-height:calc(100dvh - 20px);
padding:22px 17px;
border-radius:15px;
}

.modal h2,
.cart-box h2{
font-size:30px;
}

.modal label{
margin:10px 0;
}

.modal input,
.modal textarea,
.modal select{
font-size:16px;
}

.cart-item{
grid-template-columns:58px 1fr;
}

.cart-item-image{
width:58px;
height:58px;
}

.cart-item-actions{
flex-wrap:wrap;
}

.add-other{
grid-template-columns:1fr;
}

.add-other-btn{
grid-column:auto;
}

}


@media(min-width:561px) and (max-width:900px){

.cart-box,
.box{
width:min(600px,94vw);
}

}