:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18202b;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.13;letter-spacing:0}h2{font-size:1.35rem;line-height:1.25}p,li,dd{line-height:1.6}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{display:flex;align-items:center;gap:24px;min-height:76px;border-bottom:1px solid #e6e8eb;padding:12px max(20px,calc((100vw - 1120px)/2))}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.12rem;white-space:nowrap}.brand img{border-radius:10px}.brand small{display:block;font-size:.68rem;color:#cf4b00;text-transform:uppercase}.site-header nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto}.site-header nav a,.header-cta{text-decoration:none;font-size:.88rem;font-weight:650}.site-header nav a:hover,.text-link:hover{text-decoration:underline}.header-cta{border:1px solid #ff5a0a;border-radius:6px;padding:10px 14px;color:#c94b00;white-space:nowrap}main{min-height:70vh;padding:42px 0 72px}.intro{max-width:720px;color:#505965;font-size:1.12rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#68717e;margin-bottom:25px}.breadcrumbs a{color:#a7430a}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 42px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:14px 20px;background:#ff5a0a;color:#fff;border-radius:6px;font-weight:750;text-decoration:none;min-height:48px}.button:hover{background:#df4c00}.button.secondary{background:#fff;border:1px solid #ee6a25;color:#aa4009}.text-link{color:#be4706;font-weight:700;text-decoration:none}section{margin-top:38px}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.listing{display:grid;grid-template-columns:155px 1fr;gap:16px;border:1px solid #dfe2e6;border-radius:6px;padding:14px;min-width:0}.listing>a{display:block}.listing img,.image-placeholder{display:block;width:100%;height:130px;object-fit:cover;border-radius:4px}.image-placeholder{display:grid;place-items:center;background:#fff0e8;color:#f5620f;font-size:3rem;font-weight:900}.listing h2{font-size:1.08rem;margin-bottom:4px}.listing h2 a{text-decoration:none}.listing p{font-size:.85rem;margin:0 0 5px;color:#59636d}.listing .text-link{font-size:.85rem}.note{color:#646c76;font-size:.85rem;margin-top:14px}.area-links{display:flex;flex-wrap:wrap;gap:10px}.area-links a{border:1px solid #dde1e5;border-radius:6px;padding:10px 14px;text-decoration:none;font-weight:650}.area-links a:hover{border-color:#f5620f}.steps{padding-left:24px;max-width:690px}.steps li{padding-bottom:12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.detail-layout section{margin:0}.detail-layout aside{border:1px solid #dfe2e6;border-radius:6px;padding:20px;position:sticky;top:16px}.detail-layout aside .button{width:100%}.price{font-size:1.6rem;font-weight:800;color:#bb4605}.price small{font-size:.9rem;font-weight:600}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.photos img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.photos img:first-child{grid-column:1/-1;aspect-ratio:16/9}.details>div{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid #ebedf0}.details dt{width:145px;flex:none;color:#626a74}.details dd{margin:0;font-weight:650}.features{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.features li{border:1px solid #dfe2e6;padding:6px 10px;border-radius:4px}footer{border-top:1px solid #e6e8eb;padding:25px 0;color:#5e6872;font-size:.85rem}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px}footer p{margin:0 auto 0 0}footer a{color:#b54204}@media(max-width:800px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}.header-cta{margin-left:auto}.listing-grid,.detail-layout{grid-template-columns:1fr}.detail-layout aside{position:static}.wrap{width:min(100% - 32px,640px)}main{padding-top:30px}}@media(max-width:480px){.listing{grid-template-columns:110px 1fr;gap:12px;padding:10px}.listing img,.image-placeholder{height:120px}.listing h2{font-size:.98rem}.photos{grid-template-columns:1fr}.photos img:first-child{grid-column:auto}.details>div{display:block}.details dt{width:auto}.site-header{gap:12px}}
@media(max-width:800px){.site-header nav{overflow:visible;flex-wrap:wrap;white-space:normal}}
