@import url('/fonts.css');

dialog{border:1px solid #d4e0d9;border-radius:22px;padding:28px;width:min(440px,calc(100vw - 32px));max-height:90vh;overflow:auto;color:#183f35;background:#fafcf8;box-sizing:border-box}dialog::backdrop{background:#122b2580;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin:0 0 20px}dialog input{margin-bottom:16px}.modal-close{position:absolute;right:12px;top:12px;padding:4px 12px;background:transparent;color:#183f35;font-size:24px}.status-card{border-top:1px solid #d4e0d9;padding:18px 0;margin-top:16px}.order-card{padding:20px!important}.order-card h3{margin:0;font-size:22px}.order-card .detail-row{font-size:13px;gap:8px}.order-card .order-total{font-size:24px;margin-top:12px}.order-card details{margin-top:12px}.order-card summary{cursor:pointer}.order-card .actions{gap:8px}.order-card .actions button,.order-card .actions a{font-size:13px;padding:10px 14px}

.brand-name{display:flex;flex-direction:column;gap:5px;line-height:1;font-size:25px;letter-spacing:-.8px}.brand-name small{font-size:10px;letter-spacing:3px;line-height:1}.brand img{width:42px;height:42px;flex-shrink:0}.nav-toggle{display:none}
@media(max-width:720px){.nav{min-height:76px;position:relative;padding:14px 20px}.brand{gap:10px}.brand-name{font-size:23px}.brand-name small{font-size:9px;letter-spacing:3px}.nav-toggle{display:flex;flex-direction:column;gap:5px;width:44px;height:44px;padding:11px;background:transparent;border:1px solid var(--line);border-radius:12px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}#main-nav{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 6px);padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #163e3815}#main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}#main-nav a:first-child{display:block}#main-nav a{padding:12px 14px;font-size:13px}.hero{padding-top:32px;gap:26px}.hero h1{font-size:clamp(36px,9vw,52px);letter-spacing:-1.7px;line-height:1.08;margin:18px 0}.hero p{font-size:15px;line-height:1.65}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero .small{font-size:12px}.art{min-height:310px;border-radius:110px 110px 24px 24px}.price-tag{right:14px;bottom:18px;padding:12px 16px}.price-tag b{font-size:28px}.strip{flex-direction:column;gap:12px;padding:20px 0;font-size:13px}dialog{padding:24px;max-width:calc(100vw - 28px)}.stats .small{font-size:10px}.order-top h3{overflow-wrap:anywhere}.admin-head{flex-wrap:wrap}input,select,textarea{font-size:16px}}
