/* Catalog cards over the orange brand texture. */
#catalogo{padding:42px 6% 125px;color:#fff;scroll-margin-top:100px}
.catalog-inner{max-width:1400px;margin:auto}
#catalogo h1{font-family:Manrope,Arial,sans-serif;font-size:48px;line-height:1.15;font-weight:600;letter-spacing:-1.5px;text-align:center;margin:0 0 35px}
.catalog-toolbar{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:35px}
.catalog-filters{display:flex;gap:10px;flex-wrap:wrap;max-width:1060px}
.catalog-filters button{font:inherit;font-size:12px;font-weight:500;line-height:1.4;color:#fff;border:1px solid #ffffffa6;border-radius:28px;background:#92380018;padding:12px 19px;cursor:pointer;transition:background .2s,color .2s}
.catalog-filters button[aria-pressed=true],.catalog-filters button:hover{background:#fff;color:#6c2401;border-color:#fff}
.catalog-filters button:focus-visible,.catalog-card:focus-visible,.catalog-quote:focus-visible{outline:3px solid #fff;outline-offset:5px}
.catalog-quote{display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;font-size:12px;font-weight:600;padding:16px 23px;border-radius:30px;color:#6c2401;background:#ffb400}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.catalog-card{height:325px;position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:24px;border:1px solid #ffffffd9;background:linear-gradient(145deg,#fff8ef,#f1eadf);box-shadow:0 8px 20px #7c260f13;transition:translate .3s,box-shadow .3s}
.catalog-card[hidden]{display:none}
.catalog-card::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--card-color);opacity:.1}
.catalog-card::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1c1b12b8);z-index:1;pointer-events:none}
.catalog-art{display:block;width:100%;height:100%;padding:18px 16px 14px;transition:scale .35s;filter:drop-shadow(0 7px 5px #1c160b24)}
.catalog-card-label{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;z-index:2;color:#fff}
.catalog-card-label h3{font-size:23px;font-weight:500;line-height:1.2;margin:0;letter-spacing:-.7px}
.catalog-card-label>span{font-size:25px;line-height:1}
.catalog-symbol{display:grid;place-items:center;height:100%;font-size:140px;color:#7c390b;opacity:.6}
@media(hover:hover){.catalog-card:hover{translate:0 -5px;box-shadow:0 15px 28px #7c260f26}.catalog-card:hover .catalog-art{scale:1.035}}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{align-items:flex-start}.catalog-quote{padding:14px 18px}.catalog-card{height:300px}}
@media(max-width:700px){#catalogo{padding:32px 22px 95px}#catalogo h1{font-size:36px;margin-bottom:25px}.catalog-toolbar{display:block;margin-bottom:25px}.catalog-filters{gap:8px}.catalog-filters button{font-size:10px;padding:10px 13px}.catalog-quote{font-size:11px;margin-top:20px;padding:12px 19px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-card{height:240px;border-radius:18px}.catalog-card-label{left:13px;right:13px;bottom:15px}.catalog-card-label h3{font-size:17px;letter-spacing:-.4px}.catalog-card-label>span{font-size:20px}.catalog-art{padding:16px 6px}.catalog-symbol{font-size:90px}}
@media(max-width:360px){.catalog-card{height:215px}.catalog-card-label h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-art,.catalog-filters button{transition:none}}
#catalogo{background-blend-mode:darken}
#catalogo.catalog-preview{position:relative;isolation:isolate;background:#fff3e2;color:#6c2401;padding:55px 24px 100px;min-height:330px;text-align:center}
.catalog-preview:after{content:'';position:absolute;inset:0;background:url('https://zfnylxqjbukewhlpzrem.supabase.co/storage/v1/object/public/site-media/assets/orange-brand-pattern.png') center / 1250px auto repeat;opacity:.035;z-index:-1;pointer-events:none}
.catalog-preview-inner{max-width:760px;margin:auto}
#catalogo.catalog-preview h2{font-size:clamp(30px,3.5vw,46px);color:#6c2401;margin:0 0 18px;line-height:1.2}
.catalog-preview p{font-size:15px;color:#806750;line-height:1.7;margin:0 0 26px}
.catalog-preview-button{display:inline-flex;align-items:center;gap:35px;background:#cb000a;color:#fff;padding:16px 27px;border-radius:30px;font-size:13px;font-weight:600;transition:translate .25s,background .25s}
.catalog-preview-button:hover{translate:0 -3px;background:#ae0009}
.catalog-preview-button:focus-visible{outline:3px solid #cb000a;outline-offset:5px}
@media(max-width:700px){#catalogo.catalog-preview{padding:35px 22px 85px;min-height:290px}.catalog-preview p{font-size:13px}}

body{background:#fffaf3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main.catalog-page{max-width:none;padding:0;margin:0}
#catalogo{position:relative;isolation:isolate;background:#fff8ee;color:#193c30;padding-top:55px;min-height:70vh}
#catalogo::before{content:'';position:absolute;inset:0;background:url('https://zfnylxqjbukewhlpzrem.supabase.co/storage/v1/object/public/site-media/assets/orange-brand-pattern.png') center top / 1250px auto repeat;opacity:.035;z-index:-1;pointer-events:none}
#catalogo h1{color:#6c2401}
.catalog-filters button{color:#6c2401;background:#ffffffb8;border-color:#e6cdb6}
.catalog-filters button[aria-pressed=true],.catalog-filters button:hover{background:#cb000a;color:#fff;border-color:#cb000a}
.catalog-filters button:focus-visible,.catalog-card:focus-visible,.catalog-quote:focus-visible{outline-color:#cb000a}
.catalog-card{border-color:#eadbcd;box-shadow:0 5px 14px #6c24010b}
.catalog-quote{background:#ffe3b7}.catalog-inner{position:relative}
@media(max-width:700px){#catalogo{padding-top:35px}header nav{gap:14px}}

/* Rounded hexagon catalog cards, matching the group's visual language. */
.catalog-card{height:350px;border:0;border-radius:0;box-shadow:none;clip-path:polygon(50% 0%,96% 23%,96% 77%,50% 100%,4% 77%,4% 23%);clip-path:shape(from 54% 2.2%,line to 92% 22.8%,curve to 96% 29% with 96% 25%,line to 96% 71%,curve to 92% 77.2% with 96% 75%,line to 54% 97.8%,curve to 46% 97.8% with 50% 100%,line to 8% 77.2%,curve to 4% 71% with 4% 75%,line to 4% 29%,curve to 8% 22.8% with 4% 25%,line to 46% 2.2%,curve to 54% 2.2% with 50% 0%,close)}
.catalog-art{padding:25px 23px 30px}
.catalog-card-label{left:18%;right:18%;bottom:18%;text-align:center;justify-content:center}
.catalog-card-label>span{display:none}
.catalog-card-label h3{font-size:21px;line-height:1.2}
.catalog-card:hover{box-shadow:none}
@media(max-width:700px){.catalog-card{height:245px}.catalog-art{padding:22px 10px 25px}.catalog-card-label{left:16%;right:16%;bottom:18%}.catalog-card-label h3{font-size:15px}}

/* The frame is clipped; the sack itself breaks beyond its upper edges. */
.catalog-grid{gap:60px 30px;padding-top:35px}
.catalog-card{height:335px;overflow:visible;clip-path:none;background:transparent;isolation:isolate;border:0;box-shadow:none}
.catalog-card:before{inset:12% 8% 4%;opacity:1;background:var(--card-color);clip-path:polygon(50% 0,96% 24%,96% 76%,50% 100%,4% 76%,4% 24%);clip-path:shape(from 54% 2.2%,line to 92% 22.8%,curve to 96% 29% with 96% 25%,line to 96% 71%,curve to 92% 77.2% with 96% 75%,line to 54% 97.8%,curve to 46% 97.8% with 50% 100%,line to 8% 77.2%,curve to 4% 71% with 4% 75%,line to 4% 29%,curve to 8% 22.8% with 4% 25%,line to 46% 2.2%,curve to 54% 2.2% with 50% 0%,close);z-index:-2}
.catalog-card:after{inset:calc(12% + 5px) calc(8% + 5px) calc(4% + 5px);background:linear-gradient(145deg,#67854d,#254d38);clip-path:polygon(50% 0,96% 24%,96% 76%,50% 100%,4% 76%,4% 24%);clip-path:shape(from 54% 2.2%,line to 92% 22.8%,curve to 96% 29% with 96% 25%,line to 96% 71%,curve to 92% 77.2% with 96% 75%,line to 54% 97.8%,curve to 46% 97.8% with 50% 100%,line to 8% 77.2%,curve to 4% 71% with 4% 75%,line to 4% 29%,curve to 8% 22.8% with 4% 25%,line to 46% 2.2%,curve to 54% 2.2% with 50% 0%,close);z-index:-1}
.catalog-art{position:absolute;inset:-25px -8% auto;width:116%;height:100%;padding:0 15px 22px;overflow:visible;filter:drop-shadow(0 9px 6px #193c3026);z-index:1}
.catalog-card-label{bottom:11%;left:17%;right:17%;z-index:2;text-shadow:0 2px 6px #12291bcc}
.catalog-card-label h3{font-size:20px}
.catalog-symbol{position:relative;z-index:1;color:#fff;opacity:.8;font-size:110px}
@media(max-width:1100px){.catalog-card{height:310px}}
@media(max-width:700px){.catalog-grid{gap:35px 14px;padding-top:25px}.catalog-card{height:235px}.catalog-art{inset:-20px -8% auto;height:100%;padding:0 5px 14px}.catalog-card-label{bottom:10%;left:14%;right:14%}.catalog-card-label h3{font-size:14px}.catalog-symbol{font-size:80px}}

/* Layered 3D frame: recessed interior, extruded lower rim and raised artwork. */
.catalog-card{transform-style:preserve-3d;perspective:900px;isolation:isolate}
.catalog-card:before{inset:14% 6% 1%;background:color-mix(in srgb,var(--card-color),#552407 38%);filter:drop-shadow(0 13px 8px #193c3025);translate:5px 8px;z-index:-3}
.catalog-card:after{inset:12% 8% 4%;background:linear-gradient(145deg,var(--card-color),color-mix(in srgb,var(--card-color),#512c13 30%));translate:0 0;z-index:-2}
.catalog-art{inset:-5% -8% auto;width:116%;height:94%;padding:0 15px 0;filter:drop-shadow(6px 9px 6px #0d231d35);z-index:1;transform-origin:50% 85%;transition:translate .35s,scale .35s}
.catalog-card .catalog-card-label{bottom:9%;left:18%;right:18%;z-index:3}
.catalog-card-label h3{font-size:18px}
.catalog-card .catalog-inset{position:absolute;inset:calc(12% + 5px) calc(8% + 5px) calc(4% + 5px);background:linear-gradient(145deg,#809653 0%,#476c43 38%,#173c31 100%);clip-path:shape(from 54% 2.2%,line to 92% 22.8%,curve to 96% 29% with 96% 25%,line to 96% 71%,curve to 92% 77.2% with 96% 75%,line to 54% 97.8%,curve to 46% 97.8% with 50% 100%,line to 8% 77.2%,curve to 4% 71% with 4% 75%,line to 4% 29%,curve to 8% 22.8% with 4% 25%,line to 46% 2.2%,curve to 54% 2.2% with 50% 0%,close);z-index:-1;box-shadow:inset 0 10px 18px #102d3a55;pointer-events:none}
.catalog-inset:after{content:'';position:absolute;inset:40% 5% 0;background:repeating-linear-gradient(85deg,transparent 0 24px,#c2d9a010 25px 27px);opacity:.7}
@media(hover:hover){.catalog-card:hover .catalog-art{translate:0 -9px;scale:1.045}}
@media(max-width:700px){.catalog-art{inset:-5% -8% auto;height:94%;padding:0 5px}.catalog-card-label h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.catalog-art{transition:none}}

/* Foreground rim hides the base so the sack emerges from inside the frame. */
.catalog-front-rim{position:absolute;inset:12% 8% 4%;width:84%;height:84%;z-index:2;color:var(--card-color);pointer-events:none;filter:drop-shadow(0 -3px 3px #12271b25)}
.catalog-card-label{z-index:3!important;bottom:8%!important}
.catalog-art{clip-path:polygon(0 0,100% 0,100% 76%,50% 97%,0 76%)}
.catalog-consult .catalog-front-rim{display:none}

/* Clean catalog: only product art and a name underneath. */
.catalog-grid{gap:35px 28px;padding-top:15px}
.catalog-card{display:flex;flex-direction:column;align-items:center;height:355px;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;overflow:visible;perspective:none;transform-style:flat}
.catalog-card:before,.catalog-card:after,.catalog-inset,.catalog-front-rim{display:none!important}
.catalog-art{position:relative;inset:auto;width:100%;height:300px;flex:0 0 300px;padding:0 12px;clip-path:none;filter:drop-shadow(0 5px 5px #193c3012);transform:none}
.catalog-card .catalog-card-label{position:static;inset:auto;display:block;width:100%;margin:14px 0 0;text-align:center;color:#193c30;text-shadow:none}
.catalog-card-label h3{font-size:20px;line-height:1.3}
.catalog-card-label>span{display:none}
.catalog-card:hover{box-shadow:none}
.catalog-consult .catalog-symbol{display:grid;place-items:center;height:300px;flex:0 0 300px;color:#8d785c;opacity:.35}
@media(hover:hover){.catalog-card:hover .catalog-art{translate:0 -5px;scale:1.025}}
@media(max-width:700px){.catalog-grid{gap:25px 16px}.catalog-card{height:265px}.catalog-art{height:220px;flex-basis:220px;padding:0 3px}.catalog-card-label h3{font-size:15px}.catalog-card .catalog-card-label{margin-top:10px}.catalog-consult .catalog-symbol{height:220px;flex-basis:220px}}

.catalog-card{height:400px}.catalog-art{height:300px;flex-basis:300px}.catalog-raster{object-fit:contain}.catalog-card-label h3{font-size:16px;line-height:1.45;max-width:280px;margin:0 auto}.catalog-grid{row-gap:30px}@media(max-width:700px){.catalog-card{height:315px}.catalog-art{height:220px;flex-basis:220px}.catalog-card-label h3{font-size:12px;line-height:1.4}}
/* A single centered filter row, horizontally scrollable when needed. */
#catalogo .catalog-toolbar{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,#000 var(--filter-fade-left,0px),#000 calc(100% - var(--filter-fade-right,0px)),transparent)}
#catalogo .catalog-toolbar::-webkit-scrollbar{display:none}
.catalog-toolbar .catalog-filters{display:flex;flex-wrap:nowrap;width:max-content;max-width:none;margin-inline:auto;gap:10px;padding:3px 2px 12px;touch-action:pan-x pan-y}
.catalog-toolbar .catalog-filters button{flex:0 0 auto;white-space:nowrap}
.catalog-toolbar.is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}
.catalog-toolbar.is-dragging button{cursor:grabbing}

/* Clearer product naming: compact title followed by the formulation in larger type. */
#catalogo .catalog-grid{row-gap:24px;column-gap:24px;align-items:start}
#catalogo .catalog-card{height:auto;min-height:0;padding-bottom:6px}
#catalogo .catalog-card .catalog-art{height:280px;flex-basis:280px}
#catalogo .catalog-card .catalog-card-label{margin-top:10px}
#catalogo .catalog-card .catalog-card-label h3{font-size:21px;line-height:1.15;max-width:210px;margin:0 auto;letter-spacing:-.25px}
#catalogo .catalog-name{display:block;text-wrap:balance}
#catalogo .catalog-strength{display:block;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.6px;margin-top:7px}
@media(max-width:700px){#catalogo .catalog-grid{row-gap:22px;column-gap:16px}#catalogo .catalog-card .catalog-art{height:210px;flex-basis:210px}#catalogo .catalog-card .catalog-card-label h3{font-size:17px;max-width:165px;line-height:1.18}#catalogo .catalog-strength{font-size:28px;margin-top:5px}}

/* Trial layout: two-line name alongside the larger formulation. */
#catalogo .catalog-card .catalog-card-label h3.catalog-horizontal-name{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;width:100%;text-align:left}
#catalogo .catalog-horizontal-name .catalog-name{flex:1 1 auto;max-width:165px;min-width:0;font-size:17px;line-height:1.15;text-transform:uppercase;font-weight:500;letter-spacing:-.35px;text-wrap:balance}
#catalogo .catalog-horizontal-name .catalog-strength{flex:0 0 auto;display:flex;align-items:baseline;gap:1px;margin:0;white-space:nowrap;letter-spacing:-1px;line-height:1}
#catalogo .catalog-value{font-size:43px;font-weight:700;line-height:1}
#catalogo .catalog-grade{font-size:23px;font-weight:500;line-height:1;letter-spacing:-.4px}
@media(max-width:1000px){#catalogo .catalog-horizontal-name .catalog-name{font-size:15px}#catalogo .catalog-value{font-size:36px}#catalogo .catalog-grade{font-size:20px}}
@media(max-width:700px){#catalogo .catalog-card .catalog-card-label h3.catalog-horizontal-name{gap:5px}#catalogo .catalog-horizontal-name .catalog-name{font-size:11px;max-width:90px;letter-spacing:-.2px}#catalogo .catalog-value{font-size:28px}#catalogo .catalog-grade{font-size:15px}}

/* Keep each product name and formulation together beneath its sack. */
#catalogo .catalog-card .catalog-card-label h3.catalog-horizontal-name{width:max-content;max-width:100%;margin-inline:auto;gap:7px}
#catalogo .catalog-horizontal-name .catalog-name{flex:0 1 auto;max-width:150px}
@media(max-width:700px){#catalogo .catalog-card .catalog-card-label h3.catalog-horizontal-name{gap:5px}#catalogo .catalog-horizontal-name .catalog-name{max-width:90px}}

/* All formulations stay beside the wrapped product name. */
#catalogo .catalog-card .catalog-card-label h3.catalog-horizontal-name{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}
#catalogo .catalog-horizontal-name .catalog-name{max-width:130px;white-space:normal;overflow-wrap:normal;text-wrap:balance;flex:0 1 auto}
#catalogo .catalog-horizontal-name .catalog-strength{flex:0 0 auto;white-space:nowrap;margin-top:0}
@media(max-width:700px){#catalogo .catalog-horizontal-name .catalog-name{max-width:82px}}

.catalog-type-filters{display:flex;justify-content:center;gap:10px;margin:0 0 24px}.catalog-type-filters button{font:inherit;font-size:12px;line-height:1.4;padding:11px 23px;border:1px solid #d5d9cf;border-radius:28px;background:#fff;color:#193c30;cursor:pointer;white-space:nowrap}.catalog-type-filters button[aria-pressed=true]{background:#cb000a;border-color:#cb000a;color:#fff}.catalog-type-filters button:focus-visible{outline:2px solid #cb000a;outline-offset:4px}.catalog-filter-subtitle{text-align:center;font-size:10px;letter-spacing:1px;color:#9b7755;margin:0 0 12px;text-transform:uppercase}#catalogo .catalog-toolbar{margin-bottom:28px}@media(max-width:700px){.catalog-type-filters{gap:7px;margin-bottom:21px}.catalog-type-filters button{font-size:11px;padding:10px 15px}#catalogo .catalog-toolbar{margin-bottom:24px}}

.catalog-name-search{position:relative;display:flex;align-items:center;width:100%;max-width:560px;margin:0 auto 23px}.catalog-name-search input{width:100%;min-width:0;border:1px solid #e5d6c4;border-radius:28px;padding:14px 45px 14px 43px;font:inherit;font-size:12px;color:#5e2906;background:#fff;outline-offset:3px}.catalog-name-search input:focus-visible{outline:2px solid #cb000a}.catalog-name-search input::placeholder{color:#9b8a78}.catalog-name-search input::-webkit-search-cancel-button{display:none}.catalog-search-icon{position:absolute;left:17px;top:50%;transform:translateY(-55%);color:#98724e;font-size:27px;pointer-events:none}.catalog-search-clear{position:absolute;right:10px;border:0;border-radius:50%;width:30px;height:30px;background:#fff4e6;color:#895730;font-size:20px;cursor:pointer}.catalog-search-summary{text-align:center;font-size:11px;color:#8a715b;margin:-8px 0 22px}.catalog-search-empty{text-align:center;font-size:13px;line-height:1.8;color:#8a715b;padding:45px 18px 70px;margin:0}@media(max-width:700px){.catalog-name-search{margin-bottom:20px}.catalog-name-search input{font-size:12px;padding-top:13px;padding-bottom:13px}.catalog-search-empty{font-size:12px;padding:30px 10px 50px}}