:root{
--saldao-o:#F26522;
--saldao-oh:#D9541A;
--saldao-ol:#FFF3EE;
--saldao-k:#111;
--saldao-g3:#333;
--saldao-g6:#666;
--saldao-g9:#999;
--saldao-gb:#F5F5F5;
--saldao-brd:#E8E8E8;
--saldao-w:#fff;
--saldao-green:#1A9952;
--saldao-r:8px;
--saldao-rm:12px;
}
.saldao-searchbox,
.searchbox.saldao-searchbox{
flex:1;
position:relative;
width:100%;
min-width:0;
font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color:var(--saldao-k);
box-sizing:border-box;
}
.saldao-searchbox *,
.saldao-searchbox *::before,
.saldao-searchbox *::after{box-sizing:border-box}
.saldao-searchbox__form,
.searchbox.saldao-searchbox .saldao-searchbox__form{
position:relative;
display:block;
width:100%;
margin:0;
padding:0;
}
.saldao-searchbox input.saldao-searchbox__input,
.searchbox.saldao-searchbox input.saldao-searchbox__input{
width:100% !important;
height:40px !important;
min-height:40px !important;
max-height:40px !important;
border:1.5px solid var(--saldao-brd) !important;
border-radius:var(--saldao-r) !important;
padding:0 44px 0 14px !important;
margin:0 !important;
font-size:14px !important;
font-weight:400 !important;
line-height:40px !important;
font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
background:var(--saldao-gb) !important;
color:var(--saldao-k) !important;
box-shadow:none !important;
outline:none !important;
appearance:none !important;
-webkit-appearance:none !important;
transition:border-color .15s, background .15s !important;
}
.saldao-searchbox input.saldao-searchbox__input::placeholder{color:var(--saldao-g9) !important;opacity:1 !important}
.saldao-searchbox input.saldao-searchbox__input:focus,
.saldao-searchbox.is-open input.saldao-searchbox__input{
outline:none !important;
border-color:var(--saldao-o) !important;
background:var(--saldao-w) !important;
}
.saldao-searchbox button.saldao-searchbox__button,
.searchbox.saldao-searchbox button.saldao-searchbox__button{
position:absolute !important;
right:0 !important;
top:0 !important;
width:42px !important;
height:40px !important;
min-width:42px !important;
min-height:40px !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 var(--saldao-r) var(--saldao-r) 0 !important;
background:var(--saldao-o) !important;
color:var(--saldao-w) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
cursor:pointer !important;
box-shadow:none !important;
line-height:1 !important;
transition:background .15s !important;
}
.saldao-searchbox button.saldao-searchbox__button:hover,
.saldao-searchbox button.saldao-searchbox__button:focus{background:var(--saldao-oh) !important;outline:none !important}
.saldao-searchbox button.saldao-searchbox__button svg{width:17px !important;height:17px !important;display:block !important;stroke:#fff !important;fill:none !important} .saldao-searchbox__results{
position:absolute;
z-index:999999;
left:0;
right:0;
top:calc(100% + 8px);
width:100%;
background:var(--saldao-w);
border:1px solid var(--saldao-brd);
border-radius:var(--saldao-rm);
box-shadow:0 12px 32px rgba(0,0,0,.10);
overflow:hidden;
padding:6px;
max-height:min(520px, 70vh);
overflow-y:auto;
}
.saldao-searchbox__results[hidden]{display:none !important}
.saldao-searchbox__status{padding:12px 12px;font-size:12.5px;font-weight:600;color:var(--saldao-g6)}
.saldao-searchbox__item{
display:grid;
grid-template-columns:56px 1fr auto;
align-items:center;
gap:10px;
padding:8px;
border-radius:var(--saldao-r);
color:inherit;
text-decoration:none !important;
transition:background .15s, transform .15s;
}
.saldao-searchbox__item:hover,
.saldao-searchbox__item:focus{background:var(--saldao-gb);outline:none;text-decoration:none !important}
.saldao-searchbox__thumb{
width:56px;
height:56px;
border-radius:var(--saldao-r);
background:var(--saldao-gb);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
color:var(--saldao-g9);
font-size:22px;
flex-shrink:0;
}
.saldao-searchbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.saldao-searchbox__cat{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--saldao-g9);margin-bottom:3px;line-height:1.2}
.saldao-searchbox__title{font-size:12.5px;font-weight:600;line-height:1.3;color:var(--saldao-k);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.saldao-searchbox__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}
.saldao-searchbox__price{font-size:15px;font-weight:900;color:var(--saldao-k);line-height:1}
.saldao-searchbox__price del{font-size:10.5px;color:var(--saldao-g9);font-weight:500;margin-right:4px}
.saldao-searchbox__price ins{text-decoration:none;color:var(--saldao-k)}
.saldao-searchbox__badge{background:var(--saldao-o);color:var(--saldao-w);font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:20px;line-height:1.25;white-space:nowrap}
.saldao-searchbox__stock{background:rgba(0,0,0,.72);color:rgba(255,255,255,.92);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:4px;white-space:nowrap}
.saldao-searchbox__arrow{font-size:18px;color:var(--saldao-o);font-weight:800;padding:0 5px}
.saldao-searchbox__footer{display:block;margin:6px 6px 4px;padding:9px 10px;background:var(--saldao-k);color:var(--saldao-w) !important;border-radius:var(--saldao-r);font-size:12px;font-weight:700;text-align:center;text-decoration:none !important;transition:background .15s}
.saldao-searchbox__footer:hover{background:var(--saldao-o);color:var(--saldao-w) !important;text-decoration:none !important} .saldao-searchbox--header{height:40px;display:block}
@media(max-width:600px){ .saldao-searchbox input.saldao-searchbox__input{font-size:16px !important}
.saldao-searchbox__results{top:calc(100% + 7px);border-radius:12px;max-height:72vh}
.saldao-searchbox__item{grid-template-columns:48px 1fr;gap:9px;padding:8px}
.saldao-searchbox__thumb{width:48px;height:48px}
.saldao-searchbox__arrow{display:none}
}.csd-hero-side,
.csd-hero-side * {
box-sizing: border-box;
}
.csd-hero-side {
--csd-o: #F26522;
--csd-w: #fff;
--csd-rm: 12px;
width: 100%;
background: #1A1A1A;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
font-family: "Inter", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.csd-hero-cards {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.csd-card {
display: grid;
grid-template-columns: 64px 1fr;
gap: 12px;
align-items: center;
width: 100%;
min-width: 0;
padding: 14px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.09);
border-radius: var(--csd-rm);
color: inherit !important;
text-decoration: none !important;
overflow: hidden;
box-shadow: none !important;
transition: border-color .2s ease, background .2s ease;
}
.csd-card:hover {
border-color: rgba(242,101,34,.35);
background: rgba(255,255,255,.06);
color: inherit !important;
text-decoration: none !important;
}
.csd-card-big {
grid-template-columns: 64px 1fr;
}
.csd-img-wrap {
width: 64px;
height: 64px;
border-radius: 10px;
background: rgba(255,255,255,.06);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.csd-img-lg {
width: 64px;
height: 64px;
}
.csd-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.csd-info {
min-width: 0;
}
.csd-cat {
margin: 0 0 3px !important;
color: var(--csd-o) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 9.5px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: .8px !important;
text-transform: uppercase !important;
}
.csd-name {
margin: 0 0 7px !important;
color: var(--csd-w) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.csd-pr {
display: flex;
align-items: baseline;
gap: 6px;
flex-wrap: wrap;
margin: 0 !important;
line-height: 1 !important;
}
.csd-old,
.csd-old .woocommerce-Price-amount,
.csd-old bdi,
.csd-old span {
color: rgba(255,255,255,.34) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 10.5px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: line-through !important;
letter-spacing: 0 !important;
}
.csd-new,
.csd-new .woocommerce-Price-amount,
.csd-new bdi,
.csd-new span:not(.woocommerce-Price-currencySymbol) {
color: var(--csd-w) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
letter-spacing: -.2px !important;
}
.csd-new small {
color: rgba(255,255,255,.4) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 9.5px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
white-space: nowrap;
}
.csd-off {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--csd-o);
color: var(--csd-w) !important;
border-radius: 20px;
padding: 2px 7px;
font-family: "Inter", Arial, sans-serif !important;
font-size: 9.5px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
white-space: nowrap;
}
.csd-pix {
margin: 5px 0 0 !important;
color: rgba(255,255,255,.55) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
.csd-pix strong,
.csd-pix .woocommerce-Price-amount,
.csd-pix bdi,
.csd-pix span:not(.woocommerce-Price-currencySymbol) {
color: rgba(255,255,255,.92) !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 12.5px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -.1px !important;
}
.csd-notice {
font-family: "Inter", Arial, sans-serif;
background: #FFF3EE;
color: #111;
border: 1px solid #F26522;
border-radius: 8px;
padding: 12px 14px;
font-size: 13px;
}
@media (max-width: 600px) {
.csd-hero-side {
padding: 14px;
}
.csd-card,
.csd-card-big {
grid-template-columns: 56px 1fr;
gap: 10px;
padding: 12px;
}
.csd-img-lg,
.csd-img-wrap {
width: 56px;
height: 56px;
}
.csd-new,
.csd-new .woocommerce-Price-amount,
.csd-new bdi,
.csd-new span:not(.woocommerce-Price-currencySymbol) {
font-size: 14px !important;
}
.csd-pix strong,
.csd-pix .woocommerce-Price-amount,
.csd-pix bdi,
.csd-pix span:not(.woocommerce-Price-currencySymbol) {
font-size: 12px !important;
}
}