/* =========================================================
   Dicrear · Explorar: filtros de búsqueda, tiendas de diseñadores,
   packs, ofertas relámpago y cupones (estilo Creative Fabrica)
   Usa los colores de dicrear-tienda.css (--kr-*)
   ========================================================= */

/* ---------- Barra de filtros ---------- */
.fp-bar{display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;flex-wrap:wrap}
.fp-scroll{display:flex;gap:.5rem;flex:1 1 auto;min-width:0;flex-wrap:wrap}
.fp-q{display:flex;align-items:center;gap:.45rem;border:1px solid var(--kr-border);border-radius:30px;padding:0 .9rem;height:40px;background:#fff;flex:0 1 300px;min-width:200px;margin:0}
.fp-q i{color:#7e8387;font-size:1.15rem}
.fp-q input{border:0;outline:0;flex:1;min-width:0;font-size:.9rem;background:transparent}
.fp-q:focus-within{border-color:var(--kr-blue);box-shadow:0 0 0 3px rgba(11,127,171,.12)}
.fp-sel,.fp-orden,.fp-tog{position:relative;display:inline-flex;align-items:center;gap:.35rem;height:40px;padding:0 .85rem 0 1rem;border:1px solid var(--kr-border);border-radius:30px;background:#fff;margin:0;cursor:pointer;font-size:.86rem;font-weight:600;white-space:nowrap;color:var(--kr-dark);transition:border-color .15s,background .15s;flex:0 0 auto}
.fp-sel select,.fp-orden select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0}
.fp-sel>i,.fp-orden>i{color:#7e8387;font-size:1.05rem;pointer-events:none}
.fp-sel:hover,.fp-orden:hover,.fp-tog:hover{border-color:#b9c0c7}
.fp-sel:focus-within,.fp-orden:focus-within{box-shadow:0 0 0 3px rgba(11,127,171,.15)}
.fp-sel.on,.fp-tog.on{border-color:var(--kr-blue);background:#e8f6fb;color:var(--kr-blue)}
.fp-orden{margin-left:auto;font-weight:500}
.fp-orden::before{content:"Ordenar:";color:#7e8387;font-weight:500}
.fp-tog{padding:0 1rem;gap:.35rem;font-weight:600;user-select:none}
.fp-tog input{position:absolute;opacity:0;pointer-events:none}
.fp-tog i{color:#f59f00;font-size:1.05rem}
.fp-tog.on{color:var(--kr-blue)}
.fp-aplicar{height:40px;border-radius:30px;border:0;background:var(--kr-blue);color:#fff;padding:0 1.2rem;font-weight:600}
.fp-info{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:0 0 1.1rem;font-size:.86rem;color:#5f666d;min-height:30px}
.fp-total{margin-right:.4rem}
.fp-total b{color:var(--kr-dark)}
.fp-chip{display:inline-flex;align-items:center;gap:.2rem;background:#eef1f4;color:var(--kr-dark)!important;border-radius:30px;padding:.25rem .45rem .25rem .8rem;font-weight:500;text-decoration:none}
.fp-chip i{font-size:1rem;border-radius:50%;background:#fff;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.fp-chip:hover{background:#dde2e7}
.fp-limpiar{color:var(--kr-blue)!important;font-weight:600;margin-left:.2rem}
@media(max-width:767px){
  .fp-bar{gap:.5rem}
  .fp-q{flex:1 1 100%;min-width:0}
  .fp-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 100%;order:2;min-width:0;max-width:100%}
  .fp-scroll::-webkit-scrollbar{display:none}
  .fp-orden{order:1;margin-left:0}
  .fp-q{order:0}
}

/* ---------- Tarjetas: oferta relámpago ---------- */
.p-card .p-off.flash{background:linear-gradient(90deg,#ff6b00,#f03e3e);display:inline-flex;align-items:center;gap:.1rem}
.p-card .p-off.flash i{font-size:.85em}
.p-price b.flash{color:#e03131}

/* ---------- Tienda: portada ---------- */
.tn-hero{position:relative;margin:-1.5rem 0 0}
.tn-banner{height:230px;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;background:#1f2a37;position:relative}
.tn-banner img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}
.tn-banner.pocos{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
.tn-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,32,.05) 0%,rgba(15,23,32,.55) 100%)}
.tn-banner-vacio{grid-column:1/-1;background:linear-gradient(120deg,var(--kr-blue),var(--kr-info))}
.tn-card{position:relative;margin-top:-64px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(17,24,39,.10);padding:1.3rem 1.5rem;display:flex;gap:1.4rem;align-items:center;z-index:2}
.tn-logo{flex:0 0 120px;width:120px;height:120px;border-radius:50%;background:#fff;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);overflow:hidden;margin-top:-58px;align-self:flex-start}
.tn-logo img{width:100%;height:100%;object-fit:cover}
.tn-info{flex:1;min-width:0}
.tn-info h1{font-size:1.55rem;font-weight:700;margin:0 0 .25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.tn-info h1 .bxs-badge-check{color:var(--kr-blue);font-size:1.25rem}
.tn-nivel{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.22rem .6rem;border-radius:20px;display:inline-flex;align-items:center;gap:.25rem;background:#eef1f4;color:#5f666d}
.tn-nivel.n-bronce{background:#f6e7db;color:#9a5b2b}
.tn-nivel.n-plata{background:#eceff3;color:#5d6875}
.tn-nivel.n-oro{background:#fff3c4;color:#8a6200}
.tn-nivel.n-diamante{background:#dff4ff;color:#0b6f9c}
.tn-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0 0 .7rem;color:#6b7280;font-size:.86rem}
.tn-meta i{color:#9aa1a8}
.tn-nums{list-style:none;display:flex;gap:1.8rem;margin:0;padding:0;flex-wrap:wrap}
.tn-nums li{display:flex;flex-direction:column;line-height:1.15}
.tn-nums b{font-size:1.15rem;font-weight:700;color:var(--kr-dark)}
.tn-nums b i{color:#f59f00;font-size:.95rem}
.tn-nums span{font-size:.78rem;color:#7e8387}
.tn-acciones{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;align-self:center;max-width:480px}
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:42px;padding:0 1.15rem;border-radius:30px;border:1px solid var(--kr-border);background:#fff;color:var(--kr-dark)!important;font-weight:600;font-size:.88rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .15s}
.tn-btn:hover{border-color:#b9c0c7;background:#f8f9fa}
.tn-btn.prim{background:var(--kr-blue);border-color:var(--kr-blue);color:#fff!important}
.tn-btn.prim:hover{background:#096b91}
.tn-btn.ico{width:42px;padding:0;font-size:1.2rem}
.tn-seguir.sigo{background:#fff;color:var(--kr-blue)!important;border-color:var(--kr-blue)}
.tn-cuerpo{padding-top:1.4rem}
@media(max-width:991px){
  .tn-card{flex-wrap:wrap;gap:1rem}
  .tn-acciones{max-width:none;justify-content:flex-start;width:100%}
}
@media(max-width:575px){
  .tn-hero{margin-top:-1rem}
  .tn-banner{height:150px;grid-template-columns:repeat(4,1fr)}
  .tn-banner img:nth-child(n+5){display:none}
  .tn-card{margin-top:-40px;padding:1rem;border-radius:12px;text-align:center;justify-content:center}
  .tn-logo{flex-basis:92px;width:92px;height:92px;margin:-56px auto 0;align-self:center}
  .tn-info{flex-basis:100%}
  .tn-info h1{justify-content:center;font-size:1.3rem}
  .tn-meta,.tn-nums{justify-content:center}
  .tn-nums{gap:1.1rem}
  .tn-acciones{justify-content:center}
  .tn-acciones .tn-btn:not(.ico){flex:1 1 40%}
}

/* Franja de oferta relámpago */
.tn-flash,.det-flash{display:flex;align-items:center;gap:1rem;background:linear-gradient(90deg,#fff4e6,#ffe8e8);border:1px solid #ffd8a8;border-radius:12px;padding:.85rem 1.1rem;margin:0 0 1.2rem}
.tn-flash>i,.det-flash>i{font-size:1.8rem;color:#f76707;flex:0 0 auto}
.tn-flash>div:first-of-type{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.tn-flash b{font-size:1rem}
.tn-flash span{font-size:.86rem;color:#5f666d}
.dc-cuenta{display:inline-flex;align-items:baseline;gap:.15rem;font-variant-numeric:tabular-nums}
.dc-cuenta span{background:#1f2a37;color:#fff;font-weight:700;border-radius:6px;padding:.25rem .4rem;min-width:2.1em;text-align:center;font-size:.98rem}
.dc-cuenta small{font-size:.72rem;color:#5f666d;margin-right:.2rem}
.dc-cuenta.sin-dias .d,.dc-cuenta.sin-dias .d+small{display:none}
.terminada{opacity:.55}
@media(max-width:575px){
  .tn-flash{flex-wrap:wrap;gap:.6rem}
  .tn-flash>div:first-of-type{flex:1 1 calc(100% - 3rem)}
  .tn-flash .dc-cuenta{width:100%;justify-content:center}
  .tn-flash .tn-btn{width:100%}
}
.det-flash{flex-wrap:wrap}
.det-flash .df-t{flex:1 1 140px}
.det-flash .dc-cuenta{margin-left:auto}

/* Pestañas de la tienda */
.tn-tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--kr-border);margin:0 0 1.2rem;overflow-x:auto;scrollbar-width:none}
.tn-tabs::-webkit-scrollbar{display:none}
.tn-tabs a{position:relative;padding:.75rem 1rem;font-weight:600;color:#5f666d!important;text-decoration:none;white-space:nowrap;font-size:.95rem}
.tn-tabs a small{font-weight:500;color:#9aa1a8;margin-left:.15rem}
.tn-tabs a:hover{color:var(--kr-dark)!important}
.tn-tabs a.on{color:var(--kr-blue)!important}
.tn-tabs a.on::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--kr-blue)}

/* Colecciones */
.tn-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.tn-col{display:block;border:1px solid var(--kr-border);border-radius:12px;overflow:hidden;color:var(--kr-dark)!important;text-decoration:none;background:#fff;transition:box-shadow .2s,transform .2s}
.tn-col:hover{box-shadow:0 10px 24px rgba(17,24,39,.10);transform:translateY(-2px)}
.tn-col-img{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:3/2;background:#eef1f4}
.tn-col-img img{width:100%;height:100%;object-fit:cover;display:block}
.tn-col-img img:first-child{grid-row:1/3}
.tn-col-img.n1{grid-template-columns:1fr}
.tn-col-img.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.tn-col-img.n2 img:first-child{grid-row:auto}
.tn-col-txt{padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.tn-col-txt b{font-size:1rem}
.tn-col-txt span{font-size:.82rem;color:#7e8387;white-space:nowrap}

/* Reseñas de la tienda */
.tn-res{display:grid;grid-template-columns:260px 1fr;gap:1.6rem;align-items:start}
.tn-res-resumen{border:1px solid var(--kr-border);border-radius:12px;padding:1.2rem;text-align:center;position:sticky;top:90px}
.tn-res-resumen .big{font-size:2.6rem;font-weight:700;line-height:1;display:block}
.tn-res-resumen .estrellas{color:#f59f00;font-size:1.2rem;margin:.3rem 0 .2rem}
.tn-res-resumen small{color:#7e8387;display:block;margin-bottom:.8rem}
.tn-res-resumen .barra{display:grid;grid-template-columns:38px 1fr 28px;gap:.5rem;align-items:center;font-size:.8rem;margin:.3rem 0;text-align:left}
.tn-res-resumen .barra span i{color:#f59f00}
.tn-res-resumen .barra>i,.tn-barra i{height:8px;border-radius:8px;background:#eef1f4;position:relative;overflow:hidden;display:block}
.tn-res-resumen .barra>i::after,.tn-barra i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#f59f00;border-radius:8px}
.tn-res-resumen .barra em{font-style:normal;color:#7e8387;text-align:right}
.tn-resena{display:grid;grid-template-columns:72px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--kr-border)}
.tn-resena .img img{width:72px;height:72px;border-radius:10px;object-fit:cover;display:block}
.tn-resena .cab{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tn-resena .cab .estrellas{color:#f59f00}
.tn-resena .cab time{margin-left:auto;font-size:.8rem;color:#9aa1a8}
.tn-resena .prod{font-size:.82rem;color:var(--kr-blue)!important;display:inline-block;margin:.15rem 0 .35rem}
.tn-resena p{margin:0;color:#3d454d}
.tn-pag{display:flex;gap:.35rem;justify-content:center;margin-top:1.2rem}
.tn-pag a{min-width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--kr-border);color:var(--kr-dark)!important;font-weight:600;text-decoration:none}
.tn-pag a.on{background:var(--kr-blue);border-color:var(--kr-blue);color:#fff!important}
@media(max-width:767px){.tn-res{grid-template-columns:1fr}.tn-res-resumen{position:static}.tn-resena{grid-template-columns:56px 1fr}.tn-resena .img img{width:56px;height:56px}}

/* Acerca de */
.tn-acerca{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.tn-box{border:1px solid var(--kr-border);border-radius:12px;padding:1.3rem 1.4rem}
.tn-box h3{font-size:1.05rem;font-weight:700;margin:0 0 1rem}
.tn-datos{list-style:none;margin:0;padding:0}
.tn-datos li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:.55rem 0;border-bottom:1px dashed var(--kr-border);font-size:.9rem}
.tn-datos li:last-child{border-bottom:0}
.tn-datos i{color:var(--kr-blue);font-size:1.15rem}
.tn-datos span{color:#6b7280}
.tn-nota{margin:1rem 0 0;font-size:.84rem;color:#5f666d;background:#f0f9f4;border-radius:8px;padding:.7rem .85rem}
.tn-nota i{color:var(--kr-success)}
.tn-barra{display:grid;grid-template-columns:130px 1fr 44px;gap:.6rem;align-items:center;padding:.4rem 0;color:var(--kr-dark)!important;text-decoration:none;font-size:.88rem}
.tn-barra i::after{background:var(--kr-blue)}
.tn-barra b{text-align:right;font-weight:600}
.tn-redes{display:flex;gap:.5rem;flex-wrap:wrap}
.tn-redes a{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--kr-border);border-radius:30px;padding:.35rem .9rem;color:var(--kr-dark)!important;text-decoration:none;font-size:.86rem}
@media(max-width:767px){.tn-acerca{grid-template-columns:1fr}.tn-barra{grid-template-columns:110px 1fr 40px}}

/* ---------- Packs ---------- */
.tn-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
.pk-card{border:1px solid var(--kr-border);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pk-img{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:3/2;background:#eef1f4}
.pk-img.n2{grid-template-rows:1fr}
.pk-img.n3 a:first-child{grid-row:1/3}
.pk-img a,.pk-img img{display:block;width:100%;height:100%;min-height:0}
.pk-img img{object-fit:cover}
.pk-ahorro{position:absolute;top:.6rem;left:.6rem;background:#e03131;color:#fff;font-weight:700;font-size:.75rem;border-radius:20px;padding:.2rem .6rem}
.pk-mas{position:absolute;right:.6rem;bottom:.6rem;background:rgba(17,24,39,.75);color:#fff;font-weight:700;font-size:.8rem;border-radius:20px;padding:.15rem .55rem}
.pk-txt{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}
.pk-txt small{color:#7e8387;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}
.pk-txt b{font-size:1.02rem;line-height:1.3}
.pk-txt p{font-size:.85rem;color:#5f666d;margin:0}
.pk-precio{margin:.3rem 0 .6rem}
.pk-precio strong{font-size:1.25rem;color:var(--kr-success)}
.pk-precio del{color:#9aa1a8;margin-left:.3rem}
.pk-btn{margin-top:auto;height:42px;border-radius:8px;border:0;background:var(--kr-success);color:#fff!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;cursor:pointer}
.pk-btn:hover{background:var(--kr-success-dark)}
.pk-btn.ir{background:var(--kr-blue)}
.pk-card.mini{flex-direction:row}
.pk-card.mini .pk-img{flex:0 0 42%;aspect-ratio:auto;min-height:150px}
@media(max-width:575px){.pk-card.mini{flex-direction:column}.pk-card.mini .pk-img{aspect-ratio:3/2;min-height:0}}

/* ---------- Detalle del producto ---------- */
.det-ficha{border:1px solid var(--kr-border);border-radius:12px;padding:.85rem 1rem;margin:0 0 1rem;display:flex;flex-direction:column;gap:.65rem;background:#fbfcfd}
.df-fila{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.df-lbl{font-size:.82rem;font-weight:600;color:#5f666d;display:inline-flex;align-items:center;gap:.3rem}
.df-fmts{display:flex;gap:.35rem;flex-wrap:wrap}
.df-fmt{font-size:.75rem;font-weight:700;letter-spacing:.04em;border-radius:6px;padding:.25rem .55rem;background:#eef1f4;color:#3d454d!important;text-decoration:none;border:1px solid transparent}
.df-fmt:hover{border-color:currentColor}
.df-fmt.f-svg{background:#fff0e6;color:#c2410c!important}
.df-fmt.f-png{background:#e8f6fb;color:#0b6f9c!important}
.df-fmt.f-pdf{background:#fdecec;color:#c92a2a!important}
.df-fmt.f-eps,.df-fmt.f-ai{background:#fff4db;color:#a16207!important}
.df-fmt.f-psd{background:#e7f0ff;color:#1d4ed8!important}
.df-fmt.f-dxf{background:#eefbf3;color:#15803d!important}
.df-datos{display:flex;gap:.4rem 1rem;flex-wrap:wrap;font-size:.84rem;color:#4b535b}
.df-datos span{display:inline-flex;align-items:center;gap:.3rem}
.df-datos i{color:#9aa1a8;font-size:1.05rem}
.df-datos .bxs-badge-check{color:var(--kr-success)}
.df-mem{font-weight:600;color:#7e8387}
.df-mem i{color:#7e8387!important}
.df-mem.anual,.df-mem.anual i{color:#b7791f!important}
.df-mem.gratis,.df-mem.gratis i{color:var(--kr-success)!important}
.det-flash{margin:0 0 .8rem;padding:.7rem .9rem;gap:.7rem}
.det-flash .df-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.det-flash .df-t b{font-size:.95rem}
.det-flash .df-t span{font-size:.8rem;color:#5f666d}
.det-flash .dc-cuenta span{font-size:.9rem;padding:.2rem .35rem}
.price.flash{color:#e03131!important}
.det-packs{margin:1rem 0}
.det-packs h3{font-size:1rem;font-weight:700;margin:0 0 .6rem;display:flex;align-items:center;gap:.35rem}
.det-packs h3 i{color:var(--kr-blue)}
.det-packs .pk-card+.pk-card{margin-top:.8rem}
.dc-autor .a-tienda{color:inherit!important;text-decoration:none}
.dc-autor .a-tienda:hover{color:var(--kr-blue)!important}
.dc-galeria{position:relative}
.dg-num{position:absolute;left:60px;top:20px;z-index:5;background:rgba(17,24,39,.72);color:#fff;border-radius:20px;padding:.2rem .65rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.3rem;pointer-events:none}
.dg-zoom{position:absolute;left:12px;top:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:1.25rem;color:var(--kr-dark);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dg-caja{position:fixed;inset:0;z-index:2000;background:rgba(10,14,20,.94);display:none;align-items:center;justify-content:center;padding:3rem 4.5rem}
.dg-caja.on{display:flex}
.dg-caja img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#fff}
.dg-caja button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dg-caja button:hover{background:rgba(255,255,255,.25)}
.dg-x{top:1rem;right:1rem}
.dg-ant{left:1rem;top:50%;transform:translateY(-50%)}
.dg-sig{right:1rem;top:50%;transform:translateY(-50%)}
.dg-cnt{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:#d1d5db;font-size:.9rem}
@media(max-width:575px){.dg-caja{padding:3.5rem .5rem}.dg-ant,.dg-sig{top:auto;bottom:.6rem;transform:none}}

/* ---------- Carrito: promociones y cupón ---------- */
.c-promo{display:inline-flex;align-items:center;gap:.2rem;font-style:normal;font-size:.7rem;font-weight:700;border-radius:20px;padding:.1rem .5rem;margin:.25rem .3rem 0 0;vertical-align:middle}
.c-promo.flash{background:#fff0e6;color:#d9480f}
.c-promo.pack{background:#e8f6fb;color:#0b6f9c}
.c-promo.cupon{background:#eefbf3;color:#15803d}
.car-linea.promo{color:#15803d;font-size:.8rem;padding-top:0;padding-left:2.1rem}
.car-linea.promo::before{content:'↳';position:absolute;margin-left:-1rem;color:#9aa1a8}
.car-linea.promo{position:relative}
.car-linea.promo i{margin-right:.2rem}
.car-cupon{margin:.5rem 1.3rem .4rem}
.car-cupon .cc-abrir{border:0;background:none;color:var(--kr-blue);font-weight:600;padding:0;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem}
.car-cupon .cc-form{display:flex;gap:.4rem}
.car-cupon .cc-form input{flex:1;min-width:0;height:40px;border:1px solid var(--kr-border);border-radius:8px;padding:0 .7rem;text-transform:uppercase;font-weight:600;letter-spacing:.04em}
.car-cupon .cc-form input:focus{outline:0;border-color:var(--kr-blue)}
.car-cupon .cc-form button{height:40px;border:0;border-radius:8px;background:var(--kr-dark);color:#fff;font-weight:600;padding:0 1rem}
.car-cupon .cc-msg{color:#c92a2a;font-size:.82rem;margin:.35rem 0 0}
.car-cupon .cc-msg:empty{display:none}
.car-cupon .cc-ok{display:flex;align-items:center;gap:.55rem;background:#eefbf3;border:1px dashed #69db7c;border-radius:8px;padding:.55rem .7rem}
.car-cupon .cc-ok>i{color:#2f9e44;font-size:1.4rem}
.car-cupon .cc-ok div{flex:1;line-height:1.2}
.car-cupon .cc-ok small{display:block;color:#5f666d;font-size:.78rem}
.car-cupon .cc-quitar{border:0;background:none;color:#c92a2a;font-weight:600;font-size:.82rem}