.metal-entry{padding-top:64px;padding-bottom:64px}.metal-entry h2{font:clamp(32px,4vw,56px)/1.1 Georgia,serif;margin:16px 0}.metal-entry>div>p{max-width:720px;line-height:1.7}.metal-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.metal-entry-grid>a{color:inherit;text-decoration:none}.metal-entry-grid img{width:100%;height:230px;object-fit:cover}.metal-entry-grid strong{display:block;font-size:21px;margin:16px 0}.metal-service{background:#e9e7dc;padding:26px}.metal-service p{line-height:1.6}
body.metal-studio{height:auto;overflow:visible;background:#f8f6f0;color:#28392e}.metal-studio main{height:auto;display:block;max-width:1440px;padding:32px 4vw 64px}.metal-studio .studio-header{height:auto;min-height:70px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 4vw;background:#f8f6f0;position:relative}.metal-studio .studio-header a{margin-right:auto}.metal-studio button,.metal-studio select,.metal-studio input,.metal-studio textarea{font-size:16px}.metal-studio button,.metal-studio select,.metal-studio summary{min-height:44px}.metal-studio a:focus-visible{outline:3px solid #a67535;outline-offset:4px}.metal-studio [hidden]{display:none!important}.metal-studio[data-mode=choose] #metal-config,.metal-studio[data-mode=configure] #metal-welcome{display:none}.metal-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:#84643b}.metal-welcome h1{font:clamp(36px,5vw,64px)/1.08 Georgia,serif;margin:18px 0}.metal-welcome h1 em{color:#718063}.metal-welcome>p{max-width:740px}.metal-materials{display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;padding:20px 0;margin:22px 0;border-top:1px solid #d8dbcf;border-bottom:1px solid #d8dbcf}.metal-materials a{color:inherit;min-height:44px;display:inline-flex;align-items:center}.metal-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.metal-choices>a{display:block;text-decoration:none;color:inherit;background:#efeee6;border:1px solid #dfdfd3;border-radius:12px;overflow:hidden}.metal-choices>a:hover{border-color:#526c4f}.metal-choices img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.metal-choices a>span{display:block;padding:22px}.metal-choices strong{display:block;font-size:23px;font-weight:500;margin-bottom:10px}.metal-choices small{display:block;font-size:15px;line-height:1.5}.metal-choices .metal-free{background:#2c4435;color:#fff;display:flex;align-items:center}.metal-free small{color:#d1d9cb;margin-bottom:16px}.metal-caption{font-size:13px;color:#65715f}.metal-config-heading h1{font:36px Georgia;margin:8px 0 16px}.metal-config-heading>a{color:inherit;display:inline-flex;align-items:center;min-height:44px}.metal-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.metal-steps a{padding:12px 16px;border:1px solid #cdd3c6;border-radius:30px;color:inherit;text-decoration:none;background:white;min-height:44px}.metal-studio .product-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.metal-studio .product-tabs a,.metal-studio .product-tabs button{min-height:44px;white-space:normal;flex:0 1 auto}.metal-studio .layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:28px;min-height:0}.metal-studio .layout>section{position:sticky;top:12px;overflow:visible;align-self:start}.metal-studio .layout>section>canvas{height:auto;max-height:65vh;object-fit:contain}.metal-studio .layout>aside{overflow:visible;padding:24px;min-height:0;max-height:none;background:#eeeee5}.metal-studio .motif-grid{max-height:350px;overflow:auto;overscroll-behavior:auto;padding:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.metal-studio .motif-card{font-size:12px}.metal-studio #motif-step,.metal-studio #color-step{scroll-margin-top:24px}.metal-studio #add-selection{width:100%;margin-top:24px;min-height:52px}.metal-studio .studio-dialog{max-width:min(760px,calc(100vw - 24px));width:100%;max-height:90dvh}.metal-studio .studio-dialog input:not([type=checkbox]),.metal-studio .studio-dialog textarea{max-width:100%}
@media(max-width:760px){.metal-entry{padding-top:36px;padding-bottom:36px}.metal-entry-grid{grid-template-columns:1fr;gap:20px}.metal-entry-grid img{height:auto;aspect-ratio:3/2}.metal-studio main{padding:22px 16px 40px}.metal-studio .studio-header{padding:12px 16px;gap:8px}.metal-studio .studio-header a{width:100%;font-size:13px}.metal-studio .studio-header button{flex:1;padding:10px 7px;letter-spacing:0;font-size:14px}.metal-welcome h1{font-size:37px}.metal-choices{grid-template-columns:1fr;gap:18px}.metal-choices a>span{padding:18px}.metal-materials{display:grid;grid-template-columns:1fr;gap:0}.metal-materials strong{margin-bottom:8px}.metal-studio .layout{display:flex;flex-direction:column;gap:18px}.metal-studio .layout>section{position:relative;top:auto;width:100%;overflow:visible;flex:none}.metal-studio .layout>section>canvas{height:auto;max-height:none}.metal-studio .layout>aside{width:100%;padding:16px;overflow:visible;flex:none}.metal-studio .product-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metal-studio .product-tabs a,.metal-studio .product-tabs button{font-size:13px;padding:9px;min-width:0;display:flex;align-items:center;gap:5px}.metal-studio .product-tabs svg{width:18px;height:18px;flex:none}.metal-config-heading h1{font-size:30px}.metal-steps a{font-size:13px;padding:12px}.metal-studio .motif-grid{max-height:300px}.metal-studio .studio-dialog .fields{grid-template-columns:1fr}.metal-studio .studio-dialog .product-grid{grid-template-columns:1fr}.metal-studio .plexi-options button{font-size:12px}.metal-studio .reference-ruler{margin-top:16px}}

html:has(body.metal-studio){height:auto;overflow:visible}.metal-studio .product-tabs [aria-current=page]{background:#304938;color:white}

.metal-preview-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;margin-top:12px}.metal-choices{margin-top:26px}#metal-preview{scroll-margin-top:12px}

/* Use the shared storefront header; keep configurator actions in a separate row. */
.metal-studio .journey-header{height:auto;padding:0;letter-spacing:normal;font-size:14px}.metal-studio .journey-header button{font-size:13px}.metal-studio #journey-dialog{letter-spacing:normal}.metal-studio .journey-header svg{width:20px;height:20px}.metal-studio .journey-header .journey-menu summary{font-size:14px}.metal-studio #journey-dialog button{font-size:13px}.metal-studio #journey-dialog .journey-search-row button{font-size:21px}.metal-studio .journey-top a{line-height:1.4}.studio-toolbar{background:#eeeee5;border-bottom:1px solid #d9ddcf}.studio-toolbar-inner{max-width:1440px;margin:auto;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-toolbar-title{font-size:13px;color:#5c6959}.studio-toolbar-actions{display:flex;gap:10px}.studio-toolbar-actions button{min-height:44px;padding:10px 18px;border-radius:5px;background:#fbfaf5;border:1px solid #c8d0c0;color:#293e2f}.studio-toolbar-actions #open-project{background:#34483b;color:white;border-color:#34483b}.studio-toolbar-actions #basket-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:50%;background:#ffffff26;margin-left:5px}.metal-studio #motif-step,.metal-studio #color-step,.metal-studio #metal-preview{scroll-margin-top:100px}.metal-studio .layout>section{top:100px}
@media(max-width:600px){.studio-toolbar-inner{padding:12px 16px;display:block}.studio-toolbar-title{display:none}.studio-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-toolbar-actions button{font-size:14px;padding:10px 7px;white-space:normal}.metal-studio .layout>section{top:auto}.metal-studio main{padding-top:20px}}