@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
  --bg:#f4efe6;--bg-2:#efe9dd;--bg-3:#fbf8f1;
  --ink:#1c1c1a;--ink-2:#3a3a36;--muted:#6e6b62;
  --line:#e2dccf;--line-2:#d6cdb8;
  --accent:#2e4a2c;--accent-2:#3a5b37;--accent-deep:#1f3320;--accent-soft:#eef0e6;
  --warn:#b8893a;--warn-soft:#fff4e0;--bad:#b34a3a;
  --blue:#1f4fb8;--blue-soft:#e8edf8;
  --f-sans:"Inter",system-ui,-apple-system,sans-serif;
  --f-serif:"Cormorant Garamond",Georgia,serif;
}
* {box-sizing:border-box}
html,body {margin:0;padding:0;background:var(--bg);font-family:var(--f-sans);color:var(--ink);-webkit-font-smoothing:antialiased;font-weight:400}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.ic-line{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wide, .container {max-width:1280px;margin:0 auto;padding:0 40px}
h1,h2,h3,h4,h5{margin:0;font-family:var(--f-serif);font-weight:400;letter-spacing:-.015em;color:var(--ink)}
p{margin:0;color:var(--ink-2)}

/* ===== Nav ===== */
.nav{background:#fff;border-bottom:1px solid var(--line)}
.nav-inner {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}
.logo{font-family:var(--f-serif);font-weight:500;font-size:28px;letter-spacing:.32em;white-space:nowrap;display:inline-flex;align-items:center}
.logo img{height:28px;width:auto;display:block}
.nav-mid{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);letter-spacing:.04em}
.nav-mid .step{display:inline-flex;align-items:center;gap:8px}
.nav-mid .step .n{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.nav-mid .step.active .n{background:var(--accent);border-color:var(--accent);color:#fff}
.nav-mid .step.done .n{background:#fff;border-color:var(--accent);color:var(--accent)}
.nav-mid .step.done .n::before{content:"✓";font-size:11px}
.nav-mid .step.done .n span{display:none}
.nav-mid .step.active{color:var(--ink);font-weight:600}
.nav-mid .dot{width:24px;height:1px;background:var(--line-2)}
.nav-secure{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.nav-secure svg{color:var(--accent);width:16px;height:16px}
/* ===== Footer ===== */
.foot{border-top:1px solid var(--line);padding:32px 0 36px;margin-top:48px;background:var(--bg-3)}
.foot-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-2);gap:24px;flex-wrap:wrap}
.foot-links{display:flex;gap:32px}
.foot-links a{color:var(--ink-2);letter-spacing:.04em}
.foot-links a:hover{color:var(--accent)}
.foot-copy{font-family:var(--f-serif);font-style:italic;color:var(--muted)}
.cart_one_list {
    margin-top: 30px;
}
.cart_one_list h3 {
    font-size: 32px;
    text-align: center;
    font-style: italic;
    color: var(--accent);
    font-weight: 500;
    margin-bottom: 20px;
}
.checkout_title {
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 20px;
}
.checkout_table, .checkout_summa {
    font-family:var(--f-sans);
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
}
.checkout_table {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.checkout_summa {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}    
.checkout_table .rows:nth-of-type(2n+1) {
    background: #fbf8f1;
}
.checkout_table .tbody.rows {
    background: #98c17f;
}
.checkout_summa .cell {
    padding: 5px 10px;
}
.privacy h3 {
	margin: 20px 0;
}

/* Responsive */
@media (max-width:1040px){
  .nav-mid{display:none}
}
@media (max-width:640px){
    html,body{overflow-x:hidden}
    .wide, .container {padding:0 22px;max-width:100%;box-sizing:border-box}
    .nav-secure span{display:none}
    .foot-inner{flex-direction:column;align-items:flex-start;gap:14px}
    .nav { padding: 10px 0; }
    .foot-links { flex-direction: column; align-items: center; gap: 10px; }
    .foot-links a { text-align: center; }
}