/* Shared custom-order and homepage FAQ. */
.co-faq {--space-section:clamp(70px,6.770833vw,130px);--color-green:#00a93f;--radius-pill:147px}
.co-faq *, .co-faq *::before, .co-faq *::after {box-sizing:border-box}
:where(.co-faq) h2, :where(.co-faq) p {margin:0}
.co-faq img {display:block;max-width:100%}
.co-faq a {text-decoration:none}
.co-faq summary:focus-visible, .co-faq a:focus-visible {outline:3px solid var(--color-gold);outline-offset:5px}
:where(.co-faq) .co-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:16px;font-weight:600;line-height:19px;white-space:nowrap;min-height:47px}
:where(.co-faq) .co-button__icon {width:24px;height:24px;flex-shrink:0}
:where(.co-faq) .co-button__arrow {width:28.358px;height:14px;flex-shrink:0}
:where(.co-faq) .co-button--whatsapp {background:var(--color-green);color:white;height:56px;padding:14px 28px;letter-spacing:-.32px;line-height:22px}
.co-faq {padding:var(--space-section) 0}
.co-faq__inner {display:grid;grid-template-columns:728fr 952fr;gap:40px;align-items:center}
.co-faq__visual {min-width:0}
.co-faq__collage {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:337fr 284fr;gap:16px;aspect-ratio:728/638}
.co-faq__image {width:100%;height:100%;min-height:0;object-fit:cover;border-radius:20px}
.co-faq__image--bag {grid-column:2;grid-row:1/3}
.co-faq__bulk {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:140px;border-radius:16px;padding:32px;margin-top:16px;background:radial-gradient(ellipse at 20% 120%,#746147,transparent 80%),#130700;color:white}
.co-faq__bulk-label {display:flex;align-items:center;gap:24px;font-size:32px;font-weight:600;letter-spacing:-.64px;line-height:30px;white-space:nowrap}
.co-faq__bulk-icon {width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;flex-shrink:0}
.co-faq__bulk-icon img {width:40px;height:40px}
.co-faq__content {min-width:0}
.co-faq .co-faq__title {font-size:35px;line-height:50px;font-weight:600;letter-spacing:-.8px;margin-bottom:55px}
.co-faq__list {display:flex;flex-direction:column;gap:20px}
.co-faq-item {background:#f8f8f8;border:1px solid rgba(17,17,17,.1);border-radius:14px;padding:23px}
.co-faq-item__summary {list-style:none;display:flex;align-items:center;gap:24px;cursor:pointer;font-size:26px;line-height:36px;font-weight:500}
.co-faq-item__summary::-webkit-details-marker {display:none}
.co-faq-item__number {font-size:26px;line-height:28px;width:30px;flex-shrink:0;font-weight:700}
.co-faq-item__question {flex:1}
.co-faq-item__symbol {position:relative;width:20px;height:20px;flex-shrink:0}
.co-faq-item__symbol::before, .co-faq-item__symbol::after {content:'';background:#111;position:absolute;top:9px;left:0;width:20px;height:2px}
.co-faq-item__symbol::after {transform:rotate(90deg);transition:transform .2s}
.co-faq-item[open] .co-faq-item__summary:not([aria-expanded="false"]) .co-faq-item__symbol::after {transform:rotate(0)}
.co-faq .co-faq-item__answer {font-size:16px;line-height:26px;color:#737373;margin-top:22px;padding-left:49px;max-width:696px;text-box-trim:trim-both;text-box-edge:cap alphabetic}
@media(min-width:1025px) and (max-width:1600px) {
.co-faq__inner {gap:28px}
.co-faq .co-faq__title {font-size:30px;line-height:40px;margin-bottom:24px}
.co-faq__bulk {padding:20px;gap:12px;min-height:110px}
.co-faq__bulk-label {font-size:23px;gap:12px}
.co-faq__bulk-icon {width:52px;height:52px}
.co-faq__bulk-icon img {width:30px;height:30px}
.co-faq__bulk .co-button {font-size:14px;gap:6px;padding-inline:14px}
.co-faq-item {padding:18px}
.co-faq-item__summary {font-size:20px;gap:16px;line-height:28px}
.co-faq .co-faq-item__answer {padding-left:46px;font-size:14px;line-height:22px}
.co-faq__list {gap:16px}
}
@media(max-width:1024px) {
.co-faq__inner {grid-template-columns:1fr;gap:48px}
.co-faq__visual {max-width:728px;width:100%;margin:auto}
.co-faq__content {width:100%}
.co-faq .co-faq__title {font-size:34px;line-height:44px}
.co-faq-item__summary {font-size:22px;line-height:32px}
}
@media(max-width:768px) {
.co-faq__inner {gap:36px}
.co-faq__visual {display:none}
.co-faq__image {border-radius:12px}
.co-faq__bulk {padding:18px 16px;min-height:110px;gap:16px;flex-wrap:wrap;margin-top:10px}
.co-faq__bulk-label {font-size:23px;line-height:30px;gap:14px}
.co-faq__bulk-icon {width:48px;height:48px}
.co-faq__bulk-icon img {width:28px;height:28px}
.co-faq__bulk .co-button {height:44px;min-height:44px;font-size:14px;padding:10px 16px}
.co-faq__bulk .co-button__icon {height:20px;width:20px}
.co-faq .co-faq__title {font-size:28px;line-height:36px;letter-spacing:-.7px;margin-bottom:24px}
.co-faq__list {gap:12px}
.co-faq-item {padding:18px 16px;border-radius:10px}
.co-faq-item__summary {font-size:17px;line-height:25px;gap:12px}
.co-faq-item__number {font-size:16px;width:24px}
.co-faq-item__symbol {width:16px;height:16px}
.co-faq-item__symbol::before, .co-faq-item__symbol::after {width:16px;top:7px}
.co-faq .co-faq-item__answer {font-size:14px;line-height:23px;text-box-trim:none;padding-left:36px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce) {
    .co-faq-item__symbol::after { transition:none; }
}
.home-mobile .co-faq {padding:48px 18px}