/* Shared action hierarchy: filled primary, outlined secondary, quiet navigation. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;overflow:visible;pointer-events:none}
.button{gap:11px;border-radius:12px;min-height:52px;padding:15px 23px;font-size:13px;font-weight:600;letter-spacing:.05px;border:1px solid transparent;transition:background 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.button span,.button .action-label{font:inherit}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}
.button.dark{background:#23392d;color:#fff;box-shadow:0 3px 0 #14291b0d}.button.dark:hover{background:#314d3b;box-shadow:0 5px 14px #17382312}.button.green{background:#d0ef98;color:#263923}.button.green:hover{background:#c2e783}
.button.small{min-height:44px;border-radius:9px;padding:11px 17px;font-size:12px}.button.small .ui-icon{width:16px;height:16px}
.header .button{background:transparent;color:var(--ink);border-color:#bfcab7;box-shadow:none}.header .button:hover{background:#edf2e5;border-color:#8fa27c}
.hero-actions .button,.catalog-intro>.button{border-radius:999px;padding-inline:26px;gap:13px}.hero-actions .button .ui-icon,.catalog-intro>.button .ui-icon{width:17px;height:17px}
.text-link{gap:9px;min-height:44px;background:transparent;border-radius:0;padding:9px 0;font-size:12px;color:#344b36;text-decoration:underline;text-decoration-color:#bdcbb1;text-underline-offset:6px;text-decoration-thickness:1px;transition:color 180ms,text-decoration-color 180ms}
.text-link:hover{color:#1f341d;text-decoration-color:currentColor}.text-link .ui-icon{width:17px;height:17px}.hero-actions>.text-link{text-decoration:none;gap:12px;color:#475747}.hero-actions>.text-link>.ui-icon{width:35px;height:35px;padding:9px;border:1px solid #bdcbb1;border-radius:50%;background:#eef3e6}
.home-collection-link{background:none!important;box-shadow:none!important;border:1px solid #c0cdb3;color:#344b36!important;border-radius:10px}.home-collection-link:hover{border-color:#71845f;background:#edf2e4!important}
.product-details>[data-customize]{margin-right:10px}.detail-customize{justify-content:center;min-height:56px;gap:13px}.detail-customize .ui-icon{width:19px;height:19px}.detail-copy .detail-footnote{text-align:center}
#brief-form>.button{justify-content:center;gap:13px}.final-cta .button{border-radius:999px}.final-cta .button .ui-icon{width:18px;height:18px}
#load-more{background:transparent;color:#344b36;border:1px solid #b8c6ac;box-shadow:none;border-radius:999px;min-width:220px;justify-content:center;flex-direction:row-reverse;gap:11px}#load-more:hover{background:#edf2e4;border-color:#82956f}#load-more .ui-icon{width:17px;height:17px}
#clear-filters{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#67745e;font-size:11px}#clear-filters .ui-icon{width:14px;height:14px}#clear-filters:hover{color:var(--ink)}
#edit-brief{display:inline-flex;align-items:center}.icon-button.close-dialog{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf1e7;color:#45533d;border:1px solid #dde4d5;padding:0;transition:background 160ms}.icon-button.close-dialog:hover{background:#dce7cf}.close-dialog .ui-icon{width:18px;height:18px}
.card-controls>div{gap:0;border:1px solid #cbd6c0;border-radius:999px;padding:3px;background:#f7f8f2ee;box-shadow:0 3px 10px #31482b05}.card-controls button{width:40px;height:40px;border:0;background:none;border-radius:50%;padding:0;transform:none}.card-controls button:hover{background:#e2ebd6;transform:none}.card-controls button .ui-icon{width:17px;height:17px}#card-reset .ui-icon{width:15px;height:15px}
.art-bottom>a{display:grid;place-items:center;border:1px solid #cbd6c0;border-radius:50%;height:38px;width:38px}.art-bottom .ui-icon{width:17px;height:17px}
.tag-icon .ui-icon{width:22px;height:22px}.product-visual .zoom{display:grid;place-items:center;background:#fff;border:1px solid #dce4d3;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 6px #233d2610}.zoom .ui-icon{width:20px;height:20px}
.platform-brand{gap:10px}.platform-brand>.ui-icon{width:23px;height:23px}.platform-brand span{font-weight:500}.platform-brand.brand-instagram>.ui-icon{color:#ad3762}.platform-brand.brand-whatsapp>.ui-icon{color:#21854c}.platform-brand.brand-facebook>.ui-icon{color:#2361b2}.platform-brand.brand-linkedin>.ui-icon{color:#26618d}.platform-brand.brand-google>.ui-icon{color:#4a6540}
.destination-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:14px;border-radius:10px;padding:16px 18px;min-height:54px;color:#66745e;transition:background 180ms,color 180ms}.destination-tabs button>.ui-icon{width:20px;height:20px}.destination-tabs button[aria-selected=true]{background:#e8f0dc;color:#2f4627}.destination-tabs button:hover{background:#edf2e5}.destination-tabs button .tab-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:transparent}.destination-tabs button[aria-selected=true] .tab-indicator{background:#69884d}
.destination-icon{width:64px;height:64px;min-width:64px;display:grid;place-items:center;background:#e9efdf;border:1px solid #dae3ce;border-radius:18px}.destination-icon>.ui-icon{width:30px;height:30px}.destination-icon[data-brand=instagram]{background:#f6e9ee;color:#ac3560;border-color:#edd4df}.destination-icon[data-brand=facebook]{background:#e9eff9;color:#2164b7;border-color:#d4e1f3}.destination-icon[data-brand=whatsapp]{background:#e4f2e6;color:#218749;border-color:#cce6d2}.destination-icon[data-brand=linkedin]{background:#e4eff5;color:#23658f;border-color:#d0e1ed}
#destination-choose{margin-top:10px;font-size:12px}.destination-panel{min-height:340px}.destination-panel>div:nth-child(2){min-width:0}
.notification-icon{display:grid;place-items:center}.notification-icon>.ui-icon{width:25px;height:25px}.profile-top{display:flex;align-items:center;gap:7px}.profile-top>.ui-icon{width:17px;height:17px}.profile-avatar .ui-icon{width:28px;height:28px}
#demo-button{min-width:190px;justify-content:center;border-radius:999px}.profile-success{font-size:11px}
.design-platform{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;font-size:10px}.design-platform>.ui-icon{width:14px;height:14px}.detail-platform{display:inline-flex;gap:9px;font-size:12px;border:1px solid #d6e0cb;background:#edf2e5;border-radius:999px;padding:9px 14px}.detail-platform>.ui-icon{width:17px;height:17px}
.design-open{display:flex;align-items:center;gap:7px;min-height:36px;padding:9px 13px;border-radius:8px;background:#f7f8f2f2;color:#31472b;box-shadow:0 2px 6px #32492c0a;border:1px solid #ffffff80}.design-open .ui-icon{width:15px;height:15px}.card-arrow{border:0;background:none;width:30px;height:30px;color:#7e8b75}.card-arrow .ui-icon{width:16px;height:16px}.design-link:hover .card-arrow{background:none;color:#334c29}.design-link:hover .card-arrow .ui-icon{transform:translateX(2px);transition:transform 180ms}
.detail-zoom{display:inline-flex;align-items:center;gap:9px;background:#f7f8f2;border-color:#bfcbb4;border-radius:8px;font-size:11px;padding:11px 15px}.detail-zoom>.ui-icon{width:17px;height:17px}.detail-image-button:hover .detail-zoom{background:#fff;border-color:#8da17a}.variant-option>.ui-icon{width:17px;height:17px;margin-left:auto;color:#657d51}.variant-option{min-height:68px}.variant-option:hover{border-color:#93a382;background:#f0f4e9}
.breadcrumb>a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.breadcrumb .ui-icon{width:15px;height:15px}.catalog-outro .outro-arrow{font:500 12px var(--font);display:inline-flex;align-items:center;gap:10px;padding:15px 18px;background:#ffffff3d;border:1px solid #52683940;border-radius:999px;min-height:46px}.catalog-outro .outro-arrow>.ui-icon{width:18px;height:18px}.catalog-outro .outro-arrow:hover{background:#ffffff70}.fan-sticker>.ui-icon{width:20px;height:20px;margin-top:9px}.catalog-ribbon>.ui-icon{color:var(--green);width:23px;height:23px}
footer>a:last-of-type{display:inline-flex;gap:8px;align-items:center;min-height:44px}footer>a:last-of-type .ui-icon{width:15px;height:15px}.disclosure-icon{display:grid;place-items:center}.disclosure-icon .ui-icon{width:16px;height:16px;transition:transform 180ms}details[open] .disclosure-icon .ui-icon{transform:rotate(45deg)}.result-check .ui-icon{width:26px;height:26px}
.inspect-toolbar{gap:10px}.inspect-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:7px;font-size:11px}.inspect-toolbar #lens-toggle{background:#fff;border-color:#bdcbb2;gap:7px}.inspect-toolbar #lens-toggle:before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#929b89}.inspect-toolbar #lens-toggle[aria-pressed=true]{background:#e5efd9;border-color:#a8be92}.inspect-toolbar #lens-toggle[aria-pressed=true]:before{background:#597f38}.inspect-toolbar #lens-center{background:none;border-color:transparent;color:#5f6f54}.inspect-toolbar #lens-center:hover{background:#e8efdf}.inspect-toolbar .ui-icon{width:16px;height:16px}.inspect-toolbar select{min-height:44px}.inspect-toolbar #lens-zoom{width:66px;border-radius:7px}
@media(max-width:800px){.button{font-size:12px;min-height:50px;padding:14px 19px}.button.small{min-height:44px;padding:10px 13px;font-size:11px}.destination-tabs button{min-height:48px;padding:12px 14px;gap:8px}.destination-tabs button>.ui-icon{width:17px;height:17px}.destination-tabs .tab-indicator{display:none}.destination-icon{width:50px;height:50px;min-width:50px;border-radius:14px}.destination-icon>.ui-icon{width:25px;height:25px}.destination-panel{gap:16px}.catalog-outro{align-items:flex-start;flex-direction:column;gap:24px}.catalog-outro .outro-arrow{font-size:12px}.design-platform{font-size:9px;gap:5px;padding:6px 8px}.design-platform>.ui-icon{width:12px;height:12px}.card-controls button{width:37px;height:37px}.home-collection-link{margin-top:16px}.platform-brand>.ui-icon{width:21px;height:21px}}
@media(max-width:400px){.card-controls>div{padding:2px}.card-controls button{width:34px;height:38px}.card-controls p{font-size:8px}.inspect-toolbar{gap:5px}.inspect-toolbar button{padding:8px;font-size:10px}.inspect-toolbar #lens-center{gap:4px}.inspect-toolbar label{font-size:10px}.inspect-toolbar .ui-icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.button,.ui-icon,.design-open,.destination-tabs button{transition:none!important}.button:hover,.button:active{transform:none}}
.card-controls button{min-width:44px;min-height:44px}
@media(max-width:400px){.card-controls p{max-width:110px}.card-controls>div{flex-shrink:0}}