/* /charo_casa_websites/static/src/css/customer_projects.css */
.cc-project-page{--cc-project-accent: #13396b; --cc-project-danger: #9b2c2c; --cc-project-radius: 0; --cc-project-control-height: 42px; background: #f7f6f2;}.cc-saved-page{--cc-project-accent: #13396b; --cc-project-radius: 0; background: #f7f6f2;}.cc-saved-page.cc-casa{--cc-project-accent: #2f302c; --cc-project-radius: 8px;}.cc-saved-section{min-height: 74vh;}.cc-saved-layout{display: block;}.cc-saved-page-head{align-items: end; border-bottom: 1px solid var(--cc-line); display: flex; gap: 32px; justify-content: space-between; padding-bottom: 24px;}.cc-saved-page .cc-saved-page-head .cc-page-head-title{font-size: 52px; line-height: 1.06;}.cc-project-tabs.cc-saved-tabs{background: rgba(47, 48, 44, .055); border: 1px solid var(--cc-line); gap: 4px; padding: 4px;}.cc-project-tabs.cc-saved-tabs a{align-items: center; border: 0; color: var(--cc-muted-strong, #4f4a42); display: inline-flex; font-size: 13px; font-weight: 650; justify-content: center; min-height: 44px; padding: 0 18px; text-decoration: none; transition: background-color 180ms cubic-bezier(.25, 1, .5, 1), color 180ms cubic-bezier(.25, 1, .5, 1);}.cc-project-tabs.cc-saved-tabs a:hover:not([aria-current="page"]){background: rgba(255, 255, 255, .72); color: var(--cc-ink);}.cc-project-tabs.cc-saved-tabs a[aria-current="page"]{background: var(--cc-project-accent); color: #fff;}.cc-project-tabs.cc-saved-tabs a:focus-visible{outline: 2px solid var(--cc-project-accent); outline-offset: 3px;}.cc-casa .cc-project-tabs.cc-saved-tabs, .cc-casa .cc-project-tabs.cc-saved-tabs a{border-radius: var(--cc-project-radius);}.cc-saved-content{align-items: center; display: grid; min-height: 390px; padding: 58px 0 76px;}.cc-saved-list{margin: 0 auto; max-width: 920px; width: 100%;}.cc-saved-page .cc-saved-empty{background: transparent; border: 0; color: var(--cc-muted-strong, #4f4a42); margin: 0 auto; max-width: 560px; padding: 34px 20px; text-align: center;}.cc-saved-empty h2{color: var(--cc-ink); font-family: "CC Montserrat", "Montserrat", Arial, sans-serif; font-size: 28px; font-weight: 400; line-height: 1.2; margin: 0; text-wrap: balance;}.cc-saved-empty p{color: var(--cc-muted-strong, #4f4a42); font-size: 15px; line-height: 1.6; margin: 14px auto 24px; max-width: 46ch;}.cc-saved-empty .cc-btn{min-width: 190px;}.cc-project-auth-prompt{--cc-ink: #2f302c; --cc-line: #dedbd2; --cc-project-accent: #13396b; --cc-project-control-height: 44px; --cc-project-radius: 0; background: #fff; border: 1px solid rgba(47, 48, 44, .18); box-shadow: 0 18px 48px rgba(31, 34, 30, .16); color: var(--cc-ink); opacity: 0; padding: 22px; position: fixed; transform: translateY(-6px); transition: opacity 180ms cubic-bezier(.25, 1, .5, 1), transform 180ms cubic-bezier(.25, 1, .5, 1); width: min(360px, calc(100vw - 32px)); z-index: 2400;}.cc-project-auth-prompt.cc-casa{--cc-project-accent: #2f302c; --cc-project-radius: 8px; border-radius: var(--cc-project-radius);}.cc-project-auth-prompt[hidden]{display: none;}.cc-project-auth-prompt.is-open{opacity: 1; transform: translateY(0);}.cc-project-auth-prompt h2{color: var(--cc-ink); font-family: "CC Montserrat", "Montserrat", Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.2; margin: 0; max-width: calc(100% - 42px); text-wrap: balance;}.cc-project-auth-prompt > p{color: #514e47; font-size: 14px; line-height: 1.55; margin: 10px 0 18px; max-width: 40ch;}.cc-project-auth-prompt .cc-project-auth-close{min-height: 40px; position: absolute; right: 10px; top: 10px; width: 40px;}.cc-project-auth-actions{align-items: center; display: flex; flex-wrap: wrap; gap: 10px 16px;}.cc-project-auth-actions .cc-project-button{min-height: 44px; text-decoration: none;}.cc-project-auth-signup{align-items: center; color: var(--cc-ink); display: inline-flex; font-size: 13px; font-weight: 650; min-height: 44px; text-decoration: underline; text-decoration-color: rgba(47, 48, 44, .32); text-underline-offset: 3px;}.cc-project-auth-signup:hover{color: var(--cc-project-accent); text-decoration-color: currentColor;}.cc-project-auth-signup:focus-visible{outline: 2px solid var(--cc-project-accent); outline-offset: 3px;}.cc-project-page.cc-casa{--cc-project-accent: #2f302c; --cc-project-radius: 8px;}.cc-project-page *, .cc-project-picker *{letter-spacing: 0;}.cc-project-surface{min-height: 72vh; padding: calc(var(--cc-topbar-height, 37px) + var(--cc-header-nav-height, 70px) + 48px) 0 88px;}.cc-project-page-head{align-items: end; border-bottom: 1px solid var(--cc-line); display: flex; gap: 32px; justify-content: space-between; padding-bottom: 22px;}.cc-project-page-head h1{color: var(--cc-ink); font-size: 40px; font-weight: 500; line-height: 1.1; margin: 0;}.cc-project-page-head p{color: var(--cc-muted-strong, #4f4a42); font-size: 14px; margin: 8px 0 0;}.cc-project-tabs{align-items: center; display: flex; gap: 26px;}.cc-project-tabs a{border-bottom: 2px solid transparent; color: var(--cc-muted-strong, #4f4a42); font-size: 13px; font-weight: 650; padding: 8px 0; text-decoration: none;}.cc-project-tabs a[aria-current="page"]{border-bottom-color: var(--cc-project-accent); color: var(--cc-project-accent);}.cc-project-tabs a:hover{color: var(--cc-ink);}.cc-project-status, .cc-project-toast{background: #203f2d; border-radius: var(--cc-project-radius); color: #fff; font-size: 14px; line-height: 1.4; padding: 12px 16px;}.cc-project-status{margin-top: 18px;}.cc-project-toast{bottom: 24px; box-shadow: 0 12px 36px rgba(31, 34, 30, .18); left: 50%; max-width: min(460px, calc(100vw - 32px)); position: fixed; transform: translateX(-50%); width: max-content; z-index: 1055;}.cc-project-status.is-error, .cc-project-toast.is-error{background: var(--cc-project-danger);}.cc-project-create{border-bottom: 1px solid var(--cc-line);}.cc-project-create > summary{align-items: center; color: var(--cc-project-accent); cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; gap: 9px; min-height: 58px; list-style: none;}.cc-project-create > summary::-webkit-details-marker{display: none;}.cc-project-create > summary svg{fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; width: 18px;}.cc-project-create[open] > summary{margin-bottom: 4px;}.cc-project-create form, .cc-project-edit-form{align-items: end; display: grid; gap: 16px; grid-template-columns: minmax(210px, 1.5fr) minmax(160px, 1fr) minmax(160px, 1fr); padding: 12px 0 24px;}.cc-project-create .cc-project-presets, .cc-project-create .cc-project-form-actions, .cc-project-edit-form .cc-project-form-actions{grid-column: 1 / -1;}.cc-project-field{display: grid; gap: 7px; margin: 0; min-width: 0;}.cc-project-field > span, .cc-project-presets legend, .cc-project-mobile-picker > span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px; font-weight: 650;}.cc-project-field input, .cc-project-field select, .cc-project-item-area, .cc-project-note textarea, .cc-project-mobile-picker select{background: #fff; border: 1px solid #cbc8bf; border-radius: var(--cc-project-radius); color: var(--cc-ink); font: inherit; font-size: 14px; min-height: var(--cc-project-control-height); min-width: 0; padding: 9px 11px; width: 100%;}.cc-project-field input:focus, .cc-project-field select:focus, .cc-project-item-area:focus, .cc-project-note textarea:focus, .cc-project-mobile-picker select:focus, .cc-project-quantity input:focus{border-color: var(--cc-project-accent); outline: 2px solid color-mix(in srgb, var(--cc-project-accent) 22%, transparent); outline-offset: 1px;}.cc-project-presets{border: 0; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 3px 0 0;}.cc-project-presets legend{margin-bottom: 9px; width: 100%;}.cc-project-presets label{align-items: center; background: #fff; border: 1px solid #cbc8bf; border-radius: var(--cc-project-radius); cursor: pointer; display: inline-flex; font-size: 13px; gap: 7px; min-height: 36px; padding: 0 11px;}.cc-project-presets input{accent-color: var(--cc-project-accent); height: 15px; margin: 0; width: 15px;}.cc-project-form-actions{display: flex; gap: 10px; justify-content: flex-end;}.cc-project-button, .cc-project-icon-button{align-items: center; background: #fff; border: 1px solid #aaa79f; border-radius: var(--cc-project-radius); color: var(--cc-ink); cursor: pointer; display: inline-flex; font: inherit; font-size: 13px; font-weight: 700; justify-content: center; min-height: var(--cc-project-control-height); padding: 0 16px;}.cc-project-button:hover, .cc-project-icon-button:hover{border-color: var(--cc-ink);}.cc-project-button.primary{background: var(--cc-project-accent); border-color: var(--cc-project-accent); color: #fff;}.cc-project-button:focus-visible, .cc-project-icon-button:focus-visible, .cc-project-index-item:focus-visible, .cc-project-add-card:focus-visible, .cc-commerce-project-add:focus-visible{outline: 2px solid var(--cc-project-accent); outline-offset: 2px;}.cc-project-button:disabled, .cc-project-icon-button:disabled, .cc-project-page button:disabled, .cc-project-picker button:disabled{cursor: wait; opacity: .52;}.cc-project-icon-button{flex: 0 0 var(--cc-project-control-height); padding: 0; width: var(--cc-project-control-height);}.cc-project-icon-button svg{fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 18px;}.cc-project-mobile-picker{display: none;}.cc-project-layout{display: grid; grid-template-columns: 252px minmax(0, 1fr); min-height: 520px;}.cc-project-index{border-right: 1px solid var(--cc-line); min-width: 0; padding: 28px 22px 48px 0;}.cc-project-index-head{align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px;}.cc-project-index-head h2{color: var(--cc-ink); font-size: 13px; font-weight: 700; margin: 0;}.cc-project-index-head span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px;}.cc-project-index-list{display: grid; gap: 2px;}.cc-project-archived{border-top: 1px solid var(--cc-line); margin-top: 20px; padding-top: 14px;}.cc-project-archived > summary{align-items: center; color: var(--cc-muted-strong, #4f4a42); cursor: pointer; display: flex; font-size: 12px; font-weight: 700; justify-content: space-between; list-style: none; min-height: 32px;}.cc-project-archived > summary::-webkit-details-marker{display: none;}.cc-project-archived > div{display: grid; gap: 2px; padding-top: 6px;}.cc-project-archived-item{align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 34px; min-height: 54px; padding: 7px 0;}.cc-project-archived-item > div{display: grid; gap: 3px; min-width: 0;}.cc-project-archived-item strong{color: var(--cc-ink); font-size: 13px; overflow-wrap: anywhere;}.cc-project-archived-item span{color: var(--cc-muted-strong, #4f4a42); font-size: 11px;}.cc-project-archived-item .cc-project-icon-button{min-height: 34px; width: 34px;}.cc-project-archived-mobile{display: none;}.cc-project-index-item{background: transparent; border: 0; border-left: 3px solid transparent; border-radius: 0; color: var(--cc-ink); cursor: pointer; display: grid; gap: 5px; min-height: 66px; padding: 11px 12px; text-align: left; width: 100%;}.cc-project-index-item:hover{background: #efede7;}.cc-project-index-item.is-active{background: #eae8e1; border-left-color: var(--cc-project-accent);}.cc-project-index-item strong{font-size: 14px; line-height: 1.3; overflow-wrap: anywhere;}.cc-project-index-item span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px; line-height: 1.35;}.cc-project-workspace{min-width: 0; padding: 28px 0 48px 34px;}.cc-project-empty-state{align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 440px; text-align: center;}.cc-project-empty-state > svg{fill: none; height: 46px; margin-bottom: 20px; stroke: var(--cc-project-accent); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.3; width: 46px;}.cc-project-empty-state h2{color: var(--cc-ink); font-size: 26px; font-weight: 500; margin: 0;}.cc-project-empty-state p{color: var(--cc-muted-strong, #4f4a42); font-size: 14px; margin: 9px 0 22px;}.cc-project-detail-head{align-items: start; display: flex; gap: 24px; justify-content: space-between;}.cc-project-title-block{min-width: 0;}.cc-project-title-block > p:first-child{color: var(--cc-project-accent); font-size: 12px; font-weight: 700; margin: 0 0 6px;}.cc-project-title-block h2{color: var(--cc-ink); font-size: 30px; font-weight: 500; line-height: 1.15; margin: 0; overflow-wrap: anywhere;}.cc-project-title-block > p:last-child{color: var(--cc-muted-strong, #4f4a42); font-size: 13px; margin: 8px 0 0;}.cc-project-actions{align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; position: relative;}.cc-project-action-menu{background: #fff; border: 1px solid var(--cc-line); box-shadow: 0 12px 28px rgba(31, 34, 30, .12); min-width: 190px; padding: 5px; position: absolute; right: 0; top: calc(100% + 6px); z-index: 6;}.cc-project-action-menu button{background: transparent; border: 0; color: var(--cc-ink); cursor: pointer; display: block; font: inherit; font-size: 13px; padding: 10px; text-align: left; width: 100%;}.cc-project-action-menu button:hover{background: #efede7;}.cc-project-action-menu button.danger{color: var(--cc-project-danger);}.cc-project-edit-form{border-bottom: 1px solid var(--cc-line); border-top: 1px solid var(--cc-line); margin-top: 22px;}.cc-project-summary{border-bottom: 1px solid var(--cc-line); display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; padding: 13px 0;}.cc-project-summary span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px;}.cc-project-area-form{align-items: end; display: flex; gap: 8px; margin: 24px 0 12px; max-width: 390px;}.cc-project-area-form .cc-project-field{flex: 1 1 auto;}.cc-project-area-list{border-bottom: 1px solid var(--cc-line);}.cc-project-area{border-top: 1px solid var(--cc-line); padding: 22px 0 8px;}.cc-project-area > header{align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px;}.cc-project-area > header > div:first-child{align-items: baseline; display: flex; gap: 10px;}.cc-project-area h3{color: var(--cc-ink); font-size: 17px; font-weight: 650; margin: 0;}.cc-project-area > header span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px;}.cc-project-area-actions{display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end;}.cc-project-area-actions .cc-project-icon-button{min-height: 34px; width: 34px;}.cc-project-area-empty{color: var(--cc-muted-strong, #4f4a42); font-size: 13px; margin: 0; padding: 15px 0 22px;}.cc-project-item-list{display: grid;}.cc-project-item{border-top: 1px solid rgba(47, 48, 44, .1); display: grid; gap: 18px; grid-template-columns: 112px minmax(0, 1fr); padding: 16px 0;}.cc-project-item:first-child{border-top: 0;}.cc-project-item-media{align-items: center; aspect-ratio: 1; background: #eceae4; display: flex; justify-content: center; overflow: hidden; text-decoration: none; width: 112px;}.cc-casa .cc-project-item-media{border-radius: 8px;}.cc-project-item-media img{height: 100%; object-fit: cover; width: 100%;}.cc-project-item-placeholder svg{fill: none; height: 32px; stroke: #77746d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2; width: 32px;}.cc-project-item-copy{min-width: 0;}.cc-project-item-heading{align-items: start; display: flex; gap: 12px; justify-content: space-between;}.cc-project-item-heading strong{color: var(--cc-ink); font-size: 15px; line-height: 1.35; overflow-wrap: anywhere;}.cc-project-brand, .cc-project-unavailable{border: 1px solid #c7c4bb; color: var(--cc-muted-strong, #4f4a42); flex: 0 0 auto; font-size: 11px; line-height: 1; padding: 5px 7px;}.cc-casa .cc-project-brand, .cc-casa .cc-project-unavailable{border-radius: 8px;}.cc-project-variant{color: var(--cc-muted-strong, #4f4a42); font-size: 12px; margin: 4px 0 0;}.cc-project-finish{color: #4f514c; font-size: 12px; line-height: 1.4; margin: 3px 0 0;}.cc-project-unavailable{border-color: #d4a7a7; color: var(--cc-project-danger); display: inline-block; margin-top: 7px;}.cc-project-item.is-unavailable .cc-project-item-media{opacity: .62;}.cc-project-item-controls{align-items: center; display: grid; gap: 8px; grid-template-columns: 112px minmax(135px, 220px) 40px; margin-top: 13px;}.cc-project-quantity{border: 1px solid #cbc8bf; display: grid; grid-template-columns: 35px 40px 35px; height: 38px;}.cc-casa .cc-project-quantity{border-radius: 8px; overflow: hidden;}.cc-project-quantity .cc-project-icon-button{border: 0; min-height: 36px; width: 35px;}.cc-project-quantity input{appearance: textfield; background: #fff; border: 0; color: var(--cc-ink); font: inherit; font-size: 13px; min-width: 0; padding: 0; text-align: center; width: 40px;}.cc-project-quantity input::-webkit-inner-spin-button, .cc-project-quantity input::-webkit-outer-spin-button{appearance: none; margin: 0;}.cc-project-item-area{min-height: 38px; padding-bottom: 7px; padding-top: 7px;}.cc-project-item-controls > .cc-project-icon-button{min-height: 38px; width: 40px;}.cc-project-note{align-items: end; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; margin-top: 10px;}.cc-project-note textarea{min-height: 44px; resize: vertical;}.cc-project-note .cc-project-button{min-height: 44px;}.cc-project-surface.is-busy{cursor: progress;}.cc-project-surface.is-busy .cc-project-workspace, .cc-project-surface.is-busy .cc-project-index{opacity: .66; pointer-events: none;}.cc-project-picker{background: #f7f6f2; border: 0; border-radius: 8px; box-shadow: 0 24px 70px rgba(31, 34, 30, .25); color: var(--cc-ink, #2f302c); margin: auto; max-height: calc(100vh - 40px); max-width: min(560px, calc(100vw - 32px)); padding: 0; width: 100%;}.cc-project-picker::backdrop{background: rgba(20, 22, 20, .54);}.cc-project-picker-shell{display: grid; margin: 0; max-height: calc(100vh - 40px); overflow: auto;}.cc-project-picker header, .cc-project-picker footer{align-items: center; display: flex; gap: 12px; justify-content: space-between; padding: 20px 22px;}.cc-project-picker header{border-bottom: 1px solid var(--cc-line, #dedbd2);}.cc-project-picker footer{border-top: 1px solid var(--cc-line, #dedbd2); justify-content: flex-end;}.cc-project-picker header span{color: #5f5b52; font-size: 12px; font-weight: 700;}.cc-project-picker h2{color: #2f302c; font-size: 22px; font-weight: 500; line-height: 1.2; margin: 4px 0 0; overflow-wrap: anywhere;}.cc-project-picker-fields{display: grid; gap: 14px; padding: 22px;}.cc-project-picker-create{border-top: 1px solid var(--cc-line, #dedbd2); margin: 0 22px; padding: 0;}.cc-project-picker-create summary{cursor: pointer; font-size: 13px; font-weight: 700; padding: 16px 0;}.cc-project-picker-create > div{align-items: end; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; padding-bottom: 18px;}.cc-project-picker-message{color: #5f5b52; font-size: 13px; margin: 0; min-height: 42px; padding: 10px 22px;}.cc-project-picker-message.is-error{color: #9b2c2c;}.cc-project-add-card, .cc-commerce-project-add{align-items: center; background: transparent; border: 0; color: var(--cc-ink); cursor: pointer; display: inline-flex; font: inherit; font-size: 11px; font-weight: 700; gap: 6px; min-height: 32px; padding: 0;}.cc-project-add-card svg, .cc-commerce-project-add svg{fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; width: 16px;}.cc-project-add-card:hover, .cc-commerce-project-add:hover{color: var(--cc-project-accent, #13396b);}.cc-product-actions{grid-template-columns: repeat(2, minmax(0, 1fr));}.cc-product-actions .cc-action-button{font-size: 11px; letter-spacing: 0; min-width: 0; padding: 0 14px;}.cc-casa .cc-product-actions .cc-action-button{border-radius: 8px;}@media (max-width: 980px){.cc-project-layout{grid-template-columns: 220px minmax(0, 1fr);}.cc-project-workspace{padding-left: 24px;}.cc-project-detail-head{align-items: stretch; flex-direction: column;}.cc-project-actions{justify-content: flex-start;}}@media (max-width: 760px){.cc-project-auth-prompt{bottom: 12px; left: 12px !important; max-height: calc(100vh - 24px); overflow: auto; padding: 20px; right: 12px; top: auto !important; transform: translateY(12px); width: auto;}.cc-project-auth-prompt.is-open{transform: translateY(0);}.cc-project-auth-prompt .cc-project-auth-close{min-height: 44px; width: 44px;}.cc-saved-page-head{align-items: stretch; flex-direction: column; gap: 22px; padding-bottom: 22px;}.cc-saved-page .cc-saved-page-head .cc-page-head-title{font-size: 36px;}.cc-saved-tabs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%;}.cc-saved-tabs a{font-size: 12px; min-width: 0; padding: 0 10px; text-align: center;}.cc-saved-content{min-height: 340px; padding: 36px 0 56px;}.cc-saved-page .cc-saved-empty{padding: 28px 0;}.cc-saved-empty h2{font-size: 24px;}.cc-project-surface{padding-bottom: 58px; padding-top: calc(var(--cc-topbar-height, 37px) + var(--cc-header-nav-height, 64px) + 28px);}.cc-project-page-head{align-items: start; flex-direction: column; gap: 18px;}.cc-project-page-head h1{font-size: 32px;}.cc-project-tabs{gap: 22px; width: 100%;}.cc-project-create form, .cc-project-edit-form{grid-template-columns: 1fr;}.cc-project-create .cc-project-presets, .cc-project-create .cc-project-form-actions, .cc-project-edit-form .cc-project-form-actions{grid-column: auto;}.cc-project-mobile-picker{display: grid; gap: 7px; margin-top: 22px;}.cc-project-archived-mobile:not([hidden]){display: block;}.cc-project-layout{display: block;}.cc-project-index{display: none;}.cc-project-workspace{padding: 28px 0 20px;}.cc-project-empty-state{min-height: 330px;}.cc-project-title-block h2{font-size: 25px;}.cc-project-actions{display: grid; grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1fr) 42px;}.cc-project-actions .cc-project-button{min-width: 0; padding: 0 9px;}.cc-project-item{gap: 13px; grid-template-columns: 84px minmax(0, 1fr);}.cc-project-item-media{width: 84px;}.cc-project-item-controls{grid-template-columns: 112px minmax(0, 1fr) 40px;}.cc-project-note{grid-template-columns: 1fr;}.cc-project-note .cc-project-button{justify-self: start;}}@media (max-width: 520px){.cc-project-actions{grid-template-columns: 42px minmax(0, 1fr) 42px;}.cc-project-actions [data-project-quote]{grid-column: 1 / -1; grid-row: 2;}.cc-project-item{grid-template-columns: 72px minmax(0, 1fr);}.cc-project-item-media{width: 72px;}.cc-project-item-heading{align-items: start; flex-direction: column; gap: 6px;}.cc-project-item-controls{grid-template-columns: 112px 40px;}.cc-project-item-area{grid-column: 1 / -1; grid-row: 2;}.cc-project-picker header, .cc-project-picker footer, .cc-project-picker-fields{padding-left: 16px; padding-right: 16px;}.cc-project-picker-create{margin-left: 16px; margin-right: 16px;}.cc-project-picker-create > div{grid-template-columns: 1fr;}.cc-product-actions{grid-template-columns: 1fr;}}@media (prefers-reduced-motion: reduce){.cc-project-page *, .cc-project-picker *, .cc-saved-page *, .cc-project-auth-prompt{scroll-behavior: auto !important; transition-duration: 0.01ms !important;}}.cc-project-button.danger{border-color: #c69b9b; color: var(--cc-project-danger);}.cc-project-share-manager-inner{max-width: 820px;}.cc-project-back-link{border-bottom: 1px solid currentColor; color: var(--cc-muted-strong, #4f4a42); display: inline-flex; font-size: 13px; margin-bottom: 34px; text-decoration: none;}.cc-project-share-manager-inner > header{border-bottom: 1px solid var(--cc-line); padding-bottom: 24px;}.cc-project-share-manager-inner > header p{color: var(--cc-project-accent); font-size: 12px; font-weight: 700; margin: 0 0 8px;}.cc-project-share-manager-inner > header h1{color: var(--cc-ink); font-size: 36px; font-weight: 500; line-height: 1.15; margin: 0 0 14px; overflow-wrap: anywhere;}.cc-project-share-manager-inner > header span{color: var(--cc-muted-strong, #4f4a42); font-size: 13px;}.cc-project-share-link{align-items: end; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto; padding-top: 28px;}.cc-project-share-actions{border-top: 1px solid var(--cc-line); display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-top: 24px;}.cc-project-share-manager .cc-project-picker-message{padding-left: 0; padding-right: 0;}.cc-project-quote-heading{border-bottom: 1px solid var(--cc-line); padding-bottom: 28px;}.cc-project-quote-heading > p{color: var(--cc-project-accent); font-size: 12px; font-weight: 700; margin: 0 0 8px;}.cc-project-quote-heading h1{color: var(--cc-ink); font-size: 36px; font-weight: 500; line-height: 1.15; margin: 0; overflow-wrap: anywhere;}.cc-project-quote-heading > span{color: var(--cc-project-danger); display: block; font-size: 13px; margin-top: 12px;}.cc-project-quote-groups{display: grid; gap: 36px; grid-template-columns: repeat(2, minmax(0, 1fr));}.cc-project-quote-group{border-bottom: 1px solid var(--cc-line); min-width: 0; padding: 28px 0 34px;}.cc-project-quote-group > header{align-items: end; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 18px;}.cc-project-quote-group > header span{color: var(--cc-project-accent); font-size: 12px; font-weight: 700;}.cc-project-quote-group > header h2{color: var(--cc-ink); font-size: 22px; font-weight: 550; margin: 4px 0 0;}.cc-project-quote-group > header > strong{color: var(--cc-muted-strong, #4f4a42); font-size: 12px; font-weight: 600;}.cc-project-quote-lines{border-top: 1px solid var(--cc-line); margin-bottom: 20px;}.cc-project-quote-line{align-items: center; border-bottom: 1px solid rgba(47, 48, 44, .1); display: grid; gap: 12px; grid-template-columns: 64px minmax(0, 1fr) auto; min-height: 88px; padding: 11px 0;}.cc-project-quote-image{aspect-ratio: 1; background: #ebe9e3; overflow: hidden; width: 64px;}.cc-casa .cc-project-quote-image{border-radius: 8px;}.cc-project-quote-image img{height: 100%; object-fit: cover; width: 100%;}.cc-project-quote-line > div:nth-child(2){display: grid; gap: 4px; min-width: 0;}.cc-project-quote-line > div:nth-child(2) strong{color: var(--cc-ink); font-size: 14px; line-height: 1.3; overflow-wrap: anywhere;}.cc-project-quote-line > div:nth-child(2) span, .cc-project-quote-line > span{color: var(--cc-muted-strong, #4f4a42); font-size: 12px;}.cc-project-quote-empty{color: var(--cc-muted-strong, #4f4a42); font-size: 13px; margin: 20px 0; min-height: 44px;}.cc-project-quote-group > .cc-project-button{margin-top: 2px; text-decoration: none;}.cc-public-project{--cc-public-accent: #13396b; background: #f7f6f2; color: #2f302c; min-height: 100vh; padding: 0 0 80px;}.cc-public-project.cc-casa{--cc-public-accent: #2f302c;}.cc-public-project *, .cc-public-project *::before, .cc-public-project *::after{box-sizing: border-box; letter-spacing: 0;}.cc-public-project-brand{align-items: center; border-bottom: 1px solid #dedbd2; display: flex; justify-content: center; min-height: 76px; padding: 16px 24px;}.cc-public-project-brand span{color: var(--cc-public-accent); font-size: 15px; font-weight: 750; text-transform: uppercase;}.cc-public-project-presentation, .cc-public-project-unavailable{margin: 0 auto; max-width: 1180px; padding-left: 24px; padding-right: 24px; width: 100%;}.cc-public-project-heading{border-bottom: 1px solid #dedbd2; padding: 64px 0 34px;}.cc-public-project-heading p{color: var(--cc-public-accent); font-size: 12px; font-weight: 700; margin: 0 0 10px;}.cc-public-project-heading h1{color: #2f302c; font-size: 42px; font-weight: 500; line-height: 1.12; margin: 0; overflow-wrap: anywhere;}.cc-public-project-area{border-bottom: 1px solid #dedbd2; padding: 34px 0 42px;}.cc-public-project-area > header{align-items: baseline; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 18px;}.cc-public-project-area h2{color: #2f302c; font-size: 24px; font-weight: 550; margin: 0;}.cc-public-project-area > header span{color: #5f5b52; font-size: 12px;}.cc-public-project-grid{display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr));}.cc-public-project-item{background: #fff; border: 1px solid #dedbd2; min-width: 0;}.cc-public-project.cc-casa .cc-public-project-item{border-radius: 8px; overflow: hidden;}.cc-public-project-image{aspect-ratio: 1; background: #ebe9e3; overflow: hidden; width: 100%;}.cc-public-project-image img{height: 100%; object-fit: cover; width: 100%;}.cc-public-project-copy{padding: 16px;}.cc-public-project-copy > span{color: var(--cc-public-accent); font-size: 11px; font-weight: 700;}.cc-public-project-copy h3{color: #2f302c; font-size: 16px; font-weight: 650; line-height: 1.35; margin: 6px 0 0; overflow-wrap: anywhere;}.cc-public-project-copy p{color: #5f5b52; font-size: 12px; line-height: 1.4; margin: 5px 0 0;}.cc-public-project-copy strong{color: #2f302c; display: block; font-size: 12px; font-weight: 650; margin-top: 14px;}.cc-public-project-unavailable{align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - 76px); text-align: center;}.cc-public-project-unavailable h1{color: #2f302c; font-size: 34px; font-weight: 500; margin: 0;}.cc-public-project-unavailable p{color: #5f5b52; font-size: 14px; margin: 10px 0 0;}@media (max-width: 800px){.cc-project-quote-groups{gap: 0; grid-template-columns: 1fr;}.cc-public-project-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 560px){.cc-project-share-link{grid-template-columns: 1fr;}.cc-project-share-link .cc-project-button{justify-self: start;}.cc-project-share-manager-inner > header h1{font-size: 30px;}.cc-project-quote-heading h1{font-size: 30px;}.cc-project-quote-line{grid-template-columns: 56px minmax(0, 1fr);}.cc-project-quote-image{width: 56px;}.cc-project-quote-line > span{grid-column: 2;}.cc-public-project-presentation, .cc-public-project-unavailable{padding-left: 16px; padding-right: 16px;}.cc-public-project-heading{padding-top: 42px;}.cc-public-project-heading h1{font-size: 32px;}.cc-public-project-grid{grid-template-columns: 1fr;}}