*{box-sizing:border-box}body{margin:0;background:#fbf8f3;color:#352d26;font:16px/1.7 system-ui,sans-serif}header,main,footer{width:min(1200px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #e4d6c3}header img{width:150px;height:67px;object-fit:contain}nav,footer{display:flex;gap:20px;flex-wrap:wrap}a{color:#684831;text-underline-offset:4px}header a{text-decoration:none}main{padding:28px 0 64px}h1,h2{font-family:Georgia,serif;font-weight:400;color:#4b3325;line-height:1.25}h1{font-size:clamp(34px,5vw,52px)}h2{font-size:30px}.intro{max-width:760px;color:#69594b}.crumb{font-size:14px}.note{background:#f2e7d7;border:1px solid #dfceb8;padding:16px 20px;border-radius:5px;font-size:14px}.links{margin:24px 0;gap:10px}.links a,.directory a{padding:10px 14px;border:1px solid #dfceb8;border-radius:4px;background:#fffdf9;text-decoration:none;min-height:44px}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0}.tools label{font-size:14px}input[type=search]{display:block;font:inherit;padding:11px 14px;width:min(480px,80vw);min-height:46px;border:1px solid #cdb99f;border-radius:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;background:white;border:1px solid #e5dacd;border-radius:5px;overflow:hidden}.card[hidden]{display:none}.photo{display:flex;align-items:center;justify-content:center;padding:24px;height:260px}.photo img{width:100%;height:212px;object-fit:contain}.info{display:flex;flex-direction:column;flex:1;padding:22px}.info h2{font:600 16px/1.55 system-ui,sans-serif;margin:12px 0}.meta{font-size:13px;color:#74604f}.stock{font-size:12px;align-self:flex-start;padding:4px 9px;background:#f4eee7}.stock.available{background:#eaf2e7;color:#365337}.buy{margin-top:auto;padding-top:16px}.price{font-size:20px;font-weight:600;margin-bottom:12px}.price small{font-size:12px;font-weight:400}.action,button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;background:#65432e;color:#fffaf2;border:1px solid #65432e;border-radius:3px;text-decoration:none;font:600 14px/1.5 system-ui,sans-serif;cursor:pointer}button[hidden]{display:none}.action:hover,button:hover{background:#4b3021}.more{display:flex;justify-content:center;margin-top:28px}footer{padding:24px 0;border-top:1px solid #dfd1bd;font-size:14px}:focus-visible{outline:3px solid #94704d;outline-offset:4px}@media(max-width:850px){.grid,.directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){header{align-items:flex-start;flex-direction:column;gap:8px}header nav{font-size:14px;gap:18px}.grid,.directory{grid-template-columns:1fr}.tools{align-items:flex-start;flex-direction:column}.photo{height:250px}.photo img{height:202px}}/* Keyboard and mobile readability refinements. */
.catalogue-skip-link{position:fixed;top:12px;left:12px;z-index:10030;transform:translateY(-180%);padding:12px 18px;background:#fff;color:#202020;border:2px solid #202020;border-radius:4px;font:600 16px/1.4 system-ui,sans-serif}
.catalogue-skip-link:focus{transform:none}
.catalogue-reset{background:#fff;color:#352d26;border-color:#8c7a68}
.catalogue-reset:hover{background:#f0ebe5;color:#202020}
.catalogue-empty{font-size:16px;line-height:1.7;max-width:720px;color:#493c31}
.catalogue-empty[hidden]{display:none}
main:focus{outline:none}
.card,.info{min-width:0}.info h2{overflow-wrap:anywhere}
.meta,.stock{font-size:14px;line-height:1.6}
.tools label{font-size:16px}
header nav a,footer a{display:inline-flex;align-items:center;min-height:44px}
header nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}
input[type=search]{font-size:16px;max-width:100%}
@media(max-width:540px){.tools{width:100%;gap:16px}.tools>label:first-child{width:100%}input[type=search]{width:100%}.info{padding:20px}.crumb{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Match the white / anthracite / petrol identity of the main storefront. */
body{background:#fff;color:#222c33;font-family:Arial,Helvetica,sans-serif;font-size:17px}
header,footer{border-color:#d5e0e5}a{color:#174f63}
h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#222c33}
.intro,.meta{color:#4d5e69}.note{background:#edf4f7;border-color:#d5e0e5;color:#324852}
.links a,.directory a{background:#fff;border-color:#b5c8d1;color:#174f63}
.card{border-color:#d5e0e5}.info h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#222c33}
input[type=search]{border-color:#8fa6b2;background:#fff;color:#25333c}
.stock{background:#eef3f6;color:#40535e}.stock.available{background:#e7f2ec;color:#29583e}
.action,button{background:#174f63;border-color:#174f63;color:#fff;font-family:Arial,Helvetica,sans-serif}
.action:hover,button:hover{background:#103b4c;border-color:#103b4c}
.catalogue-reset{background:#fff;color:#174f63;border-color:#8fa6b2}.catalogue-reset:hover{background:#edf4f7;color:#174f63}
.catalogue-empty{color:#4d5e69}.price{color:#222c33}:focus-visible{outline-color:#176581}

/* Live public boutique status. */
.hira-live-catalogue-status{font-size:.9rem;line-height:1.6;padding:12px 16px;background:#f3f7f9;border:1px solid #d5e3e8;border-radius:10px;color:#234650}.stock[data-live-state=unknown]{background:#eef1f3;color:#44535d}.stock[data-live-state=unavailable]{background:#f4eeee;color:#634545}