/*
Theme Name: Atelier Replica
Theme URI: https://example.com/
Author: Custom build
Description: Mobile-first WooCommerce theme for photo-to-jewelry production service.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: atelier-replica
*/

:root{
  --ar-bg:#f6f2ec;
  --ar-surface:#fffdfa;
  --ar-ink:#171714;
  --ar-muted:#6f6a61;
  --ar-line:#d9d1c5;
  --ar-accent:#a98654;
  --ar-radius:18px;
  --ar-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ar-bg);color:var(--ar-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.ar-shell{width:min(calc(100% - 32px),var(--ar-max));margin-inline:auto}
.ar-header{position:sticky;top:0;z-index:40;background:rgba(246,242,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,23,20,.08)}
.ar-header__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ar-brand{font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.04em}
.ar-nav{display:none;gap:24px;font-size:14px}
.ar-lang{font-size:13px;border:1px solid var(--ar-line);border-radius:999px;padding:8px 12px;background:var(--ar-surface)}
.ar-hero{padding:64px 0 48px}
.ar-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--ar-accent);font-weight:700}
.ar-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(44px,11vw,82px);line-height:.98;letter-spacing:-.045em;max-width:900px;margin:14px 0 24px}
.ar-lead{font-size:18px;color:var(--ar-muted);max-width:680px}
.ar-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ar-button,.button,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;padding:0 22px;border:1px solid var(--ar-ink);background:var(--ar-ink);color:#fff;font-weight:650;cursor:pointer}
.ar-button--ghost{background:transparent;color:var(--ar-ink)}
.ar-process{padding:32px 0 72px}
.ar-process__grid{display:grid;grid-template-columns:1fr;gap:12px}
.ar-step{background:var(--ar-surface);border:1px solid var(--ar-line);border-radius:var(--ar-radius);padding:22px}
.ar-step__num{font-size:12px;color:var(--ar-accent);font-weight:700;letter-spacing:.12em}
.ar-step h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;margin:12px 0 8px}
.ar-section{padding:72px 0}
.ar-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(36px,7vw,60px);line-height:1.05;margin:0 0 20px}
.ar-two{display:grid;grid-template-columns:1fr;gap:28px}
.ar-card{background:var(--ar-surface);border:1px solid var(--ar-line);border-radius:24px;padding:26px}
.ar-footer{border-top:1px solid var(--ar-line);padding:32px 0 50px;color:var(--ar-muted);font-size:14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form select{border:1px solid var(--ar-line);border-radius:12px;background:#fff;padding:13px 14px;min-height:48px}
@media(min-width:760px){.ar-nav{display:flex}.ar-process__grid{grid-template-columns:repeat(5,1fr)}.ar-two{grid-template-columns:1fr 1fr}.ar-hero{padding:96px 0 72px}}