/* CP Loja | Tema grafite, cinza e vermelho. Apenas visual. */
:root{background:#11151e!important;color:#f8fafc}
html{background:#11151e}
body{background:radial-gradient(ellipse at 96% 22%,rgba(210,0,25,.22),transparent 28%),linear-gradient(145deg,#181c27 0%,#10141c 55%,#222631 100%)!important;color:#f7f8fa;min-height:100vh}
header{background:linear-gradient(115deg,#0b0d13 0%,#222633 55%,#101219 100%)!important;border-bottom:2px solid #b80718;box-shadow:0 4px 18px #0005}
header strong{letter-spacing:.06em}
.searchbox{background:#11151e!important;border-bottom:1px solid #ffffff18}
.searchbox input{box-shadow:0 3px 12px #0003}
.searchbox button,.product button,.checkout button{background:linear-gradient(135deg,#ff1527,#c90017)!important;box-shadow:0 4px 10px #a0001730}
.section-title{color:#f8fafc;text-shadow:0 2px 7px #0008;letter-spacing:-.02em}
.section-title::first-letter{color:#ff2537}
.categories button{background:linear-gradient(145deg,#353945,#171b26)!important;color:#fff!important;border:1px solid #6b728055!important;box-shadow:0 6px 14px #0003;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease}
.categories button::after{content:"";position:absolute;bottom:0;right:0;width:55%;height:4px;background:linear-gradient(90deg,transparent,#ed1024)}
.categories button:hover{transform:translateY(-2px);border-color:#f51b30!important}
.categories button.selected{border:2px solid #ff2439!important;box-shadow:0 0 0 2px #ff243922}
.panel{background:#f5f6f8!important;color:#141821;box-shadow:0 12px 28px #0004;border:1px solid #ffffff3d}
.product{background:#fff!important;border-color:#e4e6eb!important;box-shadow:0 5px 12px #10131b16;transition:transform .15s ease,box-shadow .15s ease}
.product:hover{transform:translateY(-2px);box-shadow:0 9px 20px #10131b2a}
.product h3{color:#151922}
.price{color:#e6001d!important}
#count{color:#626a77!important}
.bottom{background:#090c12!important;border-top:2px solid #d5001d;box-shadow:0 -5px 20px #0006}
.bottom button:hover,.bottom button:focus-visible{color:#ff3348}
#pagination button.active{background:#df001c!important;border-color:#df001c!important}
.drawer-inner,.drawer-inner button{background:#f7f8fa}
@media(min-width:800px){body{background:radial-gradient(ellipse at 94% 19%,rgba(210,0,25,.22),transparent 29%),linear-gradient(145deg,#181c27,#10141c 60%,#222631)!important}}
@media(prefers-reduced-motion:reduce){.categories button,.product{transition:none}}