:root{--eg-primary:#2D5A8E;--eg-primary-dark:#1A3A5C;--eg-accent:#C8622A;--eg-ink:#1A1A1A;--eg-ink-muted:#6B7A8D;--eg-bg:#FFFFFF;--eg-bg-soft:#F0F5FB;--eg-border:#B8CCE0;--eg-font-heading:'Rubik', system-ui, sans-serif;--eg-font-body:'Rubik', system-ui, sans-serif;--eg-radius:10px;--eg-hero-overlay:0.45;}
*,*::before,*::after{box-sizing:border-box}
body{margin:0; background:var(--eg-bg); color:var(--eg-ink);
font-family:var(--eg-font-body); font-size:16px; line-height:1.6}
h1,h2,h3{font-family:var(--eg-font-heading); margin:0; line-height:1.15;
font-weight:600; letter-spacing:-.015em}
img{max-width:100%; display:block; height:auto}
a{color:var(--eg-primary)}
:focus-visible{outline:3px solid var(--eg-primary); outline-offset:2px}
.wrap{width:min(1140px,100% - 40px); margin-inline:auto}
.eyebrow{font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
color:var(--eg-primary); margin:0 0 10px}
.ceramic{height:14px; background:var(--eg-primary);
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='14'><path d='M0 7 q7 -7 14 0 t14 0 t14 0 t14 0' fill='none' stroke='black' stroke-width='3'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='14'><path d='M0 7 q7 -7 14 0 t14 0 t14 0 t14 0' fill='none' stroke='black' stroke-width='3'/></svg>");
-webkit-mask-repeat:repeat-x; mask-repeat:repeat-x}
.ph{background:
radial-gradient(120% 90% at 22% 18%, #F0E2C4 0%, transparent 55%),
radial-gradient(90% 80% at 78% 72%, #C79A5C 0%, transparent 60%),
linear-gradient(148deg,#E8D6B4,#B98A50 62%,#8A6236);
position:relative; overflow:hidden}
.ph::after{content:""; position:absolute; inset:0; opacity:.16;
background-image:radial-gradient(#000 1px,transparent 1px); background-size:5px 5px}
.btn{display:inline-flex; align-items:center; gap:9px; border-radius:var(--eg-radius);
padding:14px 24px; font-size:16px; font-weight:700; text-decoration:none; border:2px solid transparent;
background:var(--eg-primary); color:#fff; transition:background .15s ease}
.btn:hover{background:var(--eg-primary-dark)}
.btn.ghost{background:transparent; color:var(--eg-primary); border-color:var(--eg-primary)}
.btn.ghost:hover{background:var(--eg-primary); color:#fff}
.btn.light{background:#fff; color:var(--eg-primary-dark)}
.btn.light:hover{background:var(--eg-accent)}
.btn.sm{padding:9px 15px; font-size:14px}
.wa::before{content:""; width:18px; height:18px; flex:none;
background:currentColor;
-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm5.5 14.1c-.2.6-1.2 1.2-1.7 1.2-.4 0-1 .1-3.1-.8-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1-1.4-1-2.7s.7-1.9 1-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.4.5-.3.3c-.1.1-.2.3-.1.5.1.2.6 1.1 1.4 1.8 1 .9 1.8 1.1 2 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.5-.1l2 1c.2.1.4.2.4.3.1.2.1.7-.1 1.3z'/></svg>") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm5.5 14.1c-.2.6-1.2 1.2-1.7 1.2-.4 0-1 .1-3.1-.8-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1-1.4-1-2.7s.7-1.9 1-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.4.5-.3.3c-.1.1-.2.3-.1.5.1.2.6 1.1 1.4 1.8 1 .9 1.8 1.1 2 1.2.2.1.4.1.5-.1l.7-.8c.2-.2.3-.2.5-.1l2 1c.2.1.4.2.4.3.1.2.1.7-.1 1.3z'/></svg>") center/contain no-repeat}
.utility{background:var(--eg-primary-dark); color:#fff; font-size:13.5px}
.utility .wrap{display:flex; align-items:center; gap:18px; padding:8px 0; flex-wrap:wrap}
.utility a{color:#fff; text-decoration:none}
.utility a:hover{text-decoration:underline}
.open{display:inline-flex; align-items:center; gap:7px; font-weight:700; margin-left:auto}
.open i{width:8px; height:8px; border-radius:50%; background:#5FD08A}
.open.shut i{background:#E48B7B}
.lang{display:flex; gap:2px; font-size:12.5px}
.lang a,.lang span{color:#fff; text-decoration:none; padding:2px 7px; border-radius:5px}
.lang [aria-current]{background:rgba(255,255,255,.22); font-weight:700}
.lang a:hover{background:rgba(255,255,255,.14); text-decoration:none}
.head{background:var(--eg-bg); border-bottom:1px solid var(--eg-border); position:sticky; top:0; z-index:20}
.head .wrap{display:flex; align-items:center; gap:26px; padding:16px 0}
.logo{font-family:var(--eg-font-heading); font-weight:700; font-size:22px; text-decoration:none;
color:var(--eg-ink); line-height:1.05}
.logo small{display:block; font-family:var(--eg-font-body); font-size:11px; font-weight:600;
letter-spacing:.2em; text-transform:uppercase; color:var(--eg-primary); margin-top:3px}
.nav{display:flex; gap:22px; margin-left:auto; font-size:15px; font-weight:600}
.nav a{color:var(--eg-ink); text-decoration:none; padding:4px 0; border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--eg-primary); color:var(--eg-primary)}
.burger{display:none; background:none; border:1px solid var(--eg-border); border-radius:6px;
padding:8px 11px; font-size:17px; margin-left:auto}
.hero{position:relative; min-height:min(78vh,600px); display:grid; align-items:center;
color:#fff; overflow:hidden}
.hero .ph,.hero>img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.hero::after{content:""; position:absolute; inset:0;
background:linear-gradient(90deg, rgba(0,0,0,var(--eg-hero-overlay)) 0%, rgba(0,0,0,.25) 100%)}
.hero .wrap{position:relative; z-index:2; padding:70px 0}
.hero h1{font-size:clamp(34px,5.6vw,60px); max-width:16ch; text-shadow:0 2px 22px rgba(0,0,0,.3)}
.hero p.tag{font-size:clamp(17px,2.1vw,21px); max-width:44ch; margin:20px 0 30px; line-height:1.5}
.hero .cta{display:flex; gap:13px; flex-wrap:wrap}
.hero .since{display:inline-block; border:1px solid rgba(255,255,255,.5); border-radius:100px;
padding:5px 15px; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:22px}
.usp{background:var(--eg-bg-soft); border-block:1px solid var(--eg-border)}
.usp .wrap{display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:0}
.usp div{padding:26px 22px; border-right:1px solid var(--eg-border)}
.usp div:last-child{border-right:0}
.usp b{display:block; font-family:var(--eg-font-heading); font-size:19px; margin-bottom:3px}
.usp span{font-size:14px; color:var(--eg-ink-muted); line-height:1.45; display:block}
.sec{padding:clamp(52px,7vw,88px) 0}
.sec-hd{max-width:60ch; margin-bottom:34px}
.sec-hd h2{font-size:clamp(27px,3.7vw,38px)}
.sec-hd p{color:var(--eg-ink-muted); font-size:17px; margin:12px 0 0}
.items{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.item{background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius);
overflow:hidden; display:flex; flex-direction:column}
.item .ph,.item .item-img{aspect-ratio:4/3; width:100%; object-fit:cover}
.item .body{padding:17px; display:flex; flex-direction:column; gap:7px; flex:1}
.item h3{font-size:20px}
.item p{margin:0; font-size:14.5px; color:var(--eg-ink-muted); flex:1}
.price{font-family:var(--eg-font-heading); font-size:23px; font-weight:700; color:var(--eg-primary-dark)}
.price small{font-family:var(--eg-font-body); font-size:13px; font-weight:600; color:var(--eg-ink-muted)}
.badge{position:absolute; top:12px; left:12px; background:var(--eg-accent); color:var(--eg-ink);
font-size:11.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
border-radius:100px; padding:5px 12px; z-index:2}
.item-top{position:relative}
.more{text-align:center; margin-top:34px}
.story{background:var(--eg-bg-soft)}
.story .wrap{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); align-items:center}
.story .ph,.story .story-img{aspect-ratio:4/5; border-radius:var(--eg-radius); object-fit:cover}
.story h2{font-size:clamp(27px,3.7vw,38px); margin-bottom:18px}
.story p{font-size:17px; line-height:1.72; margin:0 0 16px}
.story p:first-of-type{font-size:19px}
.pull{border-left:3px solid var(--eg-accent); padding-left:18px; font-family:var(--eg-font-heading);
font-size:19px; line-height:1.45; margin:24px 0 0; color:var(--eg-primary-dark)}
.quotes{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.quote{background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius); padding:24px; margin:0}
.stars{color:var(--eg-primary); letter-spacing:2px; font-size:15px; margin-bottom:11px}
.quote p{margin:0 0 15px; font-size:16.5px; line-height:1.6; font-family:var(--eg-font-heading); font-weight:400}
.quote cite{font-style:normal; font-size:13.5px; color:var(--eg-ink-muted); font-weight:600}
.where{display:grid; grid-template-columns:1.15fr 1fr; gap:0; border:1px solid var(--eg-border);
border-radius:var(--eg-radius); overflow:hidden; background:#fff}
.map{min-height:340px; background:
linear-gradient(#EBEFE9,#EBEFE9) padding-box,
repeating-linear-gradient(0deg,transparent 0 38px,#D9DFD6 38px 39px),
repeating-linear-gradient(90deg,transparent 0 46px,#D9DFD6 46px 47px);
position:relative}
.map::before{content:""; position:absolute; inset:0;
background:linear-gradient(112deg,transparent 42%,#CFDCE8 42.4%,#CFDCE8 52%,transparent 52.4%)}
.pin{position:absolute; left:44%; top:46%; width:18px; height:18px; background:var(--eg-primary);
border:3px solid #fff; border-radius:50% 50% 50% 2px; transform:rotate(-45deg); box-shadow:0 3px 9px rgba(0,0,0,.28)}
.where-info{padding:30px}
.where-info h3{font-size:22px; margin-bottom:5px}
.addr{color:var(--eg-ink-muted); font-size:15.5px; margin:0 0 20px}
.hours{width:100%; border-collapse:collapse; font-size:15px; margin-bottom:22px}
.hours td{padding:7px 0; border-bottom:1px solid var(--eg-border)}
.hours td:last-child{text-align:right; color:var(--eg-ink-muted)}
.final{background:var(--eg-primary); color:#fff; text-align:center}
.final h2{font-size:clamp(28px,4vw,42px); max-width:20ch; margin:0 auto 16px}
.final p{font-size:18px; max-width:48ch; margin:0 auto 28px; color:rgba(255,255,255,.85)}
.final small{display:block; margin-top:16px; font-size:13.5px; color:rgba(255,255,255,.65)}
.foot{background:var(--eg-primary-dark); color:rgba(255,255,255,.78); font-size:14.5px}
.foot .wrap{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:34px; padding:52px 0 34px}
.foot h4{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#fff; margin:0 0 13px;
font-family:var(--eg-font-body); font-weight:700}
.foot a{color:rgba(255,255,255,.78); text-decoration:none; display:block; padding:4px 0}
.foot a:hover{color:#fff; text-decoration:underline}
.foot .logo{color:#fff; font-size:20px}
.foot .logo small{color:var(--eg-accent)}
.legal{border-top:1px solid rgba(255,255,255,.16); padding:18px 0 26px; font-size:12.5px;
color:rgba(255,255,255,.6); display:flex; gap:18px; flex-wrap:wrap; align-items:center}
.legal a{display:inline; padding:0}
.made{margin-left:auto}
.made a{color:#fff; font-weight:600}
.cat-tools{display:grid; gap:14px; margin-bottom:28px}
#catSearch{font:inherit; font-size:16px; padding:12px 16px; border:1px solid var(--eg-border);
border-radius:var(--eg-radius); width:min(440px,100%); background:#fff; color:var(--eg-ink)}
#catSearch:focus{outline:none; border-color:var(--eg-primary); box-shadow:0 0 0 3px var(--eg-bg-soft)}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{border:1px solid var(--eg-border); background:#fff; border-radius:100px;
padding:7px 14px; font-size:13.5px; cursor:pointer; font-family:var(--eg-font-body); color:var(--eg-ink)}
.chip[aria-pressed=true]{background:var(--eg-primary); border-color:var(--eg-primary); color:#fff}
.item-top{display:block; text-decoration:none}
.empty-note{color:var(--eg-ink-muted); text-align:center; padding:36px 0; font-size:15px}
.crumb{margin:0 0 18px; font-size:14px}
.crumb a{text-decoration:none; color:var(--eg-primary); font-weight:600}
.pd{display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(24px,4vw,52px); align-items:start}
.pd-img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--eg-radius);
border:1px solid var(--eg-border)}
.pd-thumbs{display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:10px}
.pd-thumbs img{width:100%; aspect-ratio:1; object-fit:cover; border-radius:6px; border:1px solid var(--eg-border)}
.pd h1{font-size:clamp(26px,3.6vw,36px); margin:6px 0 12px}
.pd-price{font-size:28px; margin:0 0 16px}
.pd-short{font-size:17px; line-height:1.6; margin:0 0 14px}
.pd-desc p{font-size:15.5px; line-height:1.7; color:var(--eg-ink-muted); margin:0 0 12px}
.soldout{display:inline-block; background:var(--eg-bg-soft); border:1px solid var(--eg-border);
border-radius:var(--eg-radius); padding:10px 16px; font-weight:700; color:var(--eg-ink-muted)}
@media (max-width:900px){ .pd{grid-template-columns:1fr} }
.nf{min-height:60vh; display:grid; place-items:center; text-align:center; padding:40px 20px}
.nf h1{font-size:clamp(32px,5vw,52px); margin-bottom:14px}
.nf p{color:var(--eg-ink-muted); margin:0 0 26px}
@media (max-width:900px){
.nav{display:none} .burger{display:block}
.usp .wrap{grid-template-columns:1fr 1fr}
.usp div:nth-child(2){border-right:0}
.usp div:nth-child(-n+2){border-bottom:1px solid var(--eg-border)}
.items,.quotes{grid-template-columns:1fr}
.story .wrap,.where{grid-template-columns:1fr}
.foot .wrap{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.page-hd{padding:clamp(38px,6vw,72px) 0 clamp(20px,3vw,32px); border-bottom:1px solid var(--eg-border)}
.page-hd h1{font-size:clamp(30px,4.6vw,46px); line-height:1.08; margin:0}
.page-intro{margin:14px 0 0; max-width:62ch; color:var(--eg-ink-muted); font-size:17.5px}
.hero-split{border-bottom:1px solid var(--eg-border)}
.hero-split .wrap{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,56px);
align-items:center; padding:clamp(32px,5vw,64px) 20px}
.hs-txt h1{font-size:clamp(30px,4.4vw,52px); line-height:1.06; margin:0 0 14px}
.hs-txt .tag{color:var(--eg-ink-muted); font-size:clamp(16px,1.4vw,19px); margin:0 0 24px; max-width:46ch}
.hs-txt .since{display:inline-block; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
color:var(--eg-primary); font-weight:700; margin-bottom:14px}
.hs-img img{width:100%; height:auto; display:block; border-radius:var(--eg-radius)}
.hs-img .ph{width:100%; aspect-ratio:4/3; background:var(--eg-bg-soft); border-radius:var(--eg-radius)}
.services{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.service{background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius); padding:24px}
.service h3{font-size:19px; margin:0 0 9px}
.service p{margin:0; color:var(--eg-ink-muted); font-size:16px}
.services-cta{margin:28px 0 0; text-align:center}
.faqs{max-width:820px; margin-inline:auto; display:grid; gap:10px}
.faq{background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius); overflow:hidden}
.faq summary{cursor:pointer; padding:18px 22px; font-weight:650; font-size:17px; list-style:none;
display:flex; align-items:center; justify-content:space-between; gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; font-size:22px; line-height:1; color:var(--eg-primary); flex:0 0 auto}
.faq[open] summary::after{content:"‘2"}
.faq summary:hover{background:var(--eg-bg-soft)}
.faq-a{padding:0 22px 20px}
.faq-a p{margin:0; color:var(--eg-ink-muted); font-size:16.5px; line-height:1.65}
.gallery{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.gallery figure{margin:0}
.gallery img{width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; display:block;
border-radius:var(--eg-radius)}
.events{display:grid; gap:14px; max-width:880px; margin-inline:auto}
.event{display:grid; grid-template-columns:132px 1fr; gap:20px; background:#fff;
border:1px solid var(--eg-border); border-radius:var(--eg-radius); padding:20px 22px}
.ev-when{border-right:1px solid var(--eg-border); padding-right:18px}
.ev-date{display:block; font-weight:700; font-size:16px; text-transform:capitalize}
.ev-time{display:block; color:var(--eg-ink-muted); font-size:14.5px; margin-top:3px}
.ev-body h3{font-size:19px; margin:0 0 7px}
.ev-body p{margin:0 0 11px; color:var(--eg-ink-muted); font-size:16px}
.ev-meta{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:0; font-size:15px}
.ev-cta{font-weight:650; color:var(--eg-primary)}
.empty{text-align:center; color:var(--eg-ink-muted); font-size:17px; margin:0}
.quotes-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.rich .col{max-width:70ch; margin-inline:auto}
.rich .col p{margin:0 0 14px; font-size:17px; line-height:1.7}
.contact-direct{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-bottom:32px}
.contact-form{max-width:720px; margin-inline:auto; background:#fff; border:1px solid var(--eg-border);
border-radius:var(--eg-radius); padding:clamp(20px,3vw,32px)}
.cf-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.cf-field{display:block; margin-bottom:16px}
.cf-field span{display:block; font-size:14px; font-weight:650; margin-bottom:6px}
.cf-field input,.cf-field textarea{width:100%; font:inherit; font-size:16px; padding:12px 14px;
border:1px solid var(--eg-border); border-radius:var(--eg-radius); background:#fff; color:inherit}
.cf-field input:focus,.cf-field textarea:focus{outline:none; border-color:var(--eg-primary);
box-shadow:0 0 0 3px color-mix(in srgb, var(--eg-primary) 22%, transparent)}
.cf-field textarea{resize:vertical; min-height:120px}
.cf-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.cf-actions{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:4px}
.cf-msg{margin:0; font-size:15px}
.cf-msg.ok{color:var(--eg-ok, #2F7D5C)}
.cf-msg.bad{color:var(--eg-bad, #9E3B2F)}
@media (max-width:900px){
.hero-split .wrap{grid-template-columns:1fr}
.hs-img{order:-1}
.services,.quotes-grid{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,1fr)}
.event{grid-template-columns:1fr}
.ev-when{border-right:0; border-bottom:1px solid var(--eg-border); padding:0 0 12px;
display:flex; gap:12px; align-items:baseline}
.cf-row{grid-template-columns:1fr}
}
.hidden{display:none !important}
:root{ --eg-wa:#25D366; --eg-wa-bubble:#DCF8C6; --eg-ok:#2C7A52; --eg-bad:#A33B2C }
.co .secure{margin-left:auto; font-size:13px; color:var(--eg-ink-muted); display:flex; align-items:center; gap:7px}
.co .secure::before{content:""; width:14px; height:16px; background:var(--eg-ok);
-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1L3 5v6c0 5.6 3.8 10.7 9 12 5.2-1.3 9-6.4 9-12V5l-9-4z'/></svg>") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1L3 5v6c0 5.6 3.8 10.7 9 12 5.2-1.3 9-6.4 9-12V5l-9-4z'/></svg>") center/contain no-repeat}
.co .btn.big{padding:17px 26px; font-size:17.5px}
.co .btn.block{width:100%}
.co .btn.green{background:var(--eg-wa); color:#06331A}
.co .btn.green:hover{background:#1FBB59}
.co .btn[disabled]{background:var(--eg-bg-soft); color:var(--eg-ink-muted);
border-color:var(--eg-border); cursor:not-allowed}
.co .steps{border-bottom:1px solid var(--eg-border); background:#fff}
.co .steps ol{list-style:none; margin:0; padding:0; display:flex; overflow:auto}
.co .steps li{flex:1; min-width:104px}
.co .steps a,.co .steps li>span{width:100%; border-bottom:3px solid transparent; padding:14px 10px;
font-size:13.5px; font-weight:600; color:var(--eg-ink-muted); text-decoration:none;
display:flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap}
.co .steps li>span{opacity:.5; cursor:default}
.co .steps .n{display:grid; place-items:center; width:22px; height:22px; border-radius:50%;
border:1.5px solid currentColor; font-size:12px; flex:none}
.co .steps li[data-state=done] a{color:var(--eg-ok)}
.co .steps li[data-state=done] .n{background:var(--eg-ok); border-color:var(--eg-ok); color:#fff}
.co .steps li[data-state=now] a,.co .steps li[data-state=now]>span{color:var(--eg-primary); border-bottom-color:var(--eg-primary); opacity:1}
.co .steps li[data-state=now] .n{background:var(--eg-primary); border-color:var(--eg-primary); color:#fff}
.co .pagehead{padding:26px 0 4px}
.co .pagehead h1{font-size:clamp(25px,3.6vw,34px)}
.co .pagehead p{color:var(--eg-ink-muted); font-size:16px; margin:0 0 9px}
.co .cols{display:grid; grid-template-columns:1fr 340px; gap:34px; align-items:start; padding:24px 0 60px}
.co .card{background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius); margin-bottom:16px}
.co .card>h2{font-size:18px; padding:16px 19px; border-bottom:1px solid var(--eg-border); margin:0}
.co .card .in{padding:19px}
.co .co-nav{display:flex; gap:11px; align-items:center; margin-top:6px}
.co .co-nav .back{background:none; border:0; color:var(--eg-ink-muted); font-size:14.5px;
cursor:pointer; font-family:inherit; padding:8px; text-decoration:none}
.co .co-nav .back:hover{color:var(--eg-primary)}
.co .push{margin-left:auto}
.co .line{display:grid; grid-template-columns:58px 1fr auto; gap:13px; padding:14px 19px;
border-bottom:1px solid var(--eg-border); align-items:center}
.co .line:last-of-type{border-bottom:0}
.co .line .ph,.co .line img{width:58px; height:58px; border-radius:6px; object-fit:cover}
.co .line h3{font-size:16.5px; margin:0 0 2px}
.co .line .u{font-size:13px; color:var(--eg-ink-muted); margin:0}
.co .line .right{text-align:right; display:grid; gap:7px; justify-items:end}
.co .lt{font-family:var(--eg-font-heading); font-size:18px; font-weight:700; color:var(--eg-primary-dark)}
.co .qty{display:inline-flex; border:1px solid var(--eg-border); border-radius:100px; overflow:hidden; background:#fff}
.co .qty button{width:32px; height:32px; border:0; background:none; font-size:17px;
cursor:pointer; color:var(--eg-primary); font-family:inherit; line-height:1}
.co .qty button:hover{background:var(--eg-bg-soft)}
.co .qty span{min-width:34px; display:grid; place-items:center; font-weight:700; font-size:15px}
.co .rm{background:none; border:0; color:var(--eg-ink-muted); font-size:12px; cursor:pointer;
text-decoration:underline; text-underline-offset:3px; padding:0; font-family:inherit}
.co .rm:hover{color:var(--eg-bad)}
.co .empty{text-align:center; padding:38px 20px; color:var(--eg-ink-muted)}
.co .co-more{background:var(--eg-bg-soft); border:1px solid var(--eg-border);
border-radius:var(--eg-radius); padding:17px 19px; margin-bottom:16px}
.co .co-more h2{font-size:18px; margin:0 0 3px}
.co .co-more>p{margin:0 0 14px; font-size:14px; color:var(--eg-ink-muted)}
.co .addons{display:grid; grid-template-columns:repeat(3,1fr); gap:11px}
.co .addon{background:#fff; border:1px solid var(--eg-border); border-radius:8px; padding:11px;
text-align:center; display:flex; flex-direction:column; gap:8px}
.co .addon .ph,.co .addon img{height:64px; width:100%; border-radius:5px; object-fit:cover}
.co .addon b{font-size:14px; line-height:1.3}
.co .addon .p{font-family:var(--eg-font-heading); font-size:16px; font-weight:700; color:var(--eg-primary-dark)}
.co .addon .btn{margin-top:auto}
.co .opts{display:grid; gap:10px}
.co .opt{display:grid; grid-template-columns:19px 1fr auto; gap:12px; align-items:start;
border:1px solid var(--eg-border); border-radius:var(--eg-radius); padding:14px; cursor:pointer}
.co .opt:hover{border-color:var(--eg-primary)}
.co .opt:has(input:checked){border-color:var(--eg-primary); box-shadow:inset 0 0 0 1px var(--eg-primary); background:var(--eg-bg-soft)}
.co .opt input{width:18px; height:18px; margin:2px 0 0; accent-color:var(--eg-primary)}
.co .opt b{display:block; font-size:15.5px}
.co .opt span{font-size:13.5px; color:var(--eg-ink-muted); display:block; line-height:1.45}
.co .opt .fee{font-weight:700; font-size:15px; white-space:nowrap; color:var(--eg-ink)}
.co .grid2{display:grid; grid-template-columns:1fr 1fr; gap:15px}
.co .f{display:flex; flex-direction:column; gap:5px; min-width:0}
.co .f.full{grid-column:1/-1}
.co label{font-size:13px; font-weight:700}
.co label .o{font-weight:400; color:var(--eg-ink-muted)}
.co input[type=text],.co input[type=tel],.co input[type=email],.co input[type=date],.co select,.co textarea{
font:inherit; font-size:16px; padding:11px 12px; border:1px solid var(--eg-border);
border-radius:var(--eg-radius); background:#fff; color:var(--eg-ink); width:100%}
.co input:focus,.co select:focus,.co textarea:focus{outline:none; border-color:var(--eg-primary)}
.co input[aria-invalid=true]{border-color:var(--eg-bad)}
.co textarea{resize:vertical; min-height:76px}
.co .err{font-size:12.5px; color:var(--eg-bad); display:none}
.co .err.on{display:block}
.co .hint{font-size:12.5px; color:var(--eg-ink-muted)}
.co .toggle{display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:start; padding:13px;
border:1px solid var(--eg-border); border-radius:var(--eg-radius); background:var(--eg-bg-soft);
cursor:pointer; margin-top:15px}
.co .toggle input{width:18px; height:18px; margin:2px 0 0; accent-color:var(--eg-primary)}
.co .toggle b{display:block; font-size:14.5px}
.co .toggle span{font-size:13px; color:var(--eg-ink-muted)}
.co .check{display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:start; font-size:14px; padding:9px 0}
.co .check input{width:18px; height:18px; margin:3px 0 0; accent-color:var(--eg-primary)}
.co .pmnote{font-size:13px; color:var(--eg-ink-muted); margin:11px 0 0}
.co .rev{border:1px solid var(--eg-border); border-radius:var(--eg-radius); background:#fff;
padding:16px 19px; margin-bottom:13px}
.co .rev header{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:9px}
.co .rev h3{font-size:15px; margin:0}
.co .rev .edit{color:var(--eg-primary); font-size:13.5px; font-weight:600;
text-decoration:underline; text-underline-offset:3px}
.co .rev p{margin:0; font-size:14.5px; color:var(--eg-ink-muted); line-height:1.55}
.co .rev p b{color:var(--eg-ink); font-weight:600}
.co .bump{border:2px solid var(--eg-accent); background:var(--eg-bg-soft); border-radius:var(--eg-radius);
padding:15px; margin-bottom:16px; display:grid; grid-template-columns:auto 54px 1fr auto;
gap:13px; align-items:center; cursor:pointer}
.co .bump input{width:19px; height:19px; accent-color:var(--eg-primary); margin:0}
.co .bump .ph,.co .bump img{width:54px; height:54px; border-radius:6px; object-fit:cover}
.co .bump b{display:block; font-size:15px}
.co .bump span{font-size:13.5px; color:var(--eg-ink-muted)}
.co .bump .p{font-family:var(--eg-font-heading); font-size:19px; font-weight:700;
color:var(--eg-primary-dark); white-space:nowrap}
.co .sum{position:sticky; top:18px; background:#fff; border:1px solid var(--eg-border); border-radius:var(--eg-radius)}
.co .sum h2{font-size:17px; padding:15px 18px; border-bottom:1px solid var(--eg-border); margin:0}
.co .sum .in{padding:16px 18px}
.co .mini{display:flex; gap:10px; align-items:center; font-size:14px; padding:6px 0}
.co .mini .ph,.co .mini img{width:36px; height:36px; border-radius:5px; flex:none; object-fit:cover}
.co .mini .q{color:var(--eg-ink-muted); font-size:13px}
.co .mini .m{margin-left:auto; font-weight:600; white-space:nowrap}
.co .sline{display:flex; justify-content:space-between; gap:14px; font-size:14.5px;
padding:4px 0; color:var(--eg-ink-muted)}
.co .sline b{color:var(--eg-ink); font-weight:600}
.co .total{display:flex; justify-content:space-between; align-items:baseline;
border-top:1px solid var(--eg-border); margin-top:11px; padding-top:13px;
font-family:var(--eg-font-heading); font-size:15px}
.co .total b{font-size:28px; font-weight:700; color:var(--eg-primary-dark)}
.co .tax{font-size:12.5px; color:var(--eg-ink-muted); margin:5px 0 0; text-align:right}
.co .gap{font-size:13.5px; background:var(--eg-bg-soft); border:1px solid var(--eg-accent);
border-radius:8px; padding:11px 12px; margin:13px 0}
.co .gap b{display:block; margin-bottom:7px}
.co .gap .picks{display:grid; gap:6px}
.co .gap .pick{display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--eg-border);
border-radius:6px; padding:7px 9px; font-size:13.5px; cursor:pointer; text-align:left;
width:100%; font-family:inherit; color:var(--eg-ink)}
.co .gap .pick:hover{border-color:var(--eg-primary)}
.co .gap .pick .m{margin-left:auto; font-weight:700}
.co .paynote{font-size:13px; color:var(--eg-ink-muted); background:var(--eg-bg-soft);
border-radius:8px; padding:10px 12px; margin:13px 0 0}
.co .done-in{max-width:600px; margin:0 auto; text-align:center; padding:36px 0 70px}
.co .tick{width:70px; height:70px; margin:0 auto 20px; border-radius:50%; background:var(--eg-ok);
display:grid; place-items:center}
.co .tick::after{content:""; width:25px; height:13px; border-left:4px solid #fff;
border-bottom:4px solid #fff; transform:rotate(-45deg) translate(2px,-3px)}
.co .done-in h1{font-size:clamp(27px,3.8vw,36px); margin:0 0 9px}
.co .done-in .sub{font-size:17px; color:var(--eg-ink-muted); margin:0}
.co .code{display:inline-block; font-family:var(--eg-font-heading); font-size:26px; font-weight:700;
letter-spacing:.06em; background:var(--eg-bg-soft); border:1px solid var(--eg-border);
border-radius:var(--eg-radius); padding:9px 21px; margin:15px 0 10px}
.co .paid{display:inline-flex; align-items:center; gap:8px; background:#E6F3EC; color:var(--eg-ok);
border:1px solid #B4D9C6; border-radius:100px; padding:6px 15px; font-size:14px;
font-weight:700; margin-bottom:22px}
.co .paid.later{background:var(--eg-bg-soft); color:var(--eg-ink-muted); border-color:var(--eg-border)}
.co .chat{background:#ECE5DD; border-radius:14px; padding:17px; text-align:left; margin-bottom:20px}
.co .chat .to{font-size:12.5px; color:var(--eg-ink-muted); margin:0 0 11px; text-align:center}
.co .bubble{background:var(--eg-wa-bubble); border-radius:10px 2px 10px 10px; padding:12px 14px;
margin-left:auto; max-width:96%; font-size:14px; line-height:1.55; white-space:pre-wrap;
box-shadow:0 1px 1px rgba(0,0,0,.1); color:#1A1D24}
.co .bubble .t{display:block; text-align:right; font-size:11px; color:#6B7A6B; margin-top:6px}
.co .foot-note{font-size:14px; color:var(--eg-ink-muted); margin:17px 0 0; line-height:1.6}
.co .co-foot{background:var(--eg-primary-dark); color:rgba(255,255,255,.78); font-size:13.5px}
.co .co-foot .wrap{display:flex; gap:17px; flex-wrap:wrap; align-items:center; padding:24px 0}
.co .co-foot a{color:rgba(255,255,255,.78); text-decoration:none}
.co .co-foot a:hover{color:#fff; text-decoration:underline}
.co .co-foot .made{margin-left:auto}
.co .co-foot .made a{color:#fff; font-weight:600}
.cart-link{position:relative; font-weight:700; text-decoration:none; color:var(--eg-primary);
font-size:15px; white-space:nowrap}
.cart-link .cn{display:none; background:var(--eg-primary); color:#fff; border-radius:100px;
font-size:12px; min-width:19px; height:19px; padding:0 5px; text-align:center; line-height:19px;
position:relative; top:-8px; left:2px}
.cart-link .cn.on{display:inline-block}
@media (max-width:940px){
.co .cols{grid-template-columns:1fr; gap:0}
.co .sum{position:static; margin-bottom:16px}
.co .grid2{grid-template-columns:1fr}
.co .addons{grid-template-columns:1fr}
.co .addon{flex-direction:row; text-align:left; align-items:center}
.co .addon .ph,.co .addon img{width:56px; height:56px; flex:none}
.co .addon .btn{margin:0 0 0 auto}
.co .steps .lbl{display:none}
.co .steps li{min-width:0}
.co .bump{grid-template-columns:auto 1fr auto}
.co .bump .ph,.co .bump img{display:none}
}