/* Collection: clear artwork first, optional real-world presentation. */
.collection-page{background:#f8f9f5}.collection-page .header{border-bottom-color:#dfe4d8}.collection-page .header nav a:first-child{color:#426334}.collection-page .catalog-section{padding-top:38px}
.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.collection-heading .eyebrow{font-size:10px;letter-spacing:1.6px;color:#78846b}.collection-heading h1{font-size:52px;line-height:1.1;letter-spacing:-2.5px;margin:11px 0 0}.collection-heading h1>span{color:#779752}.collection-facts{display:flex;align-items:center;gap:22px;padding-bottom:7px;color:#67755c;font-size:12px}.collection-facts span{white-space:nowrap}.collection-facts span+span:before{content:'·';margin-right:22px;color:#a5b097}
.collection-page .catalog-filters{display:grid;grid-template-columns:2fr 1fr 1fr;background:white;border:1px solid #e0e6d7;border-radius:14px;padding:17px 20px;gap:20px;box-shadow:0 4px 14px #24351d03}.collection-page .catalog-filters label{font-size:11px;color:#68785d}.collection-page .catalog-filters input,.collection-page .catalog-filters select{font-size:14px;height:44px;min-height:44px;border:0;background:transparent;border-radius:5px;padding:7px 0;margin:1px 0 0;color:#23392b}.collection-page .catalog-filters .search-field input{padding-left:31px}.collection-page .search-field>div>.ui-icon{left:0;top:13px;width:18px;height:18px;color:#7d8e6d}.collection-page .catalog-filters label+label{border-left:1px solid #e8ecdf;padding-left:22px}.collection-page .catalog-filters input::placeholder{color:#8a9580}.collection-page .catalog-filters input:focus-visible,.collection-page .catalog-filters select:focus-visible{outline-offset:2px}
.collection-page .catalog-status{padding:18px 0;min-height:82px;gap:18px;justify-content:space-between}.collection-page .collection-results{display:flex;align-items:center;gap:16px;flex-direction:row;font-size:13px;color:#536649}.collection-page .collection-results p{margin:0}.collection-page #clear-filters{padding:6px 0;min-height:44px;font-size:12px;color:#77876b;text-decoration:underline;text-underline-offset:4px}.collection-page .collection-view{display:inline-flex;flex-direction:row;align-items:center;gap:3px;padding:4px;background:#eaf0e3;border:1px solid #dee6d4;border-radius:12px}.collection-view button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;font-size:12px;border-radius:8px;color:#748466;background:transparent;transition:background 180ms,color 180ms}.collection-view button[aria-pressed=true]{background:#fff;color:#29482f;box-shadow:0 2px 6px #283f1f0b}.collection-view button:hover{color:#233d25}.collection-view .ui-icon{width:16px;height:16px}
.collection-page .design-grid{gap:32px 24px}.collection-card{background:white;border:1px solid #e1e6d9;border-radius:18px;overflow:hidden;transition:border-color 180ms,box-shadow 180ms}.collection-card .design-link{display:block;height:100%;outline-offset:-4px}.collection-card:hover,.collection-card:focus-within{border-color:#b6c5a3;box-shadow:0 10px 30px #273b1d08}
.collection-page .collection-visual{aspect-ratio:1/1.06;border-radius:0;background:radial-gradient(ellipse at 48% 30%,#fafbf7 0%,#edf1e5 68%,#e6ecdc 100%);overflow:hidden;position:relative;display:grid;place-items:center;isolation:isolate}.collection-art-frame{position:relative;width:61%;aspect-ratio:2/3;border-radius:7% / 4.666667%;padding:3px;background:linear-gradient(125deg,#fff,#d2dac9 45%,#fafff1 57%,#b5c3a6);box-shadow:0 16px 25px -19px #1c30194f,0 2px 3px #243a1710;transition:transform 220ms ease}.collection-print{width:100%;height:auto;aspect-ratio:2/3;object-fit:fill;display:block;border-radius:6.5% / 4.333333%}.collection-card:hover .collection-art-frame{transform:translateY(-4px)}
.collection-page .collection-visual>.collection-context{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;border-radius:0;box-shadow:none;margin:0;transform:none;display:none;z-index:1}.scene-label{display:none;position:absolute;top:13px;left:13px;z-index:2;font-size:10px;letter-spacing:.2px;color:#fff;background:#18281dd4;backdrop-filter:blur(5px);padding:7px 10px;border-radius:7px}.collection-swatch{display:none;position:absolute;bottom:15px;right:15px;z-index:2;width:54px;padding:4px;background:#fffffff2;border:1px solid #fff;border-radius:7px;box-shadow:0 3px 12px #17241521}.collection-swatch>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:fill}.collection-open{position:absolute;bottom:15px;left:15px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:7px;font-size:11px;line-height:1;color:#466039;background:#ffffffd9;border:1px solid #fff9;opacity:0;transform:translateY(4px);transition:opacity 180ms,transform 180ms;z-index:3}.collection-open .ui-icon{width:14px;height:14px}.collection-card:hover .collection-open,.collection-card:focus-within .collection-open{opacity:1;transform:none}
.collection-caption{padding:19px 20px 18px;border-top:1px solid #eaf0e2}.collection-card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.collection-platform{display:flex;align-items:center;gap:6px;font-size:11px;color:#6a7a5e}.collection-platform .ui-icon{width:15px;height:15px}.collection-platform[data-brand=instagram] .ui-icon{color:#a73e66}.collection-platform[data-brand=whatsapp] .ui-icon{color:#24894c}.collection-platform[data-brand=facebook] .ui-icon{color:#2867b8}.collection-platform[data-brand=linkedin] .ui-icon{color:#23698d}.collection-code{font-size:10px;letter-spacing:.6px;color:#8a977f;white-space:nowrap}.collection-card h3{font-size:23px;font-weight:550;line-height:1.2;letter-spacing:-.65px;margin:0 0 13px}.collection-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#87947c}.collection-card-action{display:flex;align-items:center;gap:4px;font-size:11px;color:#415c34}.collection-card-action .ui-icon{width:13px;height:13px}
.collection-page[data-view=scene] .collection-art-frame{visibility:hidden}.collection-page[data-view=scene] .collection-context,.collection-page[data-view=scene] .scene-label,.collection-page[data-view=scene] .collection-swatch{display:block}.collection-page[data-view=scene] .collection-open{color:#274425;background:#fffdf5ed}
.collection-page .load-area{margin:38px 0 20px}.collection-page .load-area p{font-size:12px;color:#849175}.collection-page #load-more{border-radius:10px;border-color:#c5d0b9;background:#fff;font-size:13px}.collection-page .empty-catalog{background:#eef2e7;border:1px solid #e0e6d5;border-radius:16px}
@media(min-width:1024px){.collection-page .design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-card h3{font-size:21px}}
@media(max-width:1000px){.collection-heading h1{font-size:45px}.collection-facts{gap:14px;font-size:11px}.collection-facts span+span:before{margin-right:14px}.collection-caption{padding:16px}.collection-card h3{font-size:21px}.collection-card-action{font-size:10px}.collection-page .design-grid{gap:24px 18px}}
@media(max-width:800px){.collection-page .catalog-section{padding-top:26px}.collection-heading{align-items:start;margin-bottom:23px;gap:17px;flex-direction:column}.collection-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.collection-heading h1{font-size:38px;letter-spacing:-1.7px;margin-top:10px}.collection-facts{padding:0;gap:16px;font-size:11px}.collection-facts span+span:before{margin-right:16px}.collection-page .catalog-filters{grid-template-columns:1fr 1fr;padding:12px 14px;gap:8px 14px;border-radius:12px}.collection-page .catalog-filters .search-field{grid-column:1/-1;padding-bottom:6px;border-bottom:1px solid #e6ecdd}.collection-page .catalog-filters label+label{border-left:0;padding-left:0}.collection-page .catalog-filters label:last-child{border-left:1px solid #e6ecdd;padding-left:14px}.collection-page .catalog-filters input,.collection-page .catalog-filters select{font-size:16px;min-width:0}.collection-page .catalog-filters label{font-size:10px}.collection-page .catalog-status{min-height:80px;gap:12px;padding:16px 0}.collection-page .collection-results{font-size:12px;gap:10px;align-items:start;flex-direction:column}.collection-page #clear-filters{font-size:11px;min-height:24px;padding:0}.collection-view button{font-size:11px;padding:8px 10px;min-height:38px;gap:5px}.collection-view .ui-icon{width:15px;height:15px}.collection-page .design-grid{gap:18px 12px}.collection-card{border-radius:12px}.collection-page .collection-visual{aspect-ratio:1/1.2}.collection-art-frame{width:67%;padding:2px}.collection-caption{padding:13px 12px}.collection-card-topline{gap:4px;margin-bottom:10px}.collection-platform{font-size:10px;gap:4px}.collection-platform .ui-icon{width:12px;height:12px}.collection-code{font-size:8px;letter-spacing:.1px}.collection-card h3{font-size:17px;font-weight:600;line-height:1.28;letter-spacing:-.35px;margin-bottom:11px;overflow-wrap:anywhere}.collection-card-bottom{font-size:10px;align-items:center;gap:5px}.collection-card-action{font-size:10px}.collection-card-action .ui-icon{width:12px;height:12px}.collection-card-action{font-size:0;gap:0}.collection-card-action .ui-icon{width:17px;height:17px}.scene-label{top:8px;left:8px;padding:5px 7px;font-size:8px;border-radius:5px}.collection-swatch{bottom:10px;right:10px;width:39px;padding:3px;border-radius:5px}.collection-open{display:none}.collection-card:hover .collection-art-frame{transform:none}.collection-page .load-area{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.collection-card,.collection-art-frame,.collection-open,.collection-view button{transition:none}.collection-card:hover .collection-art-frame{transform:none}}
.collection-page .catalog-status .collection-view button{text-decoration:none}
.collection-page[data-view=scene] .collection-card:not(.scene-ready) .collection-art-frame{visibility:visible}
.collection-page[data-view=scene] .collection-card:not(.scene-ready) .collection-context,.collection-page[data-view=scene] .collection-card:not(.scene-ready) .scene-label,.collection-page[data-view=scene] .collection-card:not(.scene-ready) .collection-swatch{display:none}
@media(min-width:801px){.collection-page .catalog-section{padding-top:30px}.collection-heading{margin-bottom:23px}.collection-page .catalog-filters{padding-block:12px}.collection-page .catalog-status{min-height:74px;padding:13px 0}}
@media(max-width:800px){.collection-view button{font-size:12px;min-height:44px}.collection-page .catalog-status{min-height:84px}.collection-platform{font-size:11px}.collection-code{display:none}.collection-card-bottom{font-size:11px}.scene-label{font-size:10px}.collection-page #clear-filters{min-height:32px}}
.collection-page[data-view=scene] .collection-card:not(.scene-ready) .collection-context{display:block;opacity:0}
.collection-art-frame{aspect-ratio:auto}
.collection-view button{min-height:44px}
.collection-card .design-link{display:flex;flex-direction:column}
.collection-caption{display:flex;flex:1;flex-direction:column}
.collection-card-bottom{margin-top:auto}

/* Usage photos share a 2:3 canvas: show the full image at every breakpoint. */
.collection-page[data-view=scene] .collection-visual{aspect-ratio:2/3;flex-shrink:0}

/* One consistent product canvas in both views. */
.collection-page .collection-visual{aspect-ratio:2/3;flex-shrink:0;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#f0f3e9 100%)}
.collection-page .collection-art-frame{width:82%}
.collection-page .design-grid{gap:26px 20px}
.collection-card{border-radius:14px}
.collection-caption{padding:17px 18px 18px}
.collection-card h3{font-size:21px;line-height:1.25;margin-bottom:14px}
.collection-card-topline{margin-bottom:11px}
.collection-page .collection-open{display:none}
.collection-card-action{font-size:12px;gap:6px}
@media(min-width:1024px){.collection-page .design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-heading h1{font-size:48px}.collection-card h3{font-size:20px}.collection-code{font-size:9px}.collection-caption{padding:16px}}
@media(min-width:801px) and (max-width:1023px){.collection-page .design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.collection-page .design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.collection-caption{padding:13px 12px}.collection-card h3{font-size:17px;margin-bottom:12px}.collection-card-action{font-size:0;gap:0}.collection-page .collection-art-frame{width:84%}}

/* Quiet catalogue: no hover movement or floating prompts. */
.collection-page .collection-card,.collection-page .collection-art-frame{transition:none}
.collection-page .collection-card:hover{border-color:#e1e6d9;box-shadow:none}
.collection-page .collection-card:hover .collection-art-frame{transform:none}