/* =========================
 Root Variables
========================= */
:root {/* Brand Colors */
 --brand-primary:#22c55e;--brand-primary-dark:#16a34a;--brand-primary-light:#86efac;--brand-accent:#facc15;--brand-accent-dark:#eab308;/* Backgrounds */
 --brand-bg:#ffffff;--brand-bg-soft:#f8fafc;--brand-border:#e5e7eb;/* Text */
 --color-text:#1a1a1a;--color-text-muted:#555555;/* Fonts */
 --font-heading:'Galdeano', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-paragraph:'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}
/* =========================
 Global Styles
========================= */
html {font-size:15px;}
body {font-family:var(--font-paragraph);font-size:15px;line-height:1.8em;color:var(--color-text);background-color:var(--brand-bg);transition:background-color 0.3s ease, color 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a {color:inherit;text-decoration:none;}
/* =========================
 Typography
========================= */
p {font-family:var(--font-paragraph);font-size:15px;line-height:1.8em;margin-bottom:1rem;color:var(--color-text-muted);}
h1, h2, h3, h4, h5, h6 {font-family:var(--font-heading);font-weight:400;line-height:1.25;letter-spacing:0.5px;color:var(--color-text);margin-bottom:0.6em;}
h1 {font-size:42px;}
h2 {font-size:32px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
small {font-family:var(--font-paragraph);font-size:14px;color:var(--color-text-muted);}
/* Responsive typography */
@media (max-width:768px) {h1 {font-size:32px;}
 h2 {font-size:26px;}
 h3 {font-size:22px;}
 h4 {font-size:18px;}
 body, p {font-size:15px;line-height:1.75em;}}
 @media (max-width:480px) {.app-buttons {display:inline !important;}.store-btn{margin-top:10px !important;}.store-btn span small{text-align:left!important;}}
/* =========================
 Bootstrap Overrides
========================= */
:root {--bs-primary:var(--brand-primary);--bs-primary-rgb:34,197,94;--bs-success:var(--brand-primary);--bs-link-color:var(--brand-primary);--bs-link-hover-color:var(--brand-primary-dark);}
.text-muted {color:var(--color-text-muted) !important;}
.border {border-color:var(--brand-border) !important;}
.bg-body-secondary {background-color:var(--brand-bg-soft) !important;}
/* =========================
 Buttons
========================= */
.btn-primary,.btn-success {background-color:var(--brand-primary);border-color:var(--brand-primary);font-family:var(--font-paragraph);}
.btn-primary:hover,.btn-success:hover {background-color:var(--brand-primary-dark);}
.btn-outline-primary {color:var(--brand-primary);border-color:var(--brand-primary);}
.btn-outline-primary:hover {background-color:var(--brand-primary);color:#fff;}
/* =========================
 Navbar / Header
========================= */
.navbar {font-family:var(--font-paragraph);padding:10px 0;}
.navbar-brand {color:var(--brand-primary);font-family:var(--font-heading);font-size:24px;}
.navbar-brand:hover {color:var(--brand-primary-dark);}
.navbar .btn-sm {padding:6px 14px;font-weight:500;}
.navbar-nav .nav-link.active {display:inline-flex;align-items:center;justify-content:center;color:#ffffff !important;background-color:var(--brand-primary);font-weight:600;padding:8px 14px;border-radius:6px;transition:background-color 0.3s ease, color 0.3s ease;position:relative;}
.navbar-nav .nav-item.dropdown .nav-link.active::after {display:none;}
.navbar-nav .nav-link:not(.active):hover {color:var(--brand-primary);background-color:rgba(34, 197, 94, 0.1);border-radius:6px;transition:background-color 0.3s ease, color 0.3s ease;}
@media (min-width:992px) {.navbar-nav .dropdown:hover .dropdown-menu {display:block;}}
.cart-btn {position:relative;width:40px;height:40px;padding:0;
 display:inline-flex;align-items:center;justify-content:center;
 border-radius:50%;color:var(--bs-body-color);}
.cart-btn:hover {background-color:rgba(34, 197, 94, 0.12);color:var(--brand-primary);}
.cart-count {position:absolute;top:-4px;right:-4px;
 min-width:18px;height:18px;padding:0 5px;
 border-radius:999px;background:var(--brand-primary);color:#fff;
 font-size:11px;font-weight:600;line-height:18px;text-align:center;}
@media (max-width:575px) {.cart-count {font-size:10px;min-width:16px;height:16px;line-height:16px;}}
.cart-btn.active {background:var(--brand-primary);color:#fff;}
.cart-sidebar {width:360px;}
.cart-item {display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bs-border-color);}
.cart-item img {width:54px;height:54px;object-fit:contain;}
.cart-item-info h6 {margin:0;font-size:0.95rem;font-weight:600;}
.cart-item-info span {font-size:0.85rem;color:var(--brand-primary);}
.remove-item {margin-left:auto;border:none;background:transparent;color:var(--bs-secondary-color);}
.remove-item:hover {color:var(--bs-danger);}
.cart-footer {padding:1rem;border-top:1px solid var(--bs-border-color);}
.cart-total {display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:600;}
.cart-footer .btn {padding:0.65rem 1rem;font-weight:600;}
/* =========================
 Hero & Cards
========================= */
.hero {padding:100px 0;}
.card,.category-card {background-color:var(--brand-bg);border-color:var(--brand-border);transition:transform 0.2s ease, box-shadow 0.2s ease;}
.category-card:hover,.product-card:hover {transform:translateY(-5px);}
/* =========================
 Footer
========================= */
.footer {padding:60px 0 40px;font-size:15px;font-family:var(--font-paragraph);}
html[data-bs-theme="light"] .footer {background-color:var(--brand-primary-dark);color:#fff;}
.footer p {color:inherit;}
.footer a {text-decoration:none !important;}
.footer__navigation {list-style:none;padding:0;margin:0;}
.footer__navigation-link a {position:relative;display:block;padding-left:22px;margin-bottom:10px;font-weight:500;transition:color 0.3s ease, transform 0.2s ease;}
.footer__navigation-link a {display:flex;align-items:center;gap:8px;padding-left:0;}
.footer__navigation-link i {font-size:14px;color:#fff;transition:transform 0.25s ease, color 0.25s ease;}
.footer__navigation-link a:hover i {transform:translateX(4px);}
.footer__navigation-link a:hover {color:var(--brand-primary);transform:translateX(3px);}
.footer__navigation-title h2 {font-family:var(--font-heading);font-size:18px;font-weight:400;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;}
.footer__brand-info-contact {margin-top:12px;}
.footer__brand-info-contact .contact-item {display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.footer__brand-info-contact i {font-size:16px;color:#fff;}
.footer__brand-info-contact span {font-size:15px;font-weight:500;}
html[data-bs-theme="light"] .footer h2,
html[data-bs-theme="light"] .footer h3,
html[data-bs-theme="light"] .footer h4 {color:#ffffff;}
.footer__partner a{padding-left:10px;}
/* =========================
 Back to Top Button
========================= */
#backToTop {position:fixed;bottom:30px;right:30px;z-index:999;display:none;width:45px;height:45px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}
#backToTop:hover {transform:translateY(-3px);background-color:var(--brand-primary-dark);}
/* =========================
 Newsletter Section
========================= */
.newsletter {font-family:var(--font-paragraph);transition:background-color 0.3s ease, color 0.3s ease;padding:60px 0;}
.newsletter h2 {font-family:var(--font-heading);font-size:28px;font-weight:500;color:var(--color-text);}
html[data-bs-theme="light"] .newsletter {background-color:#f3f4f6;color:#111;}
.newsletter p {font-size:16px;color:var(--color-text-muted);}
.newsletter-form input.form-control {border-radius:6px;padding:12px 16px;font-size:16px;}
.newsletter-form button {border-radius:6px;padding:12px 24px;font-size:16px;}
html[data-bs-theme="light"] .newsletter-form input.form-control {background-color:#fff;border:1px solid #ccc;color:#111;}
.social-icons a {font-size:20px;color:var(--brand-primary);transition:color 0.3s ease;}
.social-icons a:hover {color:var(--brand-primary-dark);}
/* =========================
 Breadcrumb Section
========================= */
.breadcrumb-section {width:100%;margin-top:0;}
.breadcrumb__img-wrapper {position:relative;height:300px;overflow:hidden;}
.breadcrumb__img-wrapper img {width:100%;height:100%;object-fit:cover;display:block;}
.breadcrumb__img-wrapper::after {content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.1);z-index:1;}
.breadcrumb__content-wrapper {position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding-top:50px;}
.breadcrumb__title {font-family:var(--font-heading, "Galdeano", sans-serif);font-size:38px;font-weight:700;color:#ffffff;margin:0;line-height:1.2;}
.breadcrumb__content {list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:6px;font-family:var(--font-paragraph, "Montserrat", sans-serif);font-size:16px;color:#ffffff;}
.breadcrumb__content li a {color:#ffffff;text-decoration:none;font-weight:500;transition:color 0.3s ease;}
.breadcrumb__content li a:hover {color:var(--brand-accent, #2ecc71);}
.breadcrumb__content li.active a {font-weight:600;color:var(--brand-primary-light, #a8f0c6);}
.breadcrumb__content li span {margin:0 4px;}
@media (max-width:768px) {.breadcrumb__img-wrapper {height:220px;}
 .breadcrumb__title {font-size:28px;}
 .breadcrumb__content {font-size:14px;}}
.breadcrumb__title {opacity:0;animation:breadcrumbFadeUp 0.9s ease-out 0.2s forwards;}
.breadcrumb__content {opacity:0;animation:breadcrumbFadeUp 0.9s ease-out 0.45s forwards;}
@keyframes breadcrumbFadeUp {from {opacity:0;transform:translateY(20px);}
 to {opacity:1;transform:translateY(0);}}
/* =========================
 Log-in Page
========================= */
.sign-in-card {background-color:var(--brand-bg);font-family:var(--font-paragraph);transition:background-color 0.3s ease, color 0.3s ease;}
.sign-in-card input.form-control {padding:12px 14px;border-radius:6px;font-size:16px;}
.sign-in-card .input-icon {position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--brand-primary);}
.sign-in-card .password-toggle {position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:18px;color:var(--color-text-muted);}
.sign-in-card .password-toggle:hover {color:var(--brand-primary);}
.sign-in-card h2 {font-family:var(--font-heading);}
.sign-in-card a {color:var(--brand-primary);text-decoration:none;}
.sign-in-card a:hover {text-decoration:underline;}
/* --------------------------
 Contact Page
-------------------------- */
.contact-form__contact-info,.contact-form-card {position:relative;background-color:var(--brand-bg);border-radius:8px;box-shadow:0px 0px 40px rgba(0, 0, 0, 0.08);overflow:hidden;}
.contact-form__contact-info {text-align:center;padding:20px;}
@media (max-width:991px) {.contact-form__contact-info {margin-bottom:24px;}}
.contact-form__contact-info--item {padding:30px 0 24px;border-top:1px solid var(--brand-border);}
.contact-form__contact-info--item:first-child {border-top:0;}
.contact-form__contact-info--item .icon {display:inline-block;font-size:2rem;color:var(--brand-primary);margin-bottom:16px;}
.contact-form__contact-info--item p {margin:0;}
.contact-form-card {padding:45px 50px 50px;}
@media (max-width:767px) {.contact-form-card {padding:30px;}}
.contact-form--input input,.contact-form--input textarea {width:100%;height:48px;padding:0 16px;border-radius:6px;border:1px solid var(--brand-border);background-color:var(--brand-bg);}
.contact-form--input input::placeholder,.contact-form--input textarea::placeholder {color:var(--color-text-muted);}
.contact-form--input input:focus,.contact-form--input textarea:focus {border-color:var(--brand-primary);transition:all 0.3s ease;}
.contact-form--input-area textarea {height:100px;padding:14px 16px;resize:none;}
.contact-form-group {display:flex;gap:16px;margin-bottom:16px;}
@media (max-width:767px) {.contact-form-group {flex-direction:column;}}
.contact-form-button .button {background-color:var(--brand-primary);color:#fff;padding:10px 28px;border-radius:6px;transition:background 0.3s;}
.contact-form-button .button:hover {background-color:var(--brand-primary-dark);}
.contact-form--input.contact-form--input-area {margin-top:16px;}
.iframe__canvas {width:100%;height:400px;overflow:hidden;border-radius:8px;}
.iframe__canvas iframe {width:100%;height:100%;border:0;}
.py-5em {padding-top:5em;padding-bottom:5em;}
@media (max-width:768px) {.py-5em {padding-top:3em;padding-bottom:3em;}}
/* --------------------------
 404 Page
-------------------------- */
.error-404__image {max-width:360px;width:100%;margin-inline:auto;}
@media (max-width:768px) {.error-404__image {max-width:260px;}}
/* --------------------------
 Pricing Section
-------------------------- */
.pricing-card {position:relative;border:1px solid var(--brand-border);border-radius:12px;padding:32px 24px;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.pricing-card:hover {transform:translateY(-6px);box-shadow:0 12px 32px rgba(0, 0, 0, 0.08);}
.pricing-card__price {display:flex;align-items:flex-end;justify-content:center;gap:4px;}
.pricing-card__currency {font-size:18px;}
.pricing-card__amount {font-size:42px;font-weight:600;}
.pricing-card__duration {font-size:14px;margin-bottom:6px;}
.pricing-card__features li {margin-bottom:10px;}
.pricing-card--popular {border-color:var(--brand-primary);box-shadow:0 16px 40px rgba(34, 197, 94, 0.2);}
.pricing-card__badge {position:absolute;top:16px;left:50%;transform:translateX(-50%);background-color:var(--brand-primary);color:#fff;padding:4px 12px;font-size:12px;border-radius:20px;}
@media (max-width:768px) {.pricing-card {padding:28px 20px;}}
/* --------------------------
 Coming Soon Page
-------------------------- */
.coming-soon__countdown .countdown-item {min-width:90px;padding:16px;border:1px solid var(--brand-border);border-radius:10px;}
.coming-soon__countdown h3 {margin-bottom:4px;}
.coming-soon__form input {max-width:280px;}
@media (max-width:576px) {.coming-soon__countdown {gap:12px;}
 .coming-soon__countdown .countdown-item {min-width:70px;padding:12px;}}
/* --------------------------
 Blog Page
-------------------------- */
.blog-section {background-color:transparent;padding:60px 0;}
.blog-card {height:100%;background-color:var(--brand-bg);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(0, 0, 0, 0.06);transition:transform 0.35s ease, box-shadow 0.35s ease;}
.blog-card:hover {transform:translateY(-6px);box-shadow:0 16px 48px rgba(0, 0, 0, 0.12);}
.blog-card__image {display:block;overflow:hidden;}
.blog-card__image img {width:100%;height:220px;object-fit:cover;transition:transform 0.4s ease;border-radius:14px 14px 0 0;}
.blog-card:hover .blog-card__image img {transform:scale(1.08);}
.blog-card__content {padding:20px 22px 24px;}
.blog-card__meta {color:var(--color-text-muted);margin-bottom:6px;}
.blog-card h4 {margin:8px 0 10px;}
.blog-card h4 a {color:var(--color-text);transition:color 0.25s ease;text-decoration:none;}
.blog-card h4 a:hover {color:var(--brand-primary);}
.blog-card__link {font-weight:500;color:#fff;background:var(--brand-primary);padding:5px 10px;border-radius:5px;display:inline-flex;align-items:center;gap:4px;transition:gap 0.3s ease, color 0.3s ease;}
.blog-card__link:hover {color:#fff;gap:8px;}
@media (max-width:992px) {.blog-card__image img {height:200px;}}
@media (max-width:768px) {.blog-card__content {padding:18px;}
 .blog-card__image img {height:180px;}}
.blog-search {border-radius:0.75rem;padding:0.75rem 1rem;}
.blog-filter {border-radius:0.75rem;padding:0.75rem 1rem;}
.blog-item {transition:opacity 0.3s ease, transform 0.3s ease;}
.blog-item.hide {opacity:0;transform:scale(0.96);pointer-events:none;display:none;}
/* --------------------------
 Creative Grocery Section
-------------------------- */
.creative-section {position:relative;background-color:var(--brand-bg-soft);overflow:hidden;}
.creative-bg {position:absolute;inset:0;z-index:0;pointer-events:none;}
.creative-section .container {position:relative;z-index:2;}
.bg-item {position:absolute;width:72px;height:72px;background-repeat:no-repeat;background-size:contain;opacity:0.18;animation:floatY 16s ease-in-out infinite,
 rotateSlow 28s linear infinite;}
.bg-item.icon-1 {background-image:url("../images/bg/light/img-06.png");top:10%;left:10%;}
.bg-item.icon-2 {background-image:url("../images/bg/light/img-07.png");top:10%;right:12%;}
.bg-item.icon-3 {background-image:url("../images/bg/light/img-08.png");bottom:1%;left:20%;}
@keyframes rotateSlow {from {transform:rotate(0deg);}
 to {transform:rotate(360deg);}}
@media (max-width:768px) {.bg-item {width:42px;height:42px;opacity:0.14;}}
/* =========================
 Blog Details
========================= */
.blog-details__thumb img {width:100%;object-fit:cover;}
.blog-details__promo h4{color:#ccc;}
.blog-details__meta {font-size:14px;color:var(--color-text-muted);display:flex;gap:14px;flex-wrap:wrap;}
.blog-details__title {font-size:34px;}
.blog-details__author {display:flex;align-items:center;gap:12px;}
.blog-details__author img {width:48px;height:48px;border-radius:50%;}
.blog-details__author small {color:var(--color-text-muted);}
.blog-details__content p {margin-bottom:1.2rem;}
.blog-details__promo {background:linear-gradient(135deg, #020617, #0f172a);color:#fff;border-radius:12px;padding:30px;display:flex;justify-content:space-between;align-items:center;}
.blog-details__promo small {color:var(--brand-accent);letter-spacing:1px;}
.blog-sidebar .sidebar-widget {background-color:var(--brand-bg-soft);border:1px solid var(--brand-border);padding:20px;border-radius:12px;margin-bottom:20px;}
.widget-title {font-size:18px;margin-bottom:15px;}
.category-list {list-style:none;padding:0;margin:0;}
.category-list li {margin-bottom:10px;}
.category-list a {display:flex;justify-content:space-between;color:var(--color-text);}
.category-list a:hover {color:var(--brand-primary);}
.tag-list a {display:inline-block;padding:6px 14px;border-radius:30px;font-size:13px;margin:4px 4px 0 0;background:#e5f9ed;color:var(--brand-primary-dark);}
.gallery-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}
.gallery-grid img {width:100%;height:70px;object-fit:cover;border-radius:8px;transition:transform 0.3s ease;}
.gallery-grid a:hover img {transform:scale(1.05);}
.recent-posts {list-style:none;padding:0;margin:0;}
.recent-post {display:flex;gap:12px;margin-bottom:15px;}
.recent-post img {width:60px;height:60px;object-fit:cover;border-radius:8px;}
.recent-post a {display:block;font-size:14px;font-weight:500;color:var(--color-text);line-height:1.3;}
.recent-post a:hover {color:var(--brand-primary);}
.recent-post small {color:var(--color-text-muted);font-size:12px;}
/* =========================
 Dashboard Page
========================= */
.dashboard-sidebar {background:var(--brand-bg-soft);border:1px solid var(--brand-border);padding:20px;border-radius:12px;}
.dashboard-menu {list-style:none;padding:0;margin:0;}
.dashboard-menu li {margin-bottom:10px;}
.dashboard-menu a {display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--color-text);}
.dashboard-menu li.active a,.dashboard-menu a:hover {background-color:var(--brand-primary);color:#fff;}
.dashboard-content {padding-left:10px;}
.dashboard-welcome h3 {margin-bottom:5px;}
.dashboard-card {background:var(--brand-bg-soft);border:1px solid var(--brand-border);border-radius:12px;padding:20px;text-align:center;}
.dashboard-card i {font-size:28px;color:var(--brand-primary);}
.dashboard-card h4 {margin:10px 0 5px;}
.dashboard-box {background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:12px;padding:20px;}
.delivery-item,.recurring-item {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--brand-border);}
.delivery-item:last-child,.recurring-item:last-child {border-bottom:none;}
.recurring-item small {display:block;color:var(--color-text-muted);}
.service-card {position:relative;padding:2rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);transition:transform 0.4s ease, box-shadow 0.4s ease;overflow:hidden;}
.service-card::after {content:"";position:absolute;inset:0;background:linear-gradient( 120deg, transparent, rgba(34, 197, 94, 0.08), transparent );opacity:0;transition:opacity 0.4s ease;}
.service-card:hover {transform:translateY(-10px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.08);}
.service-card:hover::after {opacity:1;}
.service-icon {font-size:2.5rem;margin-bottom:1rem;transition:transform 0.4s ease;}
.service-card:hover .service-icon {transform:scale(1.15);}
.service-link {display:block;text-decoration:none;color:inherit;}
.service-card {position:relative;overflow:hidden;}
.service-card .ripple {position:absolute;border-radius:50%;transform:scale(0);animation:ripple-effect 600ms ease-out;background:rgba(34, 197, 94, 0.25);/* uses brand green softly */
 pointer-events:none;}
@keyframes ripple-effect {to {transform:scale(4);opacity:0;}}
.service-link {position:relative;}
.service-card {position:relative;overflow:hidden;}
.service-card::before {content:"";position:absolute;width:200%;height:200%;top:50%;left:50%;background:radial-gradient( circle, rgba(34, 197, 94, 0.18) 0%, rgba(34, 197, 94, 0.12) 25%, transparent 55%
 );transform:translate(-50%, -50%) scale(0);transition:transform 0.6s ease;pointer-events:none;}
.service-card:hover::before {transform:translate(-50%, -50%) scale(1);}
.process-card {padding:2rem 1.5rem;border-radius:1rem;background:var(--bs-body-bg);transition:transform 0.3s ease, box-shadow 0.3s ease;}
.process-card:hover {transform:translateY(-6px);box-shadow:0 12px 30px rgba(0, 0, 0, 0.06);}
.process-icon {font-size:2.2rem;margin-bottom:1rem;color:var(--bs-primary);}
.section-soft {background-color:var(--brand-bg-soft);}
.process-section {position:relative;background:linear-gradient( rgba(15, 23, 42, 0.65), rgba(15, 23, 42, 0.65) ), url("../images/bg1.jpg") center / cover no-repeat;color:#fff;}
.process-section h2,.process-section h6 {color:#fff;}
.process-section p,.process-section .text-muted {color:rgba(229, 231, 235, 0.85) !important;}
.process-card {background:rgba(15, 23, 42, 0.55);/* dark glass */
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.12);color:#e5e7eb;}
.process-card h6 {color:#ffffff;}
.process-card p {color:rgba(229, 231, 235, 0.85);}
.process-card:hover {box-shadow:0 0 0 1px rgba(34, 197, 94, 0.35);}
.dashboard-features li {display:flex;align-items:center;gap:0.6rem;margin-bottom:0.8rem;font-size:15px;}
.dashboard-features i {color:var(--brand-primary);}
.dashboard-preview img {transition:transform 0.5s ease;}
.dashboard-preview:hover img {transform:scale(1.02);}
/* =========================
 Section
========================= */
.service-sidebar {background-color:var(--brand-bg-soft);border:1px solid var(--brand-border);border-radius:1rem;}
.service-sidebar h5,.service-sidebar h6 {margin-bottom:0.75rem;}
.service-sidebar ul li {font-size:14.5px;}
.service-sidebar hr {border-color:var(--brand-border);opacity:0.6;}
.service-sidebar i {line-height:1.2;}
.why-choose-section {position:relative;background:url("../images/bg2.jpg") center / cover no-repeat;}
.choose-card {background-color:rgba(255, 255, 255, 0.92);border-radius:1rem;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.choose-card:hover {transform:translateY(-6px);box-shadow:0 12px 30px rgba(0, 0, 0, 0.15);}
.stats-section {margin-bottom:3em;background:linear-gradient( 180deg, var(--brand-bg-soft), var(--brand-bg) );}
.stat-box {position:relative;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:1.25rem;padding:2.8rem 1.5rem;overflow:hidden;transition:transform 0.35s ease, box-shadow 0.35s ease;}
.stat-box:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(0, 0, 0, 0.08);}
.stat-value {font-size:42px;font-weight:600;color:var(--brand-primary);margin-bottom:0.4rem;}
.stat-label {font-size:15px;color:var(--color-text-muted);margin:0;}
.stat-watermark {position:absolute;right:16px;bottom:16px;font-size:64px;opacity:0.05;color:var(--brand-primary);pointer-events:none;}
.reveal {opacity:0;transform:translateY(20px);transition:all 0.6s ease;}
.reveal.active {opacity:1;transform:translateY(0);}
.timeline-section {background:var(--bs-body-bg);overflow:hidden;}
.timeline-wrapper {position:relative;}
.horizontal-timeline {display:flex;gap:3rem;overflow-x:auto;padding:2.5rem 2rem 2rem;scroll-snap-type:x mandatory;scrollbar-width:none;}
.horizontal-timeline::-webkit-scrollbar {display:none;}
.timeline-item {flex:0 0 280px;scroll-snap-align:center;position:relative;text-align:center;}
.timeline-dot {width:48px;height:48px;border-radius:50%;background:var(--bs-body-bg);border:2px solid var(--bs-border-color);display:grid;place-items:center;margin:0 auto 1rem;transition:all 0.3s ease;}
.timeline-dot i {font-size:1.25rem;color:var(--bs-secondary-color);}
.timeline-card {background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:1rem;padding:1.25rem;transition:all 0.3s ease;}
.timeline-year {font-weight:600;color:var(--bs-secondary-color);font-size:0.875rem;}
.timeline-item.active .timeline-dot {background:var(--brand-primary);border-color:var(--brand-primary);}
.timeline-item.active .timeline-dot i {color:#fff;}
.timeline-item.active .timeline-card {border-color:var(--brand-primary);}
[data-theme="dark"] .timeline-item.active .timeline-dot {box-shadow:0 0 0 6px rgba(34, 197, 94, 0.15), 0 0 18px rgba(34, 197, 94, 0.45);}
.timeline-progress {position:absolute;top:60px;left:0;width:100%;height:2px;background:var(--bs-border-color);}
.timeline-progress-fill {height:100%;width:0%;background:var(--brand-primary);transition:width 0.25s ease;}
.timeline-nav {position:absolute;top:45%;width:42px;height:42px;border-radius:50%;border:none;background:var(--brand-primary);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:10;}
.timeline-nav.prev {left:-10px;}
.timeline-nav.next {right:-10px;}
@media (max-width:768px) {.timeline-nav {display:none;}}
.team-section {background:#f8fafc;}
.team-card {position:relative;border-radius:18px;overflow:hidden;height:360px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,0.08);transition:transform 0.4s ease, box-shadow 0.4s ease;}
.team-card:hover {transform:translateY(-10px);box-shadow:0 22px 64px rgba(0,0,0,0.18);}
.team-image img {width:100%;height:100%;object-fit:cover;object-position:top;/* head not cut */
 transition:transform 0.6s ease;}
.team-card:hover img {transform:scale(1.06);}
.team-overlay {position:absolute;inset:0;display:flex;align-items:flex-end;padding:1.25rem;background:linear-gradient(
 to top,
 rgba(34, 197, 94, 0.92) 0%, /* brand green */
 rgba(34, 197, 94, 0.82) 40%,
 rgba(34, 197, 94, 0.35) 70%,
 transparent 100%
 );opacity:0;transition:opacity 0.4s ease;}
.team-card:hover .team-overlay {opacity:1;}
.team-info {width:100%;text-align:center;transform:translateY(12px);transition:transform 0.4s ease;}
.team-card:hover .team-info {transform:translateY(0);}
.team-info h3 {color:#ffffff;margin-bottom:0.2em;}
.team-info span {color:rgba(240, 253, 244, 0.9);}
.team-social {display:flex;justify-content:center;gap:0.75rem;margin-top:0.75rem;}
.team-social a {color:#ffffff;backdrop-filter:blur(6px);}
.team-social a:hover {color:#ffffff;transform:translateY(-3px);}
@media (max-width:768px) {.team-card {height:320px;}}
.testimonial-advanced {background:radial-gradient(circle at top, #1e293b, #020617);overflow:hidden;}
.testimonial-glass {position:relative;padding:2.5rem 2rem;border-radius:1.75rem;background:linear-gradient(
 180deg,
 rgba(30,41,59,.9),
 rgba(15,23,42,.95)
 );backdrop-filter:blur(18px);color:#f8fafc;text-align:center;height:100%;box-shadow:0 30px 80px rgba(0,0,0,.55);transform-style:preserve-3d;transition:transform .25s ease, box-shadow .25s ease;overflow:hidden;}
.testimonial-glass > *:not(.spotlight) {position:relative;z-index:2;}
.spotlight {position:absolute;inset:0;background:radial-gradient(
 300px circle at var(--x) var(--y),
 rgba(34,197,94,.35),
 transparent 60%
 );opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1;}
.testimonial-glass:hover .spotlight {opacity:1;}
.testimonial-glass img {width:84px;height:84px;object-fit:cover;object-position:top;border-radius:50%;border:3px solid #22c55e;margin-bottom:1rem;transform:translateZ(30px);}
.stars {display:flex;justify-content:center;gap:5px;margin-bottom:1rem;}
.stars i {font-size:1.1rem;color:#334155;}
.stars i.active {color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.6);}
.testimonial-glass p {color:#e5e7eb;font-size:.95rem;line-height:1.6;margin-bottom:1.25rem;text-shadow:0 1px 2px rgba(0,0,0,.4);}
.testimonial-glass h6 {color:#ffffff;margin-bottom:0;font-weight:600;}
.testimonial-glass span {font-size:.85rem;color:#94a3b8;}
.carousel-control-prev-icon,.carousel-control-next-icon {filter:invert(1);opacity:.6;}
@keyframes starPop {from {transform:scale(.5);opacity:0;}
 to {transform:scale(1);opacity:1;}}
 @media (min-width: 992px) and (max-width: 1199px) {.gap-2{gap:.2rem!important}}
@media (max-width:768px) {.team-card {height:400px;}
 .team-info {transform:none;opacity:1;padding:20px 0;background:#000;}.stat-value{font-size:20px;}.stat-box{padding:20px 0;}
 .team-info h6 {font-size:1rem;}
 .team-info span {font-size:0.8rem;}
 .team-social a {width:32px;height:32px;font-size:0.85rem;background:rgba(255,255,255,0.35);}
 .team-card::before {display:none;}}
 @media (max-width: 768px) {
    .hero-section {
        background: url(../images/bg-banner.jpg) center / cover no-repeat !important;
    }.badge-2{right:1% !important;}.badge-1{left:5% !important;}
}
/* ==========================
 HERO SECTION
========================== */
.hero-section {position:relative;padding:9rem 0;overflow:hidden;background:url("../images/bg4.png") center / cover no-repeat;}
.hero-section::before {content:"";position:absolute;inset:0;background:linear-gradient(
 to right,
 rgba(34, 197, 94, 0.92) 0%,
 rgba(34, 197, 94, 0.82) 40%,
 rgba(34, 197, 94, 0.35) 65%,
 rgba(34, 197, 94, 0.15) 100%
 );z-index:1;}
.hero-section .container {position:relative;z-index:2;}
.hero-badge {display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 0.9rem;background:rgba(255, 255, 255, 0.18);color:#ecfdf5;border-radius:999px;font-size:0.85rem;font-weight:500;backdrop-filter:blur(6px);margin-bottom:1rem;}
.hero-title {font-size:clamp(2.5rem, 4vw, 3.6rem);font-weight:800;line-height:1.15;margin-bottom:1rem;color:#ffffff;}
.hero-text {font-size:1.05rem;color:rgba(236, 253, 245, 0.95);max-width:520px;margin-bottom:2rem;}
.hero-actions {display:flex;gap:1rem;flex-wrap:wrap;}
.hero-actions .btn-success {background:#22c55e;border-color:#22c55e;box-shadow:0 12px 30px rgba(34, 197, 94, 0.45);}
.hero-actions .btn-outline-success {color:#ffffff;border-color:rgba(255,255,255,0.6);}
.hero-actions .btn-outline-success:hover {background:rgba(255,255,255,0.15);border-color:#ffffff;}
.hero-stats {display:flex;gap:2.5rem;margin-top:2.5rem;}
.hero-stats strong {font-size:1.35rem;color:#ffffff;}
.hero-stats span {display:block;font-size:0.8rem;color:rgba(236, 253, 245, 0.85);}
.hero-image-wrapper {position:relative;max-width:520px;margin-inline:auto;}
.floating-badge {position:absolute;background:#22c55e;color:#ffffff;padding:0.45rem 0.75rem;border-radius:999px;font-size:0.75rem;box-shadow:0 12px 30px rgba(34,197,94,0.45);animation:floatBadge 4s ease-in-out infinite;}
.badge-1 {top:12%;left:-12%;}
.badge-2 {bottom:12%;right:-12%;animation-delay:1.2s;}
@keyframes floatBadge {0%, 100% {transform:translateY(0);}
 50% {transform:translateY(-8px);}}
@media (max-width:991px) {.hero-section {padding:3em 1em1em;text-align:center;}
 .hero-section::before {background:linear-gradient(
 to bottom,
 rgba(34, 197, 94, 0.95) 0%,
 rgba(34, 197, 94, 0.75) 60%,
 rgba(34, 197, 94, 0.55) 100%
 );}
 .hero-text {margin-inline:auto;}
 .hero-actions, .hero-stats {justify-content:center;}}
.floating-badge i {font-size:0.85rem;vertical-align:middle;}
.floating-badge {color:#fff;}
.floating-badge i {color:#fff;}
/* =========================
 HERO ENTRANCE ANIMATIONS
========================= */
.hero-section {animation:heroBgZoom 12s ease-in-out infinite alternate;}
@keyframes heroBgZoom {from {background-size:100%;}
 to {background-size:108%;}}
.hero-badge,.hero-title,.hero-text,.hero-actions,.hero-stats {opacity:0;transform:translateY(24px);animation:heroReveal 0.9s ease forwards;}
.hero-badge {animation-delay:0.1s;}
.hero-title {animation-delay:0.25s;}
.hero-text {animation-delay:0.4s;}
.hero-actions {animation-delay:0.55s;}
.hero-stats {animation-delay:0.7s;}
@keyframes heroReveal {to {opacity:1;transform:translateY(0);}}
.hero-actions .btn {transition:transform 0.3s ease, box-shadow 0.3s ease;}
.hero-actions .btn:hover {transform:translateY(-3px);box-shadow:0 12px 28px rgba(34,197,94,0.35);}
.floating-badge {animation:floatBadge 4s ease-in-out infinite, badgePulse 2.5s ease-in-out infinite;}
@keyframes badgePulse {0%,100% {box-shadow:0 12px 30px rgba(34,197,94,0.45);}
 50% {box-shadow:0 18px 44px rgba(34,197,94,0.65);}}
.hero-stats div {transition:transform 0.3s ease;}
.hero-stats div:hover {transform:translateY(-4px);}
/* =========================
 VALUE STRIP
========================= */
.value-strip {background:var(--brand-bg-);}
.value-card {padding:2rem 1.5rem;border-radius:1.25rem;background:var(--brand-bg);box-shadow:0 10px 36px rgba(0,0,0,0.06);transition:transform 0.35s ease, box-shadow 0.35s ease;}
.value-card i {font-size:2rem;color:var(--brand-primary);margin-bottom:1rem;display:inline-block;}
.value-card h6 {font-weight:600;margin-bottom:0.5rem;}
.value-card p {font-size:0.9rem;color:var(--color-text-muted);margin-bottom:0;}
.value-card:hover {transform:translateY(-6px);box-shadow:0 18px 50px rgba(34,197,94,0.18);}
/* ===============================
 POPULAR CATEGORIES
================================ */
.category-box {background:#ffffff;border:1px solid #e8e8e8;border-radius:14px;padding:5px;text-align:center;height:100%;transition:all 0.3s ease;}
.category-box img {width:100%;max-height:120px;object-fit:contain;margin-bottom:1rem;}
.category-box h6 {margin:0;font-size:1rem;font-weight:600;color:#111;}
.category-box:hover {border-color:#22c55e;box-shadow:0 12px 30px rgba(34, 197, 94, 0.15);transform:translateY(-5px);}
@media (max-width:575px) {.category-box img {max-height:95px;}
 .category-box h6 {font-size:0.95rem;}}
/* =========================
 FEATURED PRODUCTS
========================= */
.featured-products {background:#fff;}
.section-title {font-size:2rem;font-weight:700;color:#0f172a;}
.section-subtitle {color:#64748b;font-size:0.95rem;}
.product-card {position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.2rem;height:100%;transition:all 0.3s ease;}
.product-card:hover {border-color:#22c55e;box-shadow:0 18px 40px rgba(34,197,94,0.18);transform:translateY(-4px);}
.sale-badge {position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;font-size:0.75rem;padding:0.35rem 0.6rem;border-radius:6px;z-index:2;}
.product-image {text-align:center;padding:1rem 0 1.5rem;}
.product-image img {max-width:180px;height:auto;transition:transform 0.4s ease;}
.product-card:hover .product-image img {transform:scale(1.08);}
.product-actions {position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.6rem;opacity:0;transition:all 0.3s ease;}
.product-card:hover .product-actions {opacity:1;}
.product-actions button {width:38px;height:38px;border-radius:50%;border:none;background:#f1f5f9;color:#0f172a;display:grid;place-items:center;transition:0.3s;}
.product-actions button:hover,.product-actions button.active {background:#22c55e;color:#fff;}
.product-info h6 {font-weight:600;margin-bottom:0.4rem;}
.price {font-size:1rem;font-weight:600;color:#16a34a;}
.price del {color:#94a3b8;font-size:0.85rem;margin-left:0.4rem;}
.rating {margin-top:0.4rem;color:#f59e0b;font-size:0.8rem;}
@media (max-width:575px) {.product-image img {max-width:150px;}}
.product-image {position:relative;overflow:hidden;}
.product-actions {position:absolute;top:50%;right:-60px;/* hidden initially */
 transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;opacity:0;transition:all 0.4s ease;}
.product-card:hover .product-actions {right:15px;opacity:1;}
.action-btn {width:42px;height:42px;border-radius:50%;border:none;background:#ffffff;color:#22c55e;box-shadow:0 10px 25px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all 0.3s ease;}
.action-btn:hover {background:#22c55e;color:#fff;transform:scale(1.1);}
.product-card:hover .action-btn:nth-child(1) {transition-delay:0.05s;}
.product-card:hover .action-btn:nth-child(2) {transition-delay:0.12s;}
.product-card:hover .action-btn:nth-child(3) {transition-delay:0.18s;}
.add-to-cart-btn {margin-top:0.75rem;width:100%;
 padding:0.55rem 1rem;border-radius:999px;border:1px solid var(--bs-primary);background:transparent;
 display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;
 font-size:0.9rem;font-weight:600;color:var(--bs-primary);
 transition:all 0.3s ease;}
/* Hover */
.product-card:hover .add-to-cart-btn,
.add-to-cart-btn:hover {background:var(--bs-primary);color:var(--bs-white);}
.add-to-cart-btn {opacity:0;transform:translateY(6px);}
.product-card:hover .add-to-cart-btn {opacity:1;transform:translateY(0);}
.active-card .add-to-cart-btn {background:var(--bs-primary);color:var(--bs-white);}

.promo-banner-section {background:var(--bs-body-bg);}
.promo-banner {position:relative;min-height:320px;border-radius:20px;overflow:hidden;background:url("../images/banner-lg-16.jpg") center/cover no-repeat;display:flex;align-items:center;}
.promo-banner::after {content:"";position:absolute;inset:0;background:linear-gradient(
 90deg,
 rgba(0, 0, 0, 0.15) 0%,
 rgba(0, 0, 0, 0.65) 55%
 );}
.promo-content {position:relative;z-index:2;max-width:420px;margin-left:auto;padding:3rem 4rem;color:#fff;animation:fadeUp 0.8s ease both;}
.promo-tag {display:inline-block;letter-spacing:2px;font-size:0.8rem;opacity:0.9;margin-bottom:0.75rem;}
.promo-title {font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem;color:var(--brand-bg);}
.promo-title .highlight {color:#facc15;margin-right:0.25rem;}
.promo-text {font-size:0.95rem;opacity:0.9;margin-bottom:1.75rem;line-height:1.6;color:var(--brand-bg);}
.promo-btn {padding:0.75rem 1.75rem;border-radius:50px;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 10px 30px rgba(34, 197, 94, 0.35);transition:all 0.3s ease;}
.promo-btn:hover {transform:translateY(-2px);box-shadow:0 14px 40px rgba(34, 197, 94, 0.5);}
@keyframes fadeUp {from {opacity:0;transform:translateY(20px);}
 to {opacity:1;transform:translateY(0);}}
@media (max-width:768px) {.promo-banner {min-height:260px;}
 .promo-content {margin-left:0;text-align:center;}}
.cart-item-row {display:flex;align-items:center;gap:1rem;
 padding:1rem 0;border-bottom:1px solid var(--bs-border-color);}
.cart-item-row img {width:70px;height:70px;object-fit:contain;}
.cart-item-info h6 {margin:0;font-weight:600;}
.cart-qty {display:flex;align-items:center;gap:6px;margin-left:auto;}
.cart-qty button {width:32px;height:32px;border:1px solid var(--bs-border-color);background:transparent;border-radius:6px;}
.cart-qty input {width:40px;text-align:center;border:1px solid var(--bs-border-color);border-radius:6px;}
.cart-price {width:80px;text-align:right;font-weight:600;color:var(--brand-primary);}
.remove-item {border:none;background:transparent;font-size:18px;color:var(--bs-secondary-color);}
.remove-item:hover {color:var(--bs-danger);}
/* Summary */
.cart-summary {background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;padding:1.5rem;}
.summary-row {display:flex;justify-content:space-between;margin-bottom:0.75rem;}
.summary-row.total {border-top:1px solid var(--bs-border-color);padding-top:0.75rem;font-size:1.1rem;}
.checkout-card {background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;padding:1.5rem;}
.checkout-summary {background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;padding:1.5rem;}
.checkout-summary .summary-row {display:flex;justify-content:space-between;margin-bottom:0.75rem;}
.checkout-summary .summary-row.total {border-top:1px solid var(--bs-border-color);padding-top:0.75rem;font-size:1.1rem;}
.latest-news-section {background:var(--bs-body-bg);}
.section-header .section-tag {display:inline-block;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--brand-primary);margin-bottom:0.5rem;}
.section-title {font-family:var(--font-heading);font-size:clamp(1.8rem, 4vw, 2.4rem);margin-bottom:0.75rem;}
.section-subtitle {max-width:520px;margin:0 auto;color:var(--bs-secondary-color);}
/* News Card */
.news-card {background:var(--bs-body-bg);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.06);height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease;}
.news-card:hover {transform:translateY(-6px);box-shadow:0 16px 45px rgba(0,0,0,0.12);}
.news-img {width:100%;height:220px;object-fit:cover;}
.news-content {padding:1.5rem;}
.news-date {font-size:0.8rem;color:var(--brand-accent);display:inline-flex;align-items:center;gap:0.35rem;margin-bottom:0.5rem;}
.news-title {font-family:var(--font-heading);font-size:1.15rem;margin-bottom:0.5rem;}
.news-text {font-size:0.9rem;color:var(--bs-secondary-color);margin-bottom:1rem;line-height:1.6;}
.news-link {font-weight:600;color:var(--brand-primary);display:inline-flex;align-items:center;gap:0.35rem;transition:gap 0.3s ease, color 0.3s ease;}
.news-link:hover {color:var(--brand-primary-dark);gap:0.6rem;}
.news-card {position:relative;isolation:isolate;}
.news-card::before {content:"";position:absolute;inset:0;background:radial-gradient(
 600px circle at var(--x, 50%) var(--y, 50%),
 rgba(34, 197, 94, 0.12),
 transparent 40%
 );opacity:0;transition:opacity 0.4s ease;z-index:-1;}
.news-card:hover::before {opacity:1;}
.news-img {transition:transform 0.6s ease;}
.news-card:hover .news-img {transform:scale(1.08);}
.news-title {position:relative;display:inline-block;}
.news-title::after {content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:linear-gradient(
 90deg,
 var(--brand-primary),
 var(--brand-accent)
 );border-radius:2px;transition:width 0.4s ease;}
.news-card:hover .news-title::after {width:100%;}
.news-link i {transition:transform 0.3s ease;}
.news-card:hover .news-link i {transform:translateX(6px);}
.coming-soon {min-height:100vh;background:linear-gradient(
 135deg,
 rgba(34,197,94,0.08),
 rgba(250,204,21,0.08)
 );}
.coming-box {max-width:680px;padding:3rem 2rem;background:var(--bs-body-bg);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,0.08);}
.coming-title {font-family:var(--font-heading);font-size:clamp(2.2rem, 4vw, 3rem);font-weight:700;color:var(--bs-body-color);margin-bottom:1rem;}
.coming-title span {background:linear-gradient(
 135deg,
 var(--brand-primary),
 var(--brand-accent)
 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.coming-soon h2{padding-top:20px;}
.coming-text {color:var(--bs-secondary-color);font-size:1rem;margin-bottom:2.2rem;line-height:1.7;}
.countdown {display:flex;justify-content:center;gap:1rem;margin-bottom:2.2rem;flex-wrap:wrap;}
.time-box {background:rgba(34,197,94,0.1);border-radius:14px;padding:1rem 1.2rem;min-width:90px;}
.time-box span {display:block;font-size:1.6rem;font-weight:700;color:var(--brand-primary);}
.time-box small {font-size:0.75rem;color:var(--bs-secondary-color);letter-spacing:1px;text-transform:uppercase;}
.notify-form {display:flex;gap:0.6rem;max-width:420px;margin:0 auto 1.8rem;}
.notify-form input {flex:1;padding:0.65rem 1rem;border-radius:50px;border:1px solid var(--bs-border-color);outline:none;}
.notify-form input:focus {border-color:var(--brand-primary);}
.notify-form button {border-radius:50px;padding:0.65rem 1.4rem;}
.back-home {display:inline-flex;align-items:center;gap:0.4rem;color:var(--brand-primary);font-weight:500;text-decoration:none;transition:transform 0.3s ease;}
.back-home:hover {transform:translateX(-4px);}
[data-bs-theme="dark"] .coming-box {box-shadow:0 25px 60px rgba(0,0,0,0.4);}
.time-box span {display:inline-block;animation-duration:0.4s;animation-timing-function:ease;}
.time-box span.flip {animation-name:flipDown;}
@keyframes flipDown {from {transform:translateY(-12px);opacity:0;}
 to {transform:translateY(0);opacity:1;}
}
.time-box {background:rgba(34,197,94,0.12);border-radius:18px;padding:1.4rem 1.6rem;min-width:110px;text-align:center;}
.time-box span {display:block;font-size:clamp(2.4rem, 4vw, 3rem);font-weight:800;line-height:1;margin-bottom:0.4rem;color:var(--brand-primary);animation-duration:0.4s;}
.time-box small {display:block;
 font-size:0.7rem;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--bs-secondary-color);}
@media (max-width:575px) {.time-box {min-width:90px;padding:1.2rem 1rem;}
 .time-box span {font-size:2rem;}
}
.login-page {background:linear-gradient(
 135deg,
 rgba(34,197,94,0.1),
 rgba(250,204,21,0.1)
 );font-family:var(--font-paragraph);}
.login-wrapper {min-height:100vh;}
.login-card {width:100%;max-width:420px;background:var(--bs-body-bg);padding:2.8rem 2.4rem;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,0.12);}
.logo {text-decoration:none;}
.logo-text {font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--brand-primary);letter-spacing:0.6px;}
.logo-go {background:linear-gradient(
 135deg,
 var(--brand-primary),
 var(--brand-accent)
 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.logo {display:inline-block;position:relative;}
.logo-go {display:inline-block;transition:transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);will-change:transform;}
.logo:hover .logo-go {transform:translateX(4px) scale(1.08);}
.logo-go {animation:none;}
.logo:hover .logo-go {animation:magneticGo 0.5s ease-out forwards;}
@keyframes magneticGo {0% {transform:translateX(0) scale(1);}
 60% {transform:translateX(6px) scale(1.1);}
 100% {transform:translateX(4px) scale(1.08);}}
.login-title {font-weight:700;font-size:1.6rem;}
.login-subtitle {font-size:0.9rem;color:var(--bs-secondary-color);}
.social-login {display:flex;flex-direction:column;gap:0.6rem;}
.social-btn {border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:50px;padding:0.65rem 1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:0.6rem;transition:all 0.3s ease;}
.social-btn img {width:18px;}
.social-btn.google:hover {border-color:#ea4335;background:#f8fafc;}
.social-btn.facebook {color:#1877f2;}
.social-btn.facebook:hover {background:rgba(24,119,242,0.08);border-color:#1877f2;}
.divider {position:relative;text-align:center;margin:1.2rem 0;}
.divider::before {content:"";position:absolute;inset:50% 0 auto;height:1px;background:var(--bs-border-color);}
.divider span {background:var(--bs-body-bg);padding:0 0.8rem;font-size:0.8rem;color:var(--bs-secondary-color);position:relative;}
.login-card .form-control {border-radius:10px;padding:0.6rem 0.9rem;}
.login-card .form-control:focus {border-color:var(--brand-primary);box-shadow:none;}
.login-link {color:var(--brand-primary);text-decoration:none;font-size:0.9rem;}
.login-link:hover {text-decoration:underline;}
[data-bs-theme="dark"] .login-card {box-shadow:0 30px 80px rgba(0,0,0,0.5);}
.social-login {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.social-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;
 height:48px;border-radius:10px;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);font-weight:500;font-size:0.9rem;cursor:pointer;transition:all 0.25s ease;}
.social-btn.google img {width:18px;height:18px;}
.social-btn.facebook {color:#1877f2;}
.social-btn.facebook i {font-size:18px;}
.social-btn:hover {background-color:rgba(34, 197, 94, 0.08);border-color:var(--brand-primary);}
.login-card {max-width:460px;padding:28px 24px;}
.form-label {font-size:0.85rem;margin-bottom:4px;}
.form-control {height:44px;border-radius:10px;font-size:0.9rem;}
.login-title {font-size:1.6rem;margin-bottom:4px;}
.login-subtitle {font-size:0.9rem;margin-bottom:18px;}
.social-btn {height:44px;font-size:0.9rem;}
.dashboard-layout {display:flex;min-height:100vh;}
.dashboard-page {min-height:100vh;overflow:hidden;}
.dashboard-layout {height:100vh;}
.dashboard-content {flex:1;overflow-y:auto;padding:28px;-webkit-overflow-scrolling:touch;}
.reorder-item button {background:var(--brand-primary);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;}
.dashboard-charts {display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:32px;}
.chart-card {background:#ffffff;border-radius:16px;padding:20px;box-shadow:0 14px 32px rgba(0,0,0,0.06);}
[data-bs-theme="dark"] .chart-card {background:#1f2933;}
@media (max-width:1024px) {.dashboard-charts {grid-template-columns:1fr;}}
.dashboard-sidebar {width:260px;background:var(--bs-dark);color:#fff;display:flex;flex-direction:column;transition:transform .3s ease;}
.sidebar-header {padding:20px;}
.logo {font-family:var(--font-heading);font-size:2rem !important;color:#fff;text-decoration:none;letter-spacing:0.6px !important;}
.logo-go {background:linear-gradient(135deg, var(--brand-primary), var(--brand-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sidebar-nav {padding:10px;flex:1;}
.sidebar-nav a {display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#cbd5f5;text-decoration:none;margin-bottom:6px;}
.sidebar-nav a.active,
.sidebar-nav a:hover {background:rgba(34,197,94,0.18);color:#fff;}
.sidebar-footer {padding:16px;}
.logout-btn {color:#fca5a5;text-decoration:none;}
.dashboard-content {flex:1;padding:28px;overflow-y:auto;}
.dashboard-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;}
.header-left {display:flex;align-items:center;gap:12px;}
.sidebar-toggle {border:none;background:transparent;font-size:24px;display:none;}
.header-actions {display:flex;align-items:center;gap:14px;}
.icon-btn {width:40px;height:40px;border-radius:50%;border:none;background:var(--bs-body-bg);display:grid;place-items:center;}
.user-avatar {width:40px;height:40px;border-radius:50%;}
.stats-row {display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:28px;}
.stat-card {background:#fff;padding:22px;border-radius:16px;}
.stat-card h3 {color:var(--brand-primary);font-weight:700;}
.dashboard-section {background:#fff;padding:22px;border-radius:16px;}
.orders-list {display:flex;flex-direction:column;gap:12px;}
.order-item {background:#f8fafc;padding:14px 16px;border-radius:12px;display:flex;justify-content:space-between;}
.status.success {color:#16a34a;}
.status.pending {color:#b45309;}
@media (max-width:1024px) {.sidebar-toggle {display:block;}
 .dashboard-sidebar {position:fixed;height:100vh;z-index:1050;transform:translateX(-100%);}
 .dashboard-sidebar.open {transform:translateX(0);}
 .dashboard-stats {grid-template-columns:repeat(2, 1fr);}}
@media (max-width:768px) {.dashboard-stats {grid-template-columns:1fr;}}
.sidebar-header {padding:20px;display:flex;align-items:center;justify-content:space-between;}
.sidebar-close {display:none;border:none;background:transparent;color:#fff;font-size:20px;}
.sidebar-toggle {border:none;background:transparent;font-size:26px;display:none;}
@media (max-width:1024px) {
 .sidebar-toggle {display:block;}
 .sidebar-close {display:block;}
 .dashboard-sidebar {position:fixed;height:100vh;z-index:1100;transform:translateX(-100%);}
 .dashboard-sidebar.open {transform:translateX(0);}}
.next-delivery {display:flex;justify-content:space-between;align-items:center;}
.next-delivery .date {font-weight:600;}
.next-delivery .address {font-size:0.85rem;color:#64748b;}
.reorder-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:14px;}
.reorder-item {background:#f8fafc;padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;}
.reorder-item button {background:var(--brand-primary);color:#fff;border:none;border-radius:20px;padding:4px 12px;font-size:0.75rem;}
.schedule-list {list-style:none;padding:0;margin:0;}
.schedule-list li {padding:10px 0;border-bottom:1px dashed #e5e7eb;font-size:0.9rem;}
.notification {background:#f1f5f9;padding:12px 14px;border-radius:10px;font-size:0.85rem;margin-bottom:8px;}
/* ===== Stats Grid ===== */
.stats-row {display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:28px;}
.stat-card {background:#ffffff;border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,0.06);}
.stat-card i {font-size:22px;color:#22c55e;margin-bottom:6px;display:inline-block;}
.stat-card h3 {font-size:28px;color:#22c55e;margin:4px 0;}
.stat-card p {font-size:14px;color:#6b7280;}
[data-bs-theme="dark"] .stat-card {background:#1f2933;}
@media (max-width:576px) {.stats-row {grid-template-columns:repeat(2, 1fr);}}
@media (min-width:577px) and (max-width:1024px) {.stats-row {grid-template-columns:repeat(2, 1fr);}}
.gg-admin-page {font-family:var(--font-paragraph);background:var(--bs-body-bg);min-height:100vh;overflow:hidden;}
.gg-admin-layout {display:flex;height:100vh;}
.gg-admin-sidebar {width:270px;background:var(--bs-dark);color:#fff;display:flex;flex-direction:column;transition:transform 0.3s ease;}
.gg-admin-sidebar-head {padding:20px;display:flex;align-items:center;justify-content:space-between;}
.gg-admin-logo {font-family:var(--font-heading);font-size:24px;text-decoration:none;color:#fff;}
.gg-admin-logo span {background:linear-gradient(
 135deg,
 var(--brand-primary),
 var(--brand-accent)
 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.gg-admin-close {display:none;border:none;background:transparent;color:#fff;font-size:20px;}
.gg-admin-nav {padding:14px;flex:1;}
.gg-admin-nav a {display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#cbd5f5;text-decoration:none;font-size:0.95rem;margin-bottom:6px;}
.gg-admin-nav a i {font-size:18px;}
.gg-admin-nav a.active,
.gg-admin-nav a:hover {background:rgba(34,197,94,0.18);color:#fff;}
.gg-admin-sidebar-foot {padding:16px 20px;border-top:1px solid rgba(255,255,255,0.08);}
.gg-admin-logout {display:flex;gap:10px;color:#fca5a5;text-decoration:none;font-size:0.95rem;}
.gg-admin-main {flex:1;padding:28px;overflow-y:auto;}
.gg-admin-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;}
.gg-admin-header-left {display:flex;align-items:center;gap:12px;}
.gg-admin-toggle {display:none;border:none;background:transparent;font-size:26px;}
.gg-admin-actions {display:flex;align-items:center;gap:14px;}
.gg-admin-icon {width:40px;height:40px;border-radius:50%;border:none;background:var(--bs-body-bg);display:grid;place-items:center;}
.gg-admin-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;}
.gg-admin-stats {display:grid;grid-template-columns:repeat(4, 1fr);gap:18px;margin-bottom:30px;}
.gg-admin-stat {background:#ffffff;border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,0.06);}
.gg-admin-stat i {font-size:22px;color:var(--brand-primary);}
.gg-admin-stat h3 {font-size:28px;font-weight:700;margin:6px 0;color:var(--brand-primary);}
.gg-admin-stat p {font-size:14px;color:#6b7280;}
[data-bs-theme="dark"] .gg-admin-stat {background:#1f2933;}
.gg-admin-section {background:#ffffff;border-radius:16px;padding:22px;box-shadow:0 14px 32px rgba(0,0,0,0.06);margin-bottom:28px;}
[data-bs-theme="dark"] .gg-admin-section {background:#1f2933;}
.gg-admin-table {width:100%;border-collapse:collapse;font-size:0.9rem;}
.gg-admin-table th {padding:12px;text-align:left;color:#64748b;border-bottom:1px solid #e5e7eb;}
.gg-admin-table td {padding:12px;border-bottom:1px solid #f1f5f9;}
.gg-admin-table tr:hover {background:#f8fafc;}
.gg-admin-badge {padding:4px 10px;border-radius:14px;font-size:0.75rem;}
.gg-admin-badge.success {background:rgba(34,197,94,0.15);color:#16a34a;}
.gg-admin-badge.pending {background:rgba(245,158,11,0.15);color:#b45309;}
.gg-admin-badge.danger {background:rgba(239,68,68,0.15);color:#b91c1c;}
@media (max-width:1024px) {
 .gg-admin-toggle {display:block;}
 .gg-admin-close {display:block;}
 .gg-admin-sidebar {position:fixed;height:100vh;z-index:1200;transform:translateX(-100%);}
 .gg-admin-sidebar.open {transform:translateX(0);}
 .gg-admin-stats {grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:576px) {.gg-admin-stats {grid-template-columns:repeat(2, 1fr);}
 .gg-admin-main {padding:18px;}
}
.shop-page {padding:30px 20px;background:#f8fafc;}
.shop-sidebar {position:sticky;top:20px;}
.filter-box {background:#fff;padding:16px;border-radius:14px;margin-bottom:20px;}
.filter-title {font-weight:600;margin-bottom:12px;}
.filter-list {list-style:none;padding:0;margin:0;}
.filter-list li {font-size:14px;display:flex;justify-content:space-between;margin-bottom:8px;}
.filter-list li.active {color:#22c55e;font-weight:600;}
.rating-row {display:flex;align-items:center;gap:4px;font-size:14px;margin-bottom:8px;}
.rating-row i {color:#facc15;}
.tag-list {display:flex;flex-wrap:wrap;gap:8px;}
.tag-list span {background:#f1f5f9;padding:6px 10px;border-radius:20px;font-size:12px;}
.discount-box {background:linear-gradient(135deg, #22c55e, #84cc16);color:#fff;padding:18px;border-radius:16px;}
.discount-box a {color:#fff;font-weight:600;}
.mini-product {display:flex;gap:12px;margin-bottom:12px;}
.mini-product img {width:48px;}
.shop-topbar {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.sort-box select {padding:6px 10px;border-radius:8px;}
.product-card {background:#fff;border-radius:16px;padding:16px;text-align:center;position:relative;height:100%;}
.product-card img {max-width:100%;height:120px;object-fit:contain;}
.sale-badge {position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;font-size:12px;padding:4px 8px;border-radius:20px;}
.price {font-weight:600;}
.price del {font-size:12px;color:#94a3b8;}
.stars i {color:#facc15;font-size:14px;}
@media (max-width:991px) {.shop-sidebar {position:static;}
}
html, body {overflow-x:hidden;}
.product-card {overflow:hidden;/* contain animations */
}
.product-actions {right:12px;transform:translate(60px, -50%);opacity:0;}
.product-card:hover .product-actions {transform:translate(0, -50%);opacity:1;}
html, body {overflow-x:hidden;}
.product-details-page {background:#ffffff;font-family:var(--font-paragraph, "Montserrat", sans-serif);}
.product-gallery {background:#f8fafc;border-radius:18px;padding:24px;}
.main-image {text-align:center;margin-bottom:16px;}
.main-image img {max-width:100%;max-height:360px;transition:transform 0.4s ease;}
.main-image img:hover {transform:scale(1.05);}
.thumb-images {display:flex;gap:12px;justify-content:center;}
.thumb-images img {width:70px;height:70px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;border:2px solid transparent;cursor:pointer;transition:0.3s;}
.thumb-images img.active,
.thumb-images img:hover {border-color:#22c55e;}
.product-info-box {padding:10px 0;}
.product-badge {display:inline-block;background:rgba(34,197,94,0.12);color:#22c55e;padding:6px 14px;border-radius:999px;font-size:0.75rem;font-weight:600;margin-bottom:12px;}
.product-title {font-size:2rem;font-weight:700;color:#0f172a;}
.product-rating {display:flex;align-items:center;gap:4px;margin:8px 0;color:#f59e0b;font-size:0.9rem;}
.product-rating span {color:#64748b;margin-left:6px;}
.product-price {margin:12px 0;font-size:1.5rem;font-weight:700;color:#16a34a;}
.product-price del {font-size:0.9rem;color:#94a3b8;margin-left:10px;}
.product-desc {color:#475569;font-size:0.95rem;margin:18px 0;line-height:1.7;}
.quantity-box {display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.qty-control {display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden;}
.qty-control button {background:transparent;border:none;width:36px;height:36px;font-size:18px;cursor:pointer;}
.qty-control input {width:40px;border:none;text-align:center;font-weight:600;}
.product-actions {display:flex;gap:14px;margin-bottom:20px;}
.btn-add-cart {flex:1;border-radius:999px;border:none;background:#22c55e;color:#fff;padding:12px 18px;font-weight:600;transition:0.3s;}
.btn-add-cart:hover {background:#16a34a;}
.btn-wishlist {width:48px;height:48px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;font-size:18px;transition:0.3s;}
.btn-wishlist:hover {background:#22c55e;color:#fff;border-color:#22c55e;}
.product-meta {font-size:0.85rem;color:#64748b;margin-bottom:20px;}
.product-meta p {margin-bottom:6px;}
@media (max-width:768px) {
 .product-title {font-size:1.6rem;}
 .main-image img {max-height:260px;}
 .thumb-images img {width:60px;height:60px;}}
.product-tabs-section {background:#ffffff;}
.product-tabs {border-bottom:2px solid #e5e7eb;gap:24px;}
.product-tabs .nav-link {border:none;background:none;font-weight:600;color:#64748b;padding:12px 0;position:relative;}
.product-tabs .nav-link.active {color:#22c55e;}
.product-tabs .nav-link.active::after {content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#22c55e;border-radius:10px;}
.product-tab-content {padding-top:24px;font-size:0.95rem;color:#475569;line-height:1.7;}
.product-points {margin-top:14px;padding:0;list-style:none;}
.product-points li {margin-bottom:8px;display:flex;align-items:center;gap:8px;color:#334155;}
.product-points i {color:#22c55e;}
.info-table {max-width:480px;}
.info-table th {width:40%;color:#0f172a;font-weight:600;}
.review-card {background:#f8fafc;padding:16px;border-radius:14px;margin-bottom:14px;}
.review-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.stars {color:#f59e0b;font-size:0.85rem;}
@media (max-width:768px) {.product-tabs {gap:16px;}
 .product-tabs .nav-link {font-size:0.9rem;}}
.related-products-section {background:#f8fafc;}
.section-title {font-weight:700;color:#0f172a;}
.section-subtitle {font-size:0.9rem;color:#64748b;}
.rp-card {background:#ffffff;border-radius:16px;padding:14px;text-align:center;transition:transform .25s ease, box-shadow .25s ease;}
.rp-card:hover {transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,0.08);}
.rp-card img {width:100%;height:140px;object-fit:contain;margin-bottom:10px;}
.rp-card h6 {font-size:0.95rem;margin-bottom:6px;}
.rp-rating {color:#f59e0b;font-size:0.75rem;margin-bottom:6px;}
.rp-price {font-weight:700;color:#22c55e;margin-bottom:8px;}
.rp-btn {border:none;background:#22c55e;color:#ffffff;font-size:0.8rem;padding:6px 14px;border-radius:20px;}
.carousel-control-prev-icon,.carousel-control-next-icon {filter:invert(1);}
.carousel {overflow:hidden;}
@media (max-width:768px) {.rp-card img {height:120px;}}
.product-actions {display:flex;flex-wrap:wrap;gap:12px;}
.add-cart-btn {background-color:#22c55e;color:#ffffff;border-radius:30px;padding:10px 26px;font-weight:600;border:none;transition:background 0.3s ease;}
.add-cart-btn i {margin-right:6px;}
.add-cart-btn:hover {background-color:#16a34a;color:#ffffff;}
.buy-now-btn {background-color:transparent;color:#22c55e;border:2px solid #22c55e;border-radius:30px;padding:10px 26px;font-weight:600;}
.buy-now-btn:hover {background-color:#22c55e;color:#ffffff;}
@media (max-width:576px) {.product-actions {flex-direction:column;}
 .buy-now-btn {margin-left:0 !important;}}
.shop-sidebar {display:block;}
@media (max-width:1024px) {.shop-sidebar {display:none;}}
.home2-hero {padding:120px 0 80px;}
.search-box {display:flex;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.search-box input {flex:1;border:0;padding:14px 20px;outline:none;}
.cat-pill {background:#f8f9fa;padding:12px;border-radius:12px;text-align:center;font-weight:500;cursor:pointer;}
.cat-pill:hover {background:#22c55e;color:#fff;}
.hero-slide {min-height:100vh;background-size:cover;background-position:center;position:relative;
 display:flex;align-items:center;}
.hero-overlay {position:absolute;inset:0;}
.hero-center-content {position:relative;max-width:720px;margin:auto;color:#000;}
.hero-center-content h1 {font-family:"Galdeano", sans-serif;font-size:clamp(2.4rem, 4vw, 3.8rem);margin-bottom:1rem;}
.hero-center-content p {font-size:1.1rem;color:#000;margin-bottom:2rem;}
.hero-badge {display:inline-flex;align-items:center;gap:6px;background:#22c55e;color:#fff;padding:6px 16px;border-radius:50px;font-size:0.85rem;margin-bottom:1rem;}
.hero-actions .btn {margin:0 6px;}
.hero-slider .carousel-control-prev-icon,
.hero-slider .carousel-control-next-icon {filter:invert(1);}
@media (max-width:768px) {.hero-center-content h1 {font-size:2.1rem;}
 .hero-actions .btn {display:block;margin:10px auto;}}
.hero-actions {display:flex;justify-content:center;align-items:center;margin-top:2rem;}
@media (max-width:768px) {.hero-actions {flex-direction:column;gap:12px;}
 .hero-actions .btn {width:220px;}}
.section-title {font-size:26px;font-weight:700;color:#111;}
.section-title span {color:#22c55e;}
.section-link {font-weight:600;color:#22c55e;text-decoration:none;}
.section-link:hover {text-decoration:underline;}
.section-title {font-size:26px;font-weight:700;color:#111;}
.section-title span {color:#22c55e;}
.section-link {font-weight:600;color:#22c55e;text-decoration:none;}
.section-link:hover {text-decoration:underline;}
.product-card {border-radius:18px;background:#fff;padding:20px;text-align:center;transition:all 0.35s ease;border:1px solid #f1f5f9;}
.product-card:hover {transform:translateY(-10px);box-shadow:0 18px 40px rgba(0,0,0,0.12);}
.product-card img {max-height:160px;object-fit:contain;transition:transform 0.3s ease;}
.product-card:hover img {transform:scale(1.08);}
.product-name {font-weight:600;margin-top:12px;}
.product-price {font-size:18px;font-weight:700;color:#22c55e;}
.add-cart-btn {margin-top:12px;background:#22c55e;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;opacity:0;transform:translateY(10px);transition:all 0.3s ease;}
.product-card:hover .add-cart-btn {opacity:1;transform:translateY(0);}
.section-soft-bg {background:#f8fafc;padding:60px 0;}
.section-gradient {background:linear-gradient(
 120deg,
 rgba(34,197,94,0.08),
 rgba(250,204,21,0.10)
 );}
.product-card,
.category-pill {background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);}
.page-bg {background:
 radial-gradient(circle at top left, #ecfeff, transparent 40%),
 radial-gradient(circle at bottom right, #f0fdf4, transparent 40%);}
.app-promo-section {padding:80px 0;background:linear-gradient(
 135deg,
 #f0fdf4 0%,
 #ecfeff 50%,
 #ffffff 100%
 );}
.app-promo-card {display:flex;align-items:center;justify-content:space-between;gap:40px;padding:60px;border-radius:24px;background:rgba(255, 255, 255, 0.9);box-shadow:0 20px 60px rgba(0, 0, 0, 0.06);}
.app-promo-content {max-width:520px;}
.app-badge {display:inline-block;background:rgba(34, 197, 94, 0.15);color:#16a34a;padding:6px 14px;border-radius:20px;font-size:14px;margin-bottom:14px;}
.app-promo-content h2 {font-size:36px;margin-bottom:12px;}
.app-promo-content p {color:#555;font-size:16px;line-height:1.6;}
.app-buttons {display:flex;gap:16px;margin-top:28px;}
.store-btn {display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;text-decoration:none;font-weight:600;transition:all 0.3s ease;}
.store-btn i {font-size:24px;}
.store-btn span small {display:block;font-size:11px;font-weight:400;color:#fff;}
.store-btn.google {background:#22c55e;color:#fff;}
.store-btn.apple {background:#111;color:#fff;}
.store-btn:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.app-promo-image img {max-width:380px;border-radius:20px;}
@media (max-width:991px) {.app-promo-card {flex-direction:column;text-align:center;}
 .app-buttons {justify-content:center;}
 .app-promo-image img {max-width:100%;}}
.app-promo-card {max-width:1200px;margin:0 auto;}
.app-promo-image {flex:1;display:flex;justify-content:flex-end;}
.app-promo-image img {width:100%;max-width:460px;border-radius:20px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.12);}
.app-promo-section {padding:90px 0;background:
 radial-gradient(circle at top left, #dcfce7 0%, transparent 60%),
 radial-gradient(circle at bottom right, #ecfeff 0%, transparent 60%),
 linear-gradient(135deg, #f8fffb, #f0fdf4);}
.app-promo-content h2 {font-size:38px;font-weight:700;line-height:1.2;}
.app-promo-content p {font-size:17px;max-width:520px;margin-top:14px;}
.store-btn {min-width:180px;height:58px;}
@media (max-width:991px) {.app-promo-card {flex-direction:column;padding:40px 28px;text-align:center;}
 .app-promo-content p {margin-left:auto;margin-right:auto;}
 .app-buttons {justify-content:center;}
 .app-promo-image {justify-content:center;margin-top:30px;}}
.flash-deals-section {padding:4rem 0;background:linear-gradient(135deg, #ecfdf5, #fefce8);}
.flash-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.flash-header h2 {font-size:2rem;font-weight:700;}
.flash-header p {color:#6b7280;margin-top:0.3rem;}
.flash-badge {display:inline-block;background:#22c55e;color:#fff;padding:6px 14px;border-radius:20px;font-size:0.8rem;margin-bottom:0.6rem;}
.flash-view-btn {color:#22c55e;font-weight:600;text-decoration:none;}
.flash-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.5rem;}
.flash-card {background:#fff;border-radius:18px;padding:1.5rem;text-align:center;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s ease, box-shadow 0.3s ease;}
.flash-card:hover {transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.08);}
.flash-card img {max-width:120px;margin-bottom:1rem;}
.flash-card h4 {font-size:1rem;font-weight:600;margin-bottom:0.5rem;}
.price {margin-bottom:1rem;}
.price .new {color:#16a34a;font-weight:700;font-size:1.1rem;}
.price .old {color:#9ca3af;text-decoration:line-through;margin-left:6px;font-size:0.9rem;}
.discount-tag {position:absolute;top:14px;left:14px;background:#ef4444;color:#fff;font-size:0.75rem;padding:4px 10px;border-radius:12px;}
.flash-btn {background:#22c55e;border:none;color:#fff;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;transition:background 0.3s ease;}
.flash-btn:hover {background:#16a34a;}
body.dark-mode .flash-deals-section {background:linear-gradient(135deg, #0f172a, #020617);}
body.dark-mode .flash-card {background:#020617;color:#e5e7eb;}
body.dark-mode .flash-header p {color:#9ca3af;}
body.dark-mode .price .old {color:#6b7280;}
.home2-categories {background:#fff;}
.view-all-link {font-size:0.9rem;font-weight:500;color:#22c55e;text-decoration:none;}
.category-card {height:100%;background:#ffffff;border-radius:18px;padding:22px 15px;text-align:center;text-decoration:none;color:#111827;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all 0.3s ease;box-shadow:0 10px 30px rgba(0, 0, 0, 0.06);}
.category-card:hover {transform:translateY(-6px);box-shadow:0 20px 45px rgba(34, 197, 94, 0.25);}
.cat-icon {font-size:2rem;background:#ecfdf5;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.cat-name {font-size:0.95rem;font-weight:600;}
body.dark-mode .home2-categories {background:#020617;}
body.dark-mode .category-card {background:#020617;color:#e5e7eb;box-shadow:0 10px 25px rgba(0,0,0,0.6);}
body.dark-mode .cat-icon {background:rgba(34,197,94,0.15);}
.hero-section .hero-actions{justify-content:left;align-items:left;}