/* Home page (welcome.blade.php) styles.
   Shared header/footer/quick-view styles live in ds-theme.css. */

body.ds-theme { background: #f6f7fb; }
.home-products { padding-top: 10px; }

/* Guest register note */
.home-register-note { display: flex; align-items: center; gap: 8px; background: #eef0fb; border: 1px solid #dfe3f6; color: #1e1b4b; border-radius: 12px; padding: 10px 16px; font-size: 14px; margin-bottom: 22px; }
.home-register-note i { color: #3f51b5; font-size: 17px; }
.home-register-note a { color: #3f51b5; font-weight: 700; }

/* Title, tabs, sort */
.home-products .title-2 { flex-wrap: wrap; gap: 15px; align-items: flex-end; }
.home-products .title-2 .cr-banner h2 { font-size: 28px; font-weight: 800; color: #1e1b4b; letter-spacing: -0.5px; }
.home-products .title-2 .cr-banner-sub-title p { color: #64748b; }
.home-products .home-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.home-products .cr-pro-tab-nav.nav { flex-wrap: nowrap; gap: 2px; padding: 4px; max-width: 100%; overflow-x: auto; background: #fff; border: 1px solid #e7eaf3; border-radius: 999px; box-shadow: 0 1px 2px rgba(30, 27, 75, 0.06); }
.home-products .title-2 .cr-pro-tab-nav li.nav-item { margin-left: 0; }
.home-products .cr-pro-tab-nav.nav li.nav-item a.nav-link { padding: 8px 16px; border: 0; border-radius: 999px; background: transparent; font-family: "Manrope", sans-serif; font-weight: 700; font-size: 13.5px; color: #64748b; white-space: nowrap; }
.home-products .cr-pro-tab-nav.nav li.nav-item a.nav-link:hover:not(.active) { color: #3f51b5; }
.home-products .cr-pro-tab-nav.nav li.nav-item a.nav-link.active { box-shadow: 0 4px 12px -4px rgba(63, 81, 181, 0.6); }
.home-sort { height: 42px; padding: 0 16px; border: 1px solid #e7eaf3; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(30, 27, 75, 0.06); font-family: "Manrope", sans-serif; font-weight: 700; font-size: 13.5px; color: #1e1b4b; cursor: pointer; }

/* Category chips: stick under the sticky header (--home-sticky-top is set by the page JS).
   The page-grey background keeps products from showing through while they scroll underneath. */
.home-category-bar { position: sticky; top: var(--home-sticky-top, 0px); z-index: 1010; display: flex; gap: 8px; overflow-x: auto; padding: 10px 0; margin-bottom: 18px; background: #f6f7fb; scrollbar-width: thin; transition: box-shadow .2s; }
.home-category-bar.is-stuck { border-bottom: 1px solid #e7eaf3; box-shadow: 0 10px 16px -14px rgba(30, 27, 75, .35); }
.home-category-btn { flex: none; padding: 8px 16px; border: 1px solid #e7eaf3; border-radius: 999px; background: #fff; font-family: "Manrope", sans-serif; font-weight: 600; font-size: 13.5px; color: #334155; white-space: nowrap; transition: all 0.15s; }
.home-category-btn:hover { border-color: #3f51b5; color: #3f51b5; }
.home-category-btn.active { background: #1e1b4b; border-color: #1e1b4b; color: #fff; }

/* Product cards: visual only. Hover actions, hover lift, image zoom,
   padding and badge layout keep their current rules. */
.home-products .product-card-2.single_product_sec { height: calc(100% - 24px); border-color: #e7eaf3; }
.home-products .product-card-2 .cr-product-inner { height: 100%; display: flex; flex-direction: column; }
.home-products .product-card-2 .cr-pro-content { flex: 1; display: flex; flex-direction: column; }
.home-products .product-card-2 .flags { display: flex; gap: 4px; flex-wrap: wrap; }
.home-products .product-card-2 .flags span.sale.flag-new { background: #3f51b5 !important; box-shadow: 0 2px 4px rgba(63, 81, 181, 0.2); }
.home-products .product-card-2 .flags span.sale.flag-coming { background: #f59e0b !important; box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2); }
.home-products .product-card-2 .cr-pro-content .cr-info a { font-size: 11px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; color: #3f51b5; }
.home-products .product-card-2 .cr-pro-content .cr-pro-title { min-height: 42px; margin-bottom: 4px; }
.home-products .product-card-2 .cr-pro-content .cr-pro-title a { font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 700; line-height: 21px; letter-spacing: 0; color: #1e1b4b; }
.home-card-seller { display: flex; align-items: center; gap: 5px; font-size: 12.5px; color: #64748b; }
.home-card-verified { color: #059669; }
.home-products .product-card-2 .cr-pro-content .cr-price { margin: 12px 0 14px; }
.home-products .product-card-2 .cr-pro-content .cr-price span.new-price { font-family: "Manrope", sans-serif; font-size: 19px; font-weight: 800; color: #1e1b4b; }
.home-card-note { align-self: flex-start; margin: -10px 0 14px; padding: 3px 8px; background: #f6f7fb; border-radius: 6px; font-size: 11.5px; font-weight: 600; color: #64748b; }
.home-card-note-arrival { margin-top: 12px; background: #fef3c7; color: #b45309; }
.home-view-btn { margin-top: auto; width: 100%; height: 40px; border: 1.5px solid #3f51b5; border-radius: 12px; background: #fff; font-family: "Manrope", sans-serif; font-weight: 700; font-size: 13.5px; color: #3f51b5; transition: all 0.2s; }
.home-view-btn:hover { background: #3f51b5; color: #fff; }

/* Empty states */
.home-empty { width: 100%; padding: 50px 20px; text-align: center; color: #64748b; background: #fff; border: 1px dashed #e7eaf3; border-radius: 16px; }
.home-empty a { color: #3f51b5; font-weight: 700; }

/* Trust strip */
.home-trust-strip { margin-bottom: 70px; padding: 0; background: transparent; border: 0; }
.home-trust-item { height: 100%; display: flex; align-items: flex-start; gap: 14px; padding: 20px; background: #fff; border: 1px solid #e7eaf3; border-radius: 16px; }
.home-trust-item .feature-icon-wrapper { flex: none; width: 48px; height: 48px; margin: 0; border-radius: 14px; background: #eef0fb; font-size: 22px; }
.home-trust-item h6 { margin: 2px 0 4px; font-family: "Manrope", sans-serif; font-weight: 800; font-size: 15px; color: #1e1b4b; }
.home-trust-item p { margin: 0; font-size: 13px; line-height: 1.5; color: #64748b; }