.coticart{--cq-accent:var(--wd-primary-color,#c92424);--cq-ink:#20252b;--cq-muted:#697079;--cq-line:#e7e9eb;color:var(--cq-ink);font:15px/1.5 Arial,Helvetica,sans-serif}
.coticart *{box-sizing:border-box}.coticart [hidden]{display:none!important}.coticart button,.coticart input,.coticart textarea,.coticart select{font:inherit}.coticart button{cursor:pointer}.coticart button:focus-visible,.coticart input:focus-visible,.coticart textarea:focus-visible,.coticart select:focus-visible{outline:3px solid #ec8a8a;outline-offset:2px}.coticart h2,.coticart h3,.coticart p{margin-top:0}.coticart-entry{padding:28px;border:1px solid var(--cq-line);max-width:700px;background:#fff}.coticart-entry h2{font-size:27px;margin-bottom:8px}.coticart-entry p{color:var(--cq-muted)}.coticart-primary{background:var(--cq-accent)!important;border:1px solid var(--cq-accent)!important;color:#fff!important;min-height:46px;padding:10px 20px;font-weight:700}.coticart-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--cq-accent);color:#fff;font-size:12px}.coticart-open{overflow:hidden}.coticart-overlay,.coticart-picker-overlay{position:fixed;inset:0;z-index:100000;background:rgba(21,25,31,.58);display:grid;place-items:center;padding:22px}.coticart-picker-overlay{z-index:100001}.coticart-dialog{width:min(990px,100%);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 22px 80px #151b2233}.coticart-head{padding:26px 36px 23px;border-bottom:1px solid var(--cq-line);display:flex;justify-content:space-between;align-items:start;gap:20px}.coticart-head small{color:var(--cq-accent);font-size:11px;font-weight:800;letter-spacing:.16em}.coticart-head h2{font-size:27px;margin:6px 0}.coticart-head p{font-size:14px;color:var(--cq-muted);margin:0}.coticart-close,.coticart-picker header button{border:0;background:#f3f4f5;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;flex:none}.coticart-steps{padding:0 36px;display:flex;gap:24px;border-bottom:1px solid var(--cq-line)}.coticart-steps span{padding:14px 2px;color:#89919a;font-size:15px;font-weight:700;border-bottom:2px solid transparent}.coticart-steps .is-active{color:var(--cq-ink);border-color:var(--cq-accent)}.coticart-body{padding:26px 36px 30px}.coticart-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:32px}.coticart-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.coticart-section-head h3,.coticart-recs h3{font-size:16px}.coticart-section-head span{font-size:12px;color:var(--cq-muted)}.coticart-items{border-top:1px solid var(--cq-line)}.coticart-empty{padding:20px 0;color:var(--cq-muted)}.coticart-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--cq-line)}.coticart-thumb{width:72px;height:72px;object-fit:contain;border:1px solid var(--cq-line);background:#fafafa}.coticart-item-info{min-width:0;font-size:14px}.coticart-item-meta{font-size:12px;color:var(--cq-muted);margin-top:4px;overflow-wrap:anywhere}.coticart-item-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}.coticart-item-actions button,.coticart-actions button,.coticart-summary button,.coticart-picker footer button:not(.coticart-primary){background:#fff;border:1px solid #d6dade;color:var(--cq-ink);min-height:34px;padding:5px 9px;font-size:15px}.coticart-item-actions button:hover,.coticart-actions button:hover{border-color:var(--cq-accent)}.coticart-qty{min-width:25px;text-align:center;font-size:12px;font-weight:700}.coticart-remove{border:0;background:none;color:#8b949d;font-size:23px}.coticart-invalid{color:#ad1c1c;font-size:12px;margin:6px 0}.coticart-actions{padding:17px 0 22px}.coticart-help{background:#fafafa;border:1px solid var(--cq-line);padding:20px}.coticart-help h3{font-size:16px;margin-bottom:7px}.coticart-help p,.coticart-recs p{font-size:13px;color:var(--cq-muted)}.coticart-help label,.coticart-fields label,.coticart-picker label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px}.coticart-help textarea,.coticart-fields input,.coticart-picker input,.coticart-picker select{display:block;width:100%;border:1px solid #d8dde1;background:#fff;color:var(--cq-ink);padding:10px 12px;min-height:44px}.coticart-help textarea{min-height:100px;resize:vertical}.coticart-file-note{border:1px dashed #b9c0c6;padding:14px;margin-top:18px;color:var(--cq-muted);font-size:12px}.coticart-carousel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory}.coticart-rec{flex:0 0 180px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid var(--cq-line);background:#fff;padding:8px;font-size:11px;scroll-snap-align:start}.coticart-rec img,.coticart-catalog-item img{width:48px;height:48px;object-fit:contain}.coticart-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 36px;border-top:1px solid var(--cq-line);background:#fafafa;position:sticky;bottom:0}.coticart-footer p{font-size:12px;color:var(--cq-muted);margin:0}.coticart-footer .is-error{color:#ad1c1c}.coticart-footer>div{display:flex;gap:8px}.coticart-footer button:not(.coticart-primary){border:1px solid #d6dade;background:#fff;padding:10px 15px}.coticart-summary{background:#f7f8f8;border:1px solid var(--cq-line);padding:18px 20px;margin-bottom:24px}.coticart-summary h3{font-size:15px}.coticart-summary p{margin:4px 0;font-size:13px}.coticart-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.coticart-fields label{margin-top:0}.coticart-stage-note{font-size:12px;color:var(--cq-muted);margin-top:15px}.coticart-picker{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;box-shadow:0 22px 80px #151b2233}.coticart-picker header,.coticart-picker footer{padding:18px 24px;border-bottom:1px solid var(--cq-line);display:flex;justify-content:space-between;align-items:center;gap:15px}.coticart-picker header h2{font-size:20px;margin:0}.coticart-picker footer{border-top:1px solid var(--cq-line);border-bottom:0;justify-content:flex-end}.coticart-picker-body{padding:22px 24px}.coticart-catalog{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.coticart-catalog-item{min-height:74px;border:1px solid var(--cq-line);background:#fff;display:flex;align-items:center;text-align:left;gap:10px;padding:8px;font-size:13px}.coticart-catalog-item:hover{border-color:var(--cq-accent)}.coticart-picker-body h3{font-size:17px}.coticart-picker-body select{margin-bottom:13px}
@media(max-width:820px){.coticart-layout{grid-template-columns:1fr}.coticart-recs{border-top:1px solid var(--cq-line);padding-top:18px}}
@media(max-width:560px){.coticart-overlay{padding:0;display:block}.coticart-dialog{height:100dvh;max-height:100dvh;width:100%;box-shadow:none}.coticart-head,.coticart-body,.coticart-footer{padding-left:18px;padding-right:18px}.coticart-head h2{font-size:22px}.coticart-steps{padding:0 18px;gap:12px}.coticart-item{grid-template-columns:58px minmax(0,1fr) auto;gap:10px}.coticart-thumb{width:58px;height:58px}.coticart-fields{grid-template-columns:1fr}.coticart-footer{flex-wrap:wrap}.coticart-footer p,.coticart-footer>div{width:100%}.coticart-footer .coticart-primary{flex:1}.coticart-picker-overlay{padding:0;align-items:end}.coticart-picker{width:100%;max-height:92dvh}.coticart-catalog{grid-template-columns:1fr}}

/* Panel layout follows the site typography and the quote reference. */
.coticart { font-family: 'Lato', var(--wd-text-font, sans-serif); font-size: var(--wd-text-font-size, 14px); }
.coticart :is(h2, h3) { font-family: inherit; }
.coticart-head h2 { line-height: 1.18; }
.coticart-close { display: grid; place-items: center; padding: 0; border: 1px solid #f09a9a; border-radius: 50%; background: #fff; }
.coticart-close:hover { background: #fff7f7; }
.coticart-steps { gap: 34px; }
.coticart-steps span { display: inline-flex; align-items: center; gap: 9px; min-height: 56px; padding: 0 2px; }
.coticart-steps b { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; line-height: 1; }
.coticart-steps .is-active b { border-color: var(--cq-accent); background: var(--cq-accent); color: #fff; }
.coticart-layout { grid-template-columns: minmax(0,1fr) 268px; gap: 34px; }
.coticart-section-head { align-items: baseline; }
.coticart-section-head h3 { margin-bottom: 14px; }
.coticart-section-head span { color: #9299a1; font-weight: 700; }
.coticart-item { grid-template-columns: 75px minmax(0,1fr) 24px; }
.coticart-thumb { width: 75px; height: 75px; padding: 5px; background: #fff; }
.coticart-item-info strong { display: block; margin-bottom: 4px; line-height: 1.35; }
.coticart-item-actions { gap: 8px 14px; margin-top: 9px; }
.coticart-quantity { display: inline-flex; align-items: center; height: 35px; border: 1px solid #d8dde1; }
.coticart-quantity button { width: 32px; height: 33px; padding: 0; border: 0; background: #fff; color: #51575e; font-size: 18px; line-height: 1; }
.coticart-quantity button:hover { background: #f4f5f5; }
.coticart-qty { min-width: 32px; }
.coticart-item-actions .coticart-text-action { min-height: 30px; padding: 0; border: 0; background: transparent; color: var(--cq-accent); font-size: 12px; font-weight: 700; text-decoration: underline; }
.coticart-remove { padding: 0; background: transparent; font-size: 21px; }
.coticart-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.coticart-actions .coticart-add-measure { border-color: #edcaca; color: var(--cq-accent); }
.coticart-help { padding: 22px 20px 30px; }
.coticart-help p { margin-bottom: 16px; }
.coticart-help textarea { min-height: 105px; }
.coticart-file-note { background: #fff; }
.coticart-file-note{position:relative;display:grid;gap:8px;text-align:center;cursor:pointer}.coticart-file-note>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.coticart-file-note>span{font-weight:700;color:var(--cq-ink)}.coticart-file-note small{color:var(--cq-muted)}.coticart-file-note.is-dragover{border-color:var(--cq-accent);background:#fff8f8}.coticart-upload-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--cq-line);text-align:left;overflow-wrap:anywhere}.coticart-upload-row button{flex:none;border:0;background:none;color:var(--cq-accent);font-size:20px}.coticart-upload-progress{width:90px;height:8px;flex:none;accent-color:var(--cq-accent)}
.coticart-recs { min-width: 0; }
.coticart-recs h3 { margin-bottom: 6px; }
.coticart-recs p { margin-bottom: 18px; }
.coticart-carousel { flex-direction: column; overflow: visible; scroll-snap-type: none; }
.coticart-rec { display: grid; grid-template-columns: 50px minmax(0,1fr); flex: none; width: 100%; min-height: 76px; gap: 10px; text-align: left; }
.coticart-rec-detail { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.coticart-rec strong { color: var(--cq-ink); font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
.coticart-rec em { color: var(--cq-accent); font-size: 14px; font-style: normal; font-weight: 700; }
.coticart-primary { text-transform: uppercase; }
.coticart .coticart-help textarea { height: 150px; min-height: 100px; }
.coticart .coticart-picker { box-sizing: border-box; min-width: 0; overflow-x: hidden; }
.coticart .coticart-picker-body { box-sizing: border-box; min-width: 0; overflow-x: hidden; }
.coticart .coticart-picker input[data-search] { box-sizing: border-box; width: 100%; max-width: 100%; }
.coticart .coticart-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; width: 100%; }
.coticart .coticart-catalog-item { box-sizing: border-box; min-width: 0; width: 100%; }
.coticart .coticart-catalog-item span { min-width: 0; overflow-wrap: anywhere; }
.coticart .coticart-picker.is-catalog { display: flex; flex-direction: column; height: min(90vh, 720px); overflow: hidden; }
.coticart .coticart-picker.is-catalog .coticart-picker-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.coticart .coticart-picker.is-catalog footer { display: none; }
.coticart-catalog-loading,.coticart-catalog-status { grid-column: 1 / -1; margin: 0; font-size: 14px; }
.coticart-catalog-skeleton { position: relative; display: flex; min-width: 0; min-height: 74px; align-items: center; gap: 10px; overflow: hidden; padding: 8px; border: 1px solid var(--cq-line); background: #f5f6f6; }
.coticart-catalog-skeleton-image,.coticart-catalog-skeleton-copy i { position: relative; display: block; flex: none; overflow: hidden; background: #e8eaeb; }
.coticart-catalog-skeleton-image { width: 48px; height: 48px; }
.coticart-catalog-skeleton-copy { display: grid; flex: 1; min-width: 0; gap: 7px; }
.coticart-catalog-skeleton-copy i { width: 100%; height: 10px; }
.coticart-catalog-skeleton-copy i.is-short { width: 62%; }
.coticart-catalog-skeleton-image::after,.coticart-catalog-skeleton-copy i::after,.coticart-picker-loading-image::after,.coticart-picker-loading-copy i::after,.coticart-picker-loading-fields>span::after,.coticart-picker-loading-sku::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #fff9, transparent); content: ''; animation: coticart-shimmer 1.3s ease-in-out infinite; }
.coticart-picker-loading { min-width: 0; }
.coticart-picker-loading-label { display: block; margin-bottom: 14px; font-size: 14px; }
.coticart-picker-loading-product { display: flex; min-width: 0; align-items: center; gap: 16px; margin-bottom: 20px; }
.coticart-picker-loading-image { position: relative; display: block; flex: none; width: 100px; height: 100px; overflow: hidden; border: 1px solid var(--cq-line); background: #f1f2f2; }
.coticart-picker-loading-copy { display: grid; flex: 1; gap: 10px; }
.coticart-picker-loading-copy i,.coticart-picker-loading-fields>span,.coticart-picker-loading-sku { position: relative; display: block; overflow: hidden; background: #eceeef; }
.coticart-picker-loading-copy i { width: min(360px, 90%); height: 14px; }
.coticart-picker-loading-copy i+ i { width: min(220px, 65%); height: 10px; }
.coticart-picker-loading-fields { display: grid; grid-template-columns: minmax(0,1fr) 120px; align-items: end; gap: 16px; }
.coticart-picker-loading-fields>span { height: 45px; }
.coticart-picker-loading-sku { width: 150px; height: 14px; margin-top: 12px; }
@media (max-width: 560px) { .coticart .coticart-picker.is-catalog { height: min(92dvh, 720px); max-height: 92dvh; } .coticart .coticart-catalog { grid-template-columns: minmax(0,1fr); } .coticart-picker-loading-image { width: 78px; height: 78px; } .coticart-picker-loading-fields { grid-template-columns: minmax(0,1fr) 95px; gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .coticart-catalog-skeleton-image::after,.coticart-catalog-skeleton-copy i::after,.coticart-picker-loading-image::after,.coticart-picker-loading-copy i::after,.coticart-picker-loading-fields>span::after,.coticart-picker-loading-sku::after { animation: none; } }
.coticart .coticart-close { width: 40px; height: 40px; min-height: 40px; border: 1px solid #f09a9a !important; border-radius: 50% !important; background: #fff !important; color: var(--cq-ink); text-transform: none; }
.coticart .coticart-rec { min-height: 76px; border: 1px solid var(--cq-line) !important; background: #fff !important; text-transform: none; }
.coticart .coticart-rec:hover { border-color: var(--cq-accent) !important; }
.coticart .coticart-quantity button { min-height: 33px; border: 0 !important; background: #fff !important; text-transform: none; }
.coticart .coticart-text-action { text-transform: none; }
.coticart .coticart-actions button { border: 1px solid #d6dade !important; background: #fff !important; text-transform: none; }
.coticart .coticart-actions .coticart-add-measure { border-color: #edcaca !important; }
.coticart .coticart-remove { width: 24px; min-width: 0; min-height: 30px; padding: 0 !important; border: 0 !important; background: transparent !important; }
.coticart-picker-product { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.coticart-picker-product img { width: 100px; height: 100px; border: 1px solid var(--cq-line); object-fit: contain; }
.coticart-picker-product h3 { margin: 0 0 6px; font-size: 18px; }
.coticart-picker-product a { color: var(--cq-muted); font-size: 12px; text-decoration: underline; }
.coticart-picker-fields { display: grid; grid-template-columns: minmax(0,1fr) 120px; align-items: end; gap: 16px; }
.coticart-picker-fields label { min-width: 0; margin: 0; }
.coticart-picker-fields :is(select,input) { width: 100%; margin: 7px 0 0; text-align: left; }
.coticart-picker-sku { min-height: 20px; margin: 12px 0 0; color: var(--cq-muted); font-size: 12px; }
.coticart-picker footer { padding: 15px 24px; }
.coticart-picker header button { display: grid; place-items: center; width: 40px; height: 40px; min-height: 40px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f3f4f5 !important; text-transform: none; }
@media(max-width:820px) { .coticart-layout { grid-template-columns: 1fr; gap: 20px; } }
@media(max-width:560px) {
  .coticart-steps { gap: 14px; }
  .coticart-steps span { gap: 6px; font-size: 11px; }
  .coticart-item { grid-template-columns: 58px minmax(0,1fr) 20px; }
  .coticart-thumb { width: 58px; height: 58px; }
  .coticart-picker-fields { grid-template-columns: minmax(0,1fr) 95px; gap: 10px; }
  .coticart-picker-product img { width: 78px; height: 78px; }
}

.coticart-counter[hidden] { display: none !important; }
.coticart-captcha { margin-top: 20px; }
.coticart-captcha .captcha-image { display: block; }
.coticart-counter { box-sizing: border-box; display: inline-flex !important; align-items: center; flex: 0 0 auto; gap: 8px; min-height: 42px; padding: 0 12px !important; border: 1px solid #d8dde1; background: #fff; color: #111 !important; font: 700 14px/1 var(--wd-text-font, inherit); text-decoration: none !important; text-transform: none; white-space: nowrap; opacity: 0; transform: translateX(18px); pointer-events: none; transition: opacity .25s ease, transform .25s ease; }
.coticart-counter__icon { display: inline-flex; flex: none; color: #25d366; }
.coticart-counter__label { white-space: nowrap; }
.coticart-counter.is-visible { opacity: 1; transform: translateX(0); pointer-events: auto; }
.coticart-counter b { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 50%; background: var(--wd-primary-color,#c92424); color: #fff; font-size: 12px; }
.coticart-product-error { display: block; margin: 0 0 12px; color: #b42323; font-size: 13px; }
.coticart-product-error:empty { display: none; }
.coticart-contact-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 14px 22px; }
.coticart-contact-layout .coticart-fields { display: contents; }
.coticart-contact-layout .coticart-fields > label:nth-child(1) { grid-column: 1; grid-row: 1; }
.coticart-contact-layout .coticart-fields > label:nth-child(2) { grid-column: 2; grid-row: 1; }
.coticart-contact-layout .coticart-fields > label:nth-child(3) { grid-column: 1; grid-row: 2; }
.coticart-contact-layout .coticart-fields > label:nth-child(4) { grid-column: 2; grid-row: 2; }
.coticart-contact-layout .coticart-fields > label:nth-child(5) { grid-column: 1; grid-row: 3; }
.coticart-contact-layout .coticart-captcha { grid-column: 2; grid-row: 3; align-self: center; min-width: 0; margin: 0; display: flex; justify-content: center; }
.coticart-contact-layout .captcha-image { width: 100%; max-width: 100%; margin-left: auto; padding: 0; border: 0 !important; text-align: right; }
.coticart-contact-layout .cf7ic_instructions { margin-bottom: 8px; font-size: 14px; line-height: 1.45; }
.coticart-contact-layout .cf7ic_instructions { text-align: center; }
.coticart-contact-layout .cf7ic-wpf .captcha-image .cf7ic-icon-wrapper { display: block !important; text-align: center !important; }
.coticart-contact-layout .cf7ic-icon-wrapper label { margin: 0 0 0 4px !important; font-size: 14px !important; }
.coticart-contact-layout .cf7ic-wpf .captcha-image .cf7ic-icon-wrapper label i.fa { font-size: 20px !important; line-height: 1; }
.coticart-summary-total { margin-bottom: 12px !important; color: var(--cq-muted); font-size: 14px; }
.coticart-summary-lines { display: grid; gap: 7px; }
.coticart-summary-line { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--cq-line); background: #fff; }
.coticart-summary-product { display: grid; flex: 1; min-width: 0; gap: 3px; }
.coticart-summary-product strong { color: var(--cq-ink); font-size: 14px; overflow-wrap: anywhere; }
.coticart-summary-product .coticart-summary-meta { color: var(--cq-muted); font-size: 14px; overflow-wrap: anywhere; }
.coticart-summary-line .coticart-thumb { flex: none; width: 56px; height: 56px; }
.coticart-item-meta { display: block; font-style: italic; }
.coticart-summary-qty { flex: none; min-width: 86px; padding: 6px 10px; background: var(--cq-accent); color: #fff; font-size: 14px; font-weight: 700; text-align: center; }
.coticart-summary button[data-edit] { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; padding: 9px 14px; border-color: #25d366; background: #f3fff7; color: #25d366; font-size: 14px; font-weight: 700; }
.coticart-summary button[data-edit]:hover { border-color: #25d366; background: #e8fff0; color: #25d366; }
.coticart-summary button[data-edit] .fa { font-size: 14px; }
@media(max-width:720px) { .coticart-contact-layout { grid-template-columns: minmax(0,1fr); gap: 14px; } .coticart-contact-layout .coticart-fields > label:nth-child(n) { grid-column: 1; grid-row: auto; } .coticart-contact-layout .coticart-captcha { grid-column: 1; grid-row: auto; justify-self: stretch; width: 100%; justify-content: center; } .coticart-contact-layout .captcha-image { margin-left: 0; text-align: center; } .coticart-contact-layout .cf7ic-icon-wrapper { text-align: center !important; } }

/* Keep every readable label and helper in the request panel at 14px or larger. */
.coticart .coticart-head small,
.coticart .coticart-section-head span,
.coticart .coticart-item-meta,
.coticart .coticart-qty,
.coticart .coticart-invalid,
.coticart .coticart-help p,
.coticart .coticart-recs p,
.coticart .coticart-help label,
.coticart .coticart-fields label,
.coticart .coticart-picker label,
.coticart .coticart-file-note,
.coticart .coticart-file-note small,
.coticart .coticart-rec,
.coticart .coticart-footer p,
.coticart .coticart-summary p,
.coticart .coticart-stage-note,
.coticart .coticart-catalog-item,
.coticart .coticart-count,
.coticart .coticart-steps span { font-size: 14px; }
.coticart-rec-skeleton { display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: center; gap: 10px; width: 100%; min-height: 76px; padding: 8px; border: 1px solid var(--cq-line); background: #fff; }
.coticart-rec-skeleton-image,
.coticart-rec-skeleton-line { position: relative; overflow: hidden; border-radius: 2px; background: #eef0f1; }
.coticart-rec-skeleton-image { width: 50px; height: 50px; }
.coticart-rec-skeleton-detail { display: grid; gap: 9px; }
.coticart-rec-skeleton-line { width: 86%; height: 12px; }
.coticart-rec-skeleton-line.is-short { width: 58%; }
.coticart-rec-skeleton-image::after,
.coticart-rec-skeleton-line::after { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #fff9, transparent); content: ''; animation: coticart-shimmer 1.3s ease-in-out infinite; }
@keyframes coticart-shimmer { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .coticart-rec-skeleton-image::after, .coticart-rec-skeleton-line::after { animation: none; } }
@media (prefers-reduced-motion: reduce) { .coticart-counter { transition: none; } }
@media (max-width: 1024px) { .coticart-counter { gap: 6px; min-height: 38px; padding-right: 8px !important; padding-left: 8px !important; } }
@media (min-width: 769px) { .coticart-counter--mobile { display: none !important; } }
@media (max-width: 768px) { .coticart-counter--desktop { display: none !important; } .coticart-counter--mobile { position: relative; width: 40px; height: 44px; min-height: 44px; justify-content: center; padding: 0 !important; border: 0; background: transparent; } .coticart-counter--mobile .coticart-counter__icon svg { width: 32px; height: 32px; } .coticart-counter--mobile .coticart-counter__label { display: none; } .coticart-counter--mobile b { position: absolute; top: 2px; right: 1px; z-index: 1; min-width: 20px; height: 20px; padding: 0 3px; border: 2px solid #fff; font-size: 10px; } }
.cf7ic-wpf .captcha-image .cf7ic-icon-wrapper {
  text-align: center !important;
}
.coticart .coticart-primary { background: #76a530 !important; border-color: #76a530 !important; }
@media (max-width: 768px) {
  .coticart-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 0; width: max-content; margin-left: auto; }
  .coticart-header-actions > a { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 44px; padding: 0 !important; }
  .coticart-header-actions img { display: block; width: 26px; height: 26px; object-fit: contain; }
  .coticart-header-actions a[href^="mailto:"] img { width: 29px; }
}