.ccd-root{--ccd-primary:#081426;--ccd-button:#f5b800;--ccd-progress:#f5b800;--ccd-width:420px;--ccd-duration:300ms;font-family:inherit;color:var(--ccd-primary)}
.ccd-root *,.ccd-root *::before,.ccd-root *::after{box-sizing:border-box}
.ccd-root [hidden]{display:none!important}
.ccd-trigger{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 9px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.ccd-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ccd-trigger__label{font-size:15px}
.ccd-count{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--ccd-button);color:var(--ccd-primary);font-size:10px;font-weight:800;line-height:1}
.ccd-layer{position:fixed;inset:0;z-index:999999;pointer-events:none}
.ccd-layer.is-mounted{display:block!important}
.ccd-layer.is-open{pointer-events:auto}
.ccd-overlay{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(8,20,38,.38);opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity var(--ccd-duration) ease,backdrop-filter var(--ccd-duration) ease;cursor:default}
.ccd-drawer{position:absolute;top:0;right:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,var(--ccd-width));height:100%;height:100dvh;background:#fff;box-shadow:-24px 0 70px rgba(8,20,38,.14);transform:translate3d(100%,0,0);opacity:.92;transition:transform var(--ccd-duration) ease,opacity var(--ccd-duration) ease;will-change:transform,opacity;outline:0}
.ccd-layer.is-open .ccd-overlay{opacity:0.2;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ccd-layer.is-open .ccd-drawer{transform:translate3d(0,0,0);opacity:1}
.ccd-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px 19px;border-bottom:1px solid #e7e9ee}
.ccd-header h2{margin:0;color:var(--ccd-primary);font-size:25px;line-height:1.15;letter-spacing:-.025em}
.ccd-header p{margin:7px 0 0;color:#667085;font-size:13px}
.ccd-icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;margin:-7px -7px 0 0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ccd-primary);cursor:pointer;transition:background .18s ease}
.ccd-icon-button:hover{background:#f6f7f9}
.ccd-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.ccd-scroll{min-height:0;padding:0 24px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dce2 transparent}
.ccd-notice{margin:16px 0 0;padding:11px 13px;border-radius:10px;background:#fff6d8;color:#735600;font-size:13px}
.ccd-items{display:grid}
.ccd-item{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;padding:20px 0;border-bottom:1px solid #e9ecf0}
.ccd-item__image{display:block;width:82px;height:92px;overflow:hidden;border:1px solid #eceef2;border-radius:10px;background:#f7f8fa}
.ccd-item__image img{width:100%;height:100%;object-fit:contain}
.ccd-item__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.ccd-item__name{display:-webkit-box;overflow:hidden;color:var(--ccd-primary);font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ccd-item__price{margin-top:7px;color:#344054;font-size:13px}
.ccd-item__controls{display:flex;align-items:center;margin-top:auto;border:1px solid #d9dee5;border-radius:7px;background:#fff}
.ccd-qty-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:var(--ccd-primary);font-size:18px;cursor:pointer}
.ccd-qty-button:disabled{cursor:wait;opacity:.45}
.ccd-quantity{min-width:28px;text-align:center;font-size:13px;font-weight:700}
.ccd-remove{align-self:start;width:34px;height:34px;padding:8px;border:0;border-radius:9px;background:transparent;color:#667085;cursor:pointer}
.ccd-remove:hover{background:#f7f8fa;color:#b42318}
.ccd-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ccd-empty{padding:60px 20px 48px;text-align:center}
.ccd-empty__icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#f6f7f9}
.ccd-empty__icon svg{width:25px;height:25px;fill:none;stroke:var(--ccd-primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ccd-empty h3{margin:0;color:var(--ccd-primary);font-size:19px}
.ccd-empty p{margin:8px 0 0;color:#667085;font-size:14px}
.ccd-shipping{margin:22px 0;padding:17px;border-radius:16px;background:#fffaf0}
.ccd-shipping p{margin:0 0 12px;color:#344054;font-size:13px;line-height:1.45}
.ccd-shipping p strong{color:var(--ccd-primary)}
.ccd-progress{height:5px;overflow:hidden;border-radius:99px;background:#e7e9ec}
.ccd-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--ccd-progress);transition:width var(--ccd-duration) ease}
.ccd-benefits{display:grid;gap:2px;padding:12px 0 20px}
.ccd-benefits article{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:10px 0}
.ccd-benefit-icon{width:25px;height:25px;fill:none;stroke:var(--ccd-primary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ccd-benefits strong,.ccd-benefits span{display:block}
.ccd-benefits strong{color:var(--ccd-primary);font-size:13px}
.ccd-benefits span{margin-top:3px;color:#7a8492;font-size:11px}
.ccd-related{padding:21px 0 5px;border-top:1px solid #edf0f3}
.ccd-related h3{margin:0 0 16px;color:var(--ccd-primary);font-size:15px}
.ccd-related>div{display:grid;gap:12px}
.ccd-related-card{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:13px;align-items:center}
.ccd-related-card__image{width:66px;height:74px;overflow:hidden;border-radius:12px;background:#f7f8fa}
.ccd-related-card__image img{width:100%;height:100%;object-fit:contain}
.ccd-related-card__body{min-width:0}
.ccd-related-card__body a{display:-webkit-box;overflow:hidden;color:var(--ccd-primary);font-size:12px;font-weight:700;line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ccd-related-card__price{margin-top:5px;color:#344054;font-size:12px}
.ccd-related-add{min-height:35px;padding:0 11px;border:1px solid #dce1e7;border-radius:9px;background:#fff;color:var(--ccd-primary);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ccd-related-add:hover{border-color:var(--ccd-primary)}
.ccd-related-add:disabled{cursor:wait;opacity:.55}
.ccd-footer{position:relative;padding:18px 24px max(22px,env(safe-area-inset-bottom));border-top:1px solid #e4e8ed;background:#fff;box-shadow:0 -10px 28px rgba(8,20,38,.045)}
.ccd-subtotal{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.ccd-subtotal span{color:var(--ccd-primary);font-size:14px;font-weight:650}
.ccd-subtotal small{display:block;margin-top:3px;color:#8a93a0;font-size:10px;font-weight:400}
.ccd-subtotal strong{color:var(--ccd-primary);font-size:19px}
.ccd-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}
.ccd-view-cart,.ccd-checkout{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:8px;font-size:13px;font-weight:800;text-align:center;text-decoration:none!important;transition:filter .18s ease,transform .18s ease}
.ccd-view-cart{border:1px solid var(--ccd-primary);background:#fff;color:var(--ccd-primary)!important}
.ccd-checkout{background:var(--ccd-button);color:var(--ccd-primary)!important}
.ccd-checkout:hover{filter:brightness(.97);transform:translateY(-1px)}
.ccd-view-cart:hover{background:#f5f7f9}
.ccd-checkout.is-disabled,.ccd-view-cart.is-disabled{pointer-events:none;filter:grayscale(.2);opacity:.5}
.ccd-secure{margin:12px 0 0;color:#7a8492;font-size:11px;text-align:center}
.ccd-continue{margin-top:22px;padding:11px 18px;border:1px solid var(--ccd-primary);border-radius:8px;background:#fff;color:var(--ccd-primary);font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.ccd-root.is-busy .ccd-drawer{cursor:progress}
.ccd-root :focus-visible{outline:3px solid rgba(245,184,0,.32);outline-offset:2px}
body.ccd-lock{overflow:hidden}
@media(max-width:600px){.ccd-trigger__label{display:none}.ccd-drawer{width:100%}.ccd-header{padding:21px 20px 17px}.ccd-scroll{padding-right:20px;padding-left:20px}.ccd-footer{padding-right:20px;padding-left:20px}.ccd-item{grid-template-columns:72px minmax(0,1fr) auto;gap:12px}.ccd-item__image{width:72px;height:82px}.ccd-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ccd-overlay,.ccd-drawer,.ccd-progress span{transition-duration:1ms!important}}


.at-cart-icon-img {
    display: block;
    width: 23px;
    height: 23px;
    object-fit: contain;
}


/* Sustituir SOLO el icono del carrito del drawer */

.at-codelia-cart .ccd-trigger svg {
    display: none;
}

.at-codelia-cart .ccd-trigger::before {
    content: "";
    display: block;

    width: 23px;
    height: 23px;

    background-image: url("https://autoretoques.com/wp-content/uploads/2026/08/carrito-autoretoques-1.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}