:root{--color-primary:#ff6b5f;--color-primary-dark:#e85249;--color-primary-rgb:255,107,95;--rasta-teal:#20b8a6;--rasta-yellow:#ffd45c;--rasta-blue:#5d8ff5;--rasta-ink:#24324a}
body{color:var(--rasta-ink);background-color:#fffdf7;background-image:radial-gradient(circle at 14px 14px,rgba(32,184,166,.07) 2px,transparent 2.5px),radial-gradient(circle at 42px 38px,rgba(255,107,95,.055) 2px,transparent 2.5px);background-size:56px 56px}
.site-header{border-top:4px solid transparent;border-image:linear-gradient(90deg,#ff6b5f 0 25%,#ffd45c 25% 50%,#20b8a6 50% 75%,#5d8ff5 75%) 1;background:#fffefb}
.site-logo,.top-bar a:hover,.pcard__name:hover,.text-primary{color:#ff6b5f!important}
.cat-nav{background:#effcf9!important;border-color:#c9f1e9!important}
.cat-nav__item>a{color:#245e59!important;font-weight:700}
.cat-nav__dropdown{border-top:3px solid #20b8a6!important}
.main-search input,.mobile-search-bar__form{background:#f7fffd!important;border-color:#bdebe4!important}
.main-search input:focus{border-color:#20b8a6!important;box-shadow:0 0 0 3px rgba(32,184,166,.12)}
.btn-add,.bg-primary,.btn-cart{background:#ff6b5f!important}
.btn-add:hover,.hover\:bg-primary-dark:hover{background:#e85249!important}
.pcard{border-color:#e6eee9;border-radius:18px;box-shadow:0 3px 12px rgba(36,50,74,.055)}
.pcard:hover{border-color:#9de0d6;box-shadow:0 12px 28px rgba(32,184,166,.14);transform:translateY(-3px)}
.badge-new{background:#5d8ff5}.badge-best{background:#ff9f43}.badge-discount{background:#ff6b5f}
.dc-section{background:linear-gradient(135deg,#20b8a6,#43cbb7 55%,#5d8ff5)!important}
.bw-banners-after-hero{margin-top:1.25rem!important;margin-bottom:1.5rem!important}
.bw-banners-grid--four .bw-banner-link{border-radius:18px;border:3px solid #fff;background:#fff;box-shadow:0 7px 18px rgba(36,50,74,.12);overflow:hidden;transition:transform .2s,box-shadow .2s}
.bw-banners-grid--four .bw-banner-link:nth-child(1){outline:2px solid #9eece1}.bw-banners-grid--four .bw-banner-link:nth-child(2){outline:2px solid #ffe38b}.bw-banners-grid--four .bw-banner-link:nth-child(3){outline:2px solid #d5ff82}.bw-banners-grid--four .bw-banner-link:nth-child(4){outline:2px solid #ffacd0}
.bw-banners-grid--four .bw-banner-link:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 12px 25px rgba(36,50,74,.17)}
.rasta-carousel__arrow{color:#20b8a6;border:2px solid #bdebe4}
.bw-section-title,.bw-smart-related-title{color:#24324a!important}
.blog-cat-pill:hover,.blog-card .card-title:hover{border-color:#20b8a6!important;color:#178b7e!important}.blog-cat-pill.active,.blog-card .card-cat{background:#20b8a6!important;border-color:#20b8a6!important}.featured-badge{background:#fff3c4!important;color:#9a6a00!important}
.product-brand-tag{border-color:#a9e8df!important;background:#effcf9!important;color:#178b7e!important}
.bw-footer{background:linear-gradient(180deg,#effcf9,#e4f8f4)!important;border-top:4px solid #ffd45c!important}

.live-search{position:relative}
.live-search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:1200;background:#fff;border:1px solid #bdebe4;border-radius:16px;box-shadow:0 18px 45px rgba(36,50,74,.18);overflow:hidden;max-height:min(480px,70vh);overflow-y:auto;text-align:right}
.live-search-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #edf5f2;transition:background .15s}
.live-search-item:hover{background:#f0fcf9}.live-search-item img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fafafa;flex:none}
.live-search-placeholder{width:52px;height:52px;border-radius:10px;background:#fff7d8;display:grid;place-items:center;font-size:24px;flex:none}
.live-search-info{display:flex;min-width:0;flex-direction:column;gap:3px}.live-search-info strong{font-size:13px;color:#24324a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-search-info small{font-size:11px;color:#20a190}
.live-search-all{display:block;text-align:center;padding:10px;background:#effcf9;color:#178b7e;font-size:12px;font-weight:800}
.mobile-search-bar__form .live-search-results{top:calc(100% + 5px)}
@media(max-width:700px){.bw-banners-after-hero{margin-top:.75rem!important}.bw-banners-grid--four .bw-banner-link{border-radius:13px}.live-search-results{position:fixed;top:118px;right:10px;left:10px}}
