.one-stop-mart-storefront .osm-home-hero{ background:linear-gradient(135deg, #FFF8E1 0%, #FFF3CD 50%, #FFFDE7 100%); padding:0; position:relative; overflow:hidden} .one-stop-mart-storefront .osm-home-hero__inner{ display:flex; align-items:center; min-height:420px; gap:40px; padding-top:50px; padding-bottom:30px} .one-stop-mart-storefront .osm-home-hero__content{ flex:1; max-width:520px; position:relative; z-index:2} .one-stop-mart-storefront .osm-home-hero__badge{ display:inline-block; background-color:var(--color-primary); color:var(--color-secondary); font-size:var(--font-size-xs); font-weight:600; padding:6px 16px; border-radius:4px; letter-spacing:0.5px; margin-bottom:20px} .one-stop-mart-storefront .osm-home-hero__title{ font-size:var(--font-size-3xl); font-weight:800; line-height:1.2; color:var(--color-secondary); margin-bottom:16px} .one-stop-mart-storefront .osm-home-hero__title--highlight{ color:var(--color-primary-dark)} .one-stop-mart-storefront .osm-home-hero__description{ font-size:var(--font-size-base); color:var(--color-text-light); margin-bottom:28px; line-height:1.7} .one-stop-mart-storefront .osm-home-hero__cta{ display:inline-flex; align-items:center; gap:8px; background-color:var(--color-secondary); color:var(--color-white); padding:14px 28px; border-radius:30px; font-weight:600; font-size:var(--font-size-sm); transition:var(--transition)} .one-stop-mart-storefront .osm-home-hero__cta:hover{ background-color:#333; transform:translateY(-2px); box-shadow:var(--shadow-md)} .one-stop-mart-storefront .osm-home-hero__image{ flex:1; display:flex; align-items:center; justify-content:center; position:relative; z-index:1} .one-stop-mart-storefront .osm-home-hero__image img{ max-width:100%; max-height:380px; object-fit:contain} .one-stop-mart-storefront .osm-home-hero__features{ background-color:var(--color-bg); padding:20px 0; border-bottom:1px solid var(--color-border)} .one-stop-mart-storefront .osm-home-hero__features-inner{ display:flex; align-items:center; justify-content:center; gap:60px} .one-stop-mart-storefront .osm-home-hero__feature{ display:flex; align-items:center; gap:12px} .one-stop-mart-storefront .osm-home-hero__feature-icon{ width:40px; height:40px; background-color:var(--color-primary-light); border-radius:var(--border-radius-full); display:flex; align-items:center; justify-content:center; flex-shrink:0} .one-stop-mart-storefront .osm-home-hero__feature-icon svg{ width:20px; height:20px; stroke:var(--color-primary-dark)} .one-stop-mart-storefront .osm-home-hero__feature-text{ display:flex; flex-direction:column} .one-stop-mart-storefront .osm-home-hero__feature-text strong{ font-size:var(--font-size-sm); font-weight:600; color:var(--color-secondary)} .one-stop-mart-storefront .osm-home-hero__feature-text span{ font-size:var(--font-size-xs); color:var(--color-text-muted)} .one-stop-mart-storefront .osm-home-section-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:28px} .one-stop-mart-storefront .osm-home-section-title{ font-size:var(--font-size-xl); font-weight:700; color:var(--color-secondary)} .one-stop-mart-storefront .osm-home-section-link{ display:flex; align-items:center; gap:4px; font-size:var(--font-size-sm); font-weight:500; color:var(--color-text-light)} .one-stop-mart-storefront .osm-home-section-link:hover{ color:var(--color-primary-dark)} .one-stop-mart-storefront .osm-home-categories{ padding:50px 0} .one-stop-mart-storefront .osm-home-categories__grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:20px} .one-stop-mart-storefront .osm-home-category-card{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:16px 8px; border-radius:var(--border-radius-lg); transition:var(--transition); cursor:pointer; background-color:var(--color-white); border:1px solid var(--color-border)} .one-stop-mart-storefront .osm-home-category-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); background-color:var(--color-bg-light)} .one-stop-mart-storefront .osm-home-category-card__image{ width:90px; height:90px; border-radius:var(--border-radius-full); overflow:hidden; margin-bottom:12px; background-color:#f5f0e8; display:flex; align-items:center; justify-content:center} .one-stop-mart-storefront .osm-home-category-card__image img{ width:100%; height:100%; object-fit:cover} .one-stop-mart-storefront .osm-home-category-card__image--more{ background-color:var(--color-primary-light)} .one-stop-mart-storefront .osm-home-category-card__image--more svg{ width:36px; height:36px; stroke:var(--color-primary-dark)} .one-stop-mart-storefront .osm-home-category-card__name{ font-size:var(--font-size-sm); font-weight:600; color:var(--color-secondary); margin-bottom:4px} .one-stop-mart-storefront .osm-home-category-card__count{ font-size:var(--font-size-xs); color:var(--color-text-muted)} .one-stop-mart-storefront .osm-home-promos{ padding:10px 0 50px} .one-stop-mart-storefront .osm-home-promos__grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px} .one-stop-mart-storefront .osm-home-promo-card{ border-radius:var(--border-radius-xl); padding:28px 24px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative; min-height:200px; transition:var(--transition)} .one-stop-mart-storefront .osm-home-promo-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lg)} .one-stop-mart-storefront .osm-home-promo-card--deal{ background:linear-gradient(135deg, #FFF8E1, #FFE082)} .one-stop-mart-storefront .osm-home-promo-card--arrivals{ background:linear-gradient(135deg, #FFF0F0, #FFEBEE)} .one-stop-mart-storefront .osm-home-promo-card--bestsellers{ background:linear-gradient(135deg, #E8F5E9, #C8E6C9)} .one-stop-mart-storefront .osm-home-promo-card__content{ flex:1; position:relative; z-index:2} .one-stop-mart-storefront .osm-home-promo-card__title{ font-size:var(--font-size-lg); font-weight:700; color:var(--color-secondary); margin-bottom:4px} .one-stop-mart-storefront .osm-home-promo-card__title--red{ color:var(--color-red)} .one-stop-mart-storefront .osm-home-promo-card__subtitle{ display:inline-block; font-size:var(--font-size-sm); font-weight:600; color:var(--color-primary-dark); margin-bottom:8px} .one-stop-mart-storefront .osm-home-promo-card__text{ font-size:var(--font-size-sm); color:var(--color-text-light); margin-bottom:16px; line-height:1.5} .one-stop-mart-storefront .osm-home-promo-card__link{ display:inline-flex; align-items:center; gap:6px; font-size:var(--font-size-sm); font-weight:600; color:var(--color-secondary)} .one-stop-mart-storefront .osm-home-promo-card__link:hover{ color:var(--color-primary-dark); gap:10px} .one-stop-mart-storefront .osm-home-promo-card__link--red{ color:var(--color-red)} .one-stop-mart-storefront .osm-home-promo-card__link--red:hover{ color:#C62828} .one-stop-mart-storefront .osm-home-promo-card__image{ flex-shrink:0; position:relative; width:140px; height:140px} .one-stop-mart-storefront .osm-home-promo-card__image img{ width:100%; height:100%; object-fit:contain} .one-stop-mart-storefront .osm-home-promo-card__badge{ position:absolute; top:-4px; right:-4px; background-color:var(--color-primary); color:var(--color-secondary); font-size:var(--font-size-xs); font-weight:700; width:40px; height:40px; border-radius:var(--border-radius-full); display:flex; align-items:center; justify-content:center; z-index:3} .one-stop-mart-storefront .osm-home-products{ padding:10px 0 50px} .one-stop-mart-storefront .osm-home-products__slider-wrapper{ position:relative; display:flex; align-items:center} .one-stop-mart-storefront .osm-home-products__slider{ display:flex; gap:20px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:8px 4px; flex:1} .one-stop-mart-storefront .osm-home-products__slider::-webkit-scrollbar{ display:none} .one-stop-mart-storefront .osm-home-products__nav{ position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; background-color:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--border-radius-full); display:flex; align-items:center; justify-content:center; z-index:10; box-shadow:var(--shadow-sm)} .one-stop-mart-storefront .osm-home-products__nav:hover{ background-color:var(--color-bg-light); box-shadow:var(--shadow-md)} .one-stop-mart-storefront .osm-home-products__nav svg{ width:18px; height:18px} .one-stop-mart-storefront .osm-home-products__nav--prev{ left:-16px} .one-stop-mart-storefront .osm-home-products__nav--next{ right:-16px} .one-stop-mart-storefront .osm-home-product-card{ flex:0 0 220px; background-color:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--border-radius-lg); overflow:hidden; transition:var(--transition); display:flex; flex-direction:column; justify-content:space-between} .one-stop-mart-storefront .osm-home-product-card:hover{ box-shadow:var(--shadow-md); transform:translateY(-3px)} .one-stop-mart-storefront .osm-home-product-card__image-wrapper{ position:relative; background-color:var(--color-bg-light); padding:16px; display:flex; align-items:center; justify-content:center; height:180px} .one-stop-mart-storefront .osm-home-product-card__wishlist{ position:absolute; top:10px; right:10px; width:32px; height:32px; background-color:var(--color-bg); border-radius:var(--border-radius-full); display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-sm); z-index:2} .one-stop-mart-storefront .osm-home-product-card__wishlist svg{ stroke:var(--color-text-muted)} .one-stop-mart-storefront .osm-home-product-card__wishlist:hover svg{ stroke:var(--color-red); fill:var(--color-red)} .one-stop-mart-storefront .osm-home-product-card__image{ max-width:100%; max-height:140px; object-fit:contain} .one-stop-mart-storefront .osm-home-product-card__info{ padding:14px; display:flex; flex-direction:column; flex-grow:1; justify-content:space-between} .one-stop-mart-storefront .osm-home-product-card__category{ font-size:var(--font-size-xs); color:var(--color-text-muted); text-transform:uppercase; font-weight:600; margin-bottom:4px} .one-stop-mart-storefront .osm-home-product-card__name{ font-size:var(--font-size-sm); font-weight:600; color:var(--color-secondary); margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.8em; line-height:1.4} .one-stop-mart-storefront .osm-home-product-card__price{ font-size:var(--font-size-md); font-weight:700; color:var(--color-secondary); display:block; margin-bottom:6px} .one-stop-mart-storefront .osm-home-product-card__rating{ display:flex; align-items:center; gap:6px; margin-bottom:8px} .one-stop-mart-storefront .osm-home-product-card__stars{ display:flex; gap:1px} .one-stop-mart-storefront .osm-home-product-card__reviews{ font-size:var(--font-size-xs); color:var(--color-text-muted)} .one-stop-mart-storefront .osm-home-product-card__add-to-cart{ width:100%; background-color:var(--color-secondary); color:var(--color-white); padding:10px; border-radius:var(--border-radius); font-size:var(--font-size-xs); font-weight:600; display:flex; align-items:center; justify-content:center; transition:var(--transition)} .one-stop-mart-storefront .osm-home-product-card__add-to-cart:hover{ background-color:var(--color-primary); color:var(--color-secondary)} .one-stop-mart-storefront .osm-home-story-banner{ position:relative; overflow:hidden; height:500px; display:flex; align-items:center; background:#000} .one-stop-mart-storefront .osm-home-story-banner__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right; z-index:1; transition:transform 0.6s ease} .one-stop-mart-storefront .osm-home-story-banner:hover .osm-home-story-banner__bg{ transform:scale(1.02)} .one-stop-mart-storefront .osm-home-story-banner__overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.75) 45%, rgba(10, 10, 10, 0.2) 100%); z-index:2} .one-stop-mart-storefront .osm-home-story-banner__content{ position:relative; z-index:3; max-width:580px; padding:20px 0} .one-stop-mart-storefront .osm-home-story-banner__title{ font-size:clamp(24px, 4.5vw, 36px); line-height:1.2; color:#FFF3CD; margin:0 0 20px; font-weight:800; letter-spacing:0.03em; text-transform:uppercase} .one-stop-mart-storefront .osm-home-story-banner__text{ font-size:1rem; line-height:1.8; color:rgba(255, 243, 205, 0.85); margin:0 0 32px; font-weight:300} .one-stop-mart-storefront .osm-home-story-banner__btn{ display:inline-flex; align-items:center; justify-content:center; background:#ffffff !important; color:#000000 !important; border:1px solid #ffffff !important; padding:14px 32px; font-weight:600; border-radius:8px; text-transform:uppercase; letter-spacing:0.1em; font-size:0.85rem; transition:all 0.3s ease !important} .one-stop-mart-storefront .osm-home-story-banner__btn:hover{ background:var(--color-primary) !important; border-color:var(--color-primary) !important; color:#111111 !important; transform:translateY(-2px); box-shadow:0 10px 20px rgba(255, 193, 7, 0.2)} .one-stop-mart-storefront .osm-home-blogs{ padding:60px 0; border-top:1px solid var(--color-border)} .one-stop-mart-storefront .osm-home-blogs__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px} .one-stop-mart-storefront .osm-home-blog-card{ background-color:var(--color-white); border:1px solid var(--color-border); border-radius:var(--border-radius-xl); overflow:hidden; display:flex; flex-direction:column; transition:var(--transition)} .one-stop-mart-storefront .osm-home-blog-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg)} .one-stop-mart-storefront .osm-home-blog-card__image-wrapper{ position:relative; height:200px; overflow:hidden} .one-stop-mart-storefront .osm-home-blog-card__image{ width:100%; height:100%; object-fit:cover; transition:var(--transition)} .one-stop-mart-storefront .osm-home-blog-card:hover .osm-home-blog-card__image{ transform:scale(1.05)} .one-stop-mart-storefront .osm-home-blog-card__date{ position:absolute; bottom:12px; left:12px; background:rgba(26, 26, 26, 0.85); color:var(--color-primary); font-size:var(--font-size-xs); font-weight:700; padding:4px 10px; border-radius:12px} .one-stop-mart-storefront .osm-home-blog-card__content{ padding:20px; display:flex; flex-direction:column; flex-grow:1; justify-content:space-between} .one-stop-mart-storefront .osm-home-blog-card__title{ font-size:var(--font-size-md); font-weight:700; color:var(--color-secondary); margin-bottom:8px; line-height:1.4} .one-stop-mart-storefront .osm-home-blog-card__excerpt{ font-size:var(--font-size-sm); color:var(--color-text-light); margin-bottom:16px; line-height:1.6} .one-stop-mart-storefront .osm-home-blog-card__link{ font-size:var(--font-size-sm); font-weight:600; color:var(--color-primary-dark); display:inline-flex; align-items:center; gap:4px} .one-stop-mart-storefront .osm-home-blog-card__link:hover{ color:var(--color-secondary)} @media (max-width:1199px){ .one-stop-mart-storefront .osm-home-categories__grid{ grid-template-columns:repeat(3, 1fr); gap:16px} } @media (max-width:767px){ .one-stop-mart-storefront .osm-home-hero__inner{ flex-direction:column; text-align:center; padding-top:30px; padding-bottom:20px; min-height:auto} .one-stop-mart-storefront .osm-home-hero__content{ max-width:100%} .one-stop-mart-storefront .osm-home-hero__title{ font-size:var(--font-size-xl)} .one-stop-mart-storefront .osm-home-hero__image img{ max-height:220px} .one-stop-mart-storefront .osm-home-hero__features-inner{ flex-direction:column; gap:16px; align-items:flex-start} .one-stop-mart-storefront .osm-home-categories__grid{ grid-template-columns:repeat(2, 1fr); gap:12px} .one-stop-mart-storefront .osm-home-category-card{ padding:12px 8px} .one-stop-mart-storefront .osm-home-category-card__image{ width:75px; height:75px} .one-stop-mart-storefront .osm-home-promos__grid{ grid-template-columns:1fr} .one-stop-mart-storefront .osm-home-promos__grid .osm-home-promo-card--deal{ grid-column:1} .one-stop-mart-storefront .osm-home-promo-card{ min-height:160px} .one-stop-mart-storefront .osm-home-product-card{ flex:0 0 170px} .one-stop-mart-storefront .osm-home-product-card__image-wrapper{ height:140px; padding:8px} .one-stop-mart-storefront .osm-home-product-card__image{ max-height:110px} .one-stop-mart-storefront .osm-home-story-banner{ height:400px} .one-stop-mart-storefront .osm-home-story-banner__overlay{ background:linear-gradient(180deg, rgba(10, 10, 10, 0.75) 0%, rgba(10, 10, 10, 0.95) 100%)} .one-stop-mart-storefront .osm-home-story-banner__content{ max-width:100%; text-align:center; padding:0 10px} .one-stop-mart-storefront .osm-home-story-banner__btn{ width:100%} } @media (max-width:479px){ .one-stop-mart-storefront .osm-home-categories__grid{ grid-template-columns:repeat(2, 1fr); gap:10px} .one-stop-mart-storefront .osm-home-category-card{ padding:10px 4px} .one-stop-mart-storefront .osm-home-category-card__image{ width:64px; height:64px} }