@font-face{font-family:MetaPro;font-style:normal;font-weight:500;font-display:swap;src:url(https://www.pictino.com/wp-content/uploads/fonts/MetaPro-Medium.otf) format("opentype")}:root{--bg: #f8f2e9;--surface: #fffdf9;--surface-soft: #f2e8df;--text: #414042;--muted: #64786b;--border: #d8c6b7;--primary: #414042;--primary-hover: #2d2d2d;--accent: #ebddd9}*{box-sizing:border-box}body{margin:0;font-family:MetaPro,Avenir Next,Segoe UI,sans-serif;font-weight:500;letter-spacing:.2px;color:var(--text);background:radial-gradient(circle at 5% -10%,#f1e5d7 0,transparent 35%),radial-gradient(circle at 100% 10%,#ecdfd3 0,transparent 28%),linear-gradient(180deg,#f8f2e9,#f7f1e8,#f3e7dc)}.layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.container{width:min(1140px,100%);margin:32px auto;padding:0 20px;animation:fade-in-up .42s ease both}.build-info{display:flex;gap:14px;justify-content:center;padding:0 12px 18px;color:var(--muted);font-size:12px}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border-bottom:1px solid #d9c7b8;background:color-mix(in srgb,var(--surface) 86%,white 14%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 5px 16px #9191913b;padding:12px 20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#ceaf95,#89725e)}.brand-name{font-size:22px;letter-spacing:3.2px}.main-nav{display:flex;justify-content:center;gap:8px}.locale-switch{display:flex;gap:8px;align-items:center}.nav-auth{min-width:120px;padding:8px 12px;border-radius:999px;font-size:13px}.topbar a{text-decoration:none;color:var(--muted);padding:8px 12px;border-radius:999px;text-transform:uppercase;font-size:12px;letter-spacing:.9px;transition:color .16s ease,background-color .16s ease,transform .16s ease}.topbar a.router-link-active{background:var(--accent);color:var(--text)}.topbar a:hover{color:var(--text);transform:translateY(-1px)}section{background:linear-gradient(180deg,#ffffffc7,#fffdf9fa);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 12px 30px #65534514}.product-page{display:grid;gap:16px}.product-hero{border-radius:18px;padding:18px;background:linear-gradient(135deg,#ebddd9cc,#f8f2e966),#fff;border:1px solid #dcc9bb}.product-kicker{margin:0 0 8px;text-transform:uppercase;font-size:12px;letter-spacing:1.4px;color:var(--muted)}h1{margin:0 0 8px;text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.2rem);letter-spacing:1.5px}p{margin:0 0 10px;color:var(--muted);line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.field{display:grid;gap:8px;margin-top:8px}.field label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.field select{width:min(360px,100%);padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fffefb;color:var(--text);font-family:inherit;font-size:14px}.qty-control{display:inline-flex;align-items:center;gap:8px}.qty-control input{width:64px;border:1px solid var(--border);border-radius:10px;padding:6px 8px;background:#fff}button{border:0;border-radius:999px;padding:11px 18px;cursor:pointer;font-family:inherit;font-size:13px;text-transform:uppercase;letter-spacing:.8px;transition:transform .15s ease,filter .15s ease}button.primary{background:var(--primary);color:#f8f2e9}button.primary:hover{background:var(--primary-hover)}button.secondary{background:#ece2d8;color:#4d4c4d}button:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.06)}button:disabled{opacity:.62;cursor:not-allowed}.meta{margin:12px 0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.meta>div{border:1px solid #e4d7ca;background:#fffefb;border-radius:12px;padding:10px 12px}.list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.item{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fffefb}.subtle{color:var(--muted);font-size:14px;margin-top:4px}.error{color:#8a1d1d;background:#fff4f4;border:1px solid #f2d0d0;border-radius:12px;padding:8px 10px}code{background:#f4ede6;color:#4f4f4f;padding:3px 6px;border-radius:6px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar{grid-template-columns:1fr;gap:10px;justify-items:center}.main-nav,.locale-switch{width:100%;justify-content:center;flex-wrap:wrap}}