:root {

            /*--primary: #790d2d;*/

            /*--secondary: #790d2d;*/

            /*--accent: #ffd700;*/

            /*--dark:  #f4ca7e;*/

            /*--light: #790d2d;*/

            /*--success: #03a685;*/

            /*--text: #f4ca7e;*/

            /*--white: #f4ca7e;*/

            /*--gray: #eaeaec;*/

            /*--dark-gray: #696e79;*/

            /*--gradient: linear-gradient(135deg, #ff3e6c 0%, #ff7b9c 100%);*/

            /*--shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/

            /*--transition: all 0.3s ease;*/

        

            --background-color: #790d2d;

            --font-color: #f4ca7e;

            --accent-color: #f4ca7e;

            --hover-color: #f4ca7e;

            --dark-accent: #84133e;

            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

        }



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        body {

            font-family: 'Montserrat', sans-serif;

            color: var(--font-color);

            background-color: var(--background-color);

            line-height: 1.6;

        }



        h1, h2, h3, h4, h5 {

            font-family: 'Playfair Display', serif;

            color: var(  --accent-color);

            font-weight: 700;

        }



        a {

            text-decoration: none;

            color: inherit;

        }



        ul {

            list-style: none;

        }



        .container {

            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 15px;

        }



        .btn {

            display: inline-block;

            padding: 12px 24px;

            border-radius: 4px;

            font-weight: 600;

            cursor: pointer;

            transition: var(--dark-accent);

            border: none;

            text-align: center;

        }



        .btn-primary {

            background: var( --background-colort);

            color: var(--accent-color);

        }



        .btn-primary:hover {

            opacity: 0.9;

            transform: translateY(-2px);

            box-shadow: var(--shadow);

        }



        .btn-outline {

            background: transparent;

            color: var(--primary);

            border: 1px solid var(--primary);

        }



        .btn-outline:hover {

            background: var(--primary);

            color: var(--white);

        }



        /* Header Styles */

        header {

            background: var(--white);

            box-shadow: var(--shadow);

            position: sticky;

            top: 0;

            z-index: 1000;

        }



        .top-bar {

            background: var(--dark);

            color: var(--white);

            padding: 8px 0;

            font-size: 14px;

        }



        .top-bar-content {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }



        .top-bar-offer {

            font-weight: 500;

        }



        .top-bar-links a {

            margin-left: 15px;

            transition: var(--transition);

        }



        .top-bar-links a:hover {

            color: var(--accent);

        }



        .main-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding: 15px 0;

        }



        .logo {

            font-family: 'Playfair Display', serif;

            font-size: 28px;

            font-weight: 800;

            color: var(--primary);

        }



        .logo span {

            color: var(--secondary);

        }



        .search-bar {

            flex-grow: 1;

            max-width: 500px;

            margin: 0 20px;

            position: relative;

        }



        .search-bar input {

            width: 100%;

            padding: 12px 20px;

            border-radius: 50px;

            border: 1px solid var(--gray);

            font-size: 16px;

        }



        .search-bar button {

            position: absolute;

            right: 5px;

            top: 5px;

            background: var(--primary);

            color: var(--white);

            border: none;

            border-radius: 50px;

            padding: 7px 15px;

            cursor: pointer;

        }



        .header-actions {

            display: flex;

            align-items: center;

        }



        .action-item {

            margin-left: 20px;

            text-align: center;

            cursor: pointer;

            position: relative;

        }



        .action-item i {

            font-size: 20px;

        }



        .action-item .label {

            font-size: 12px;

            margin-top: 2px;

        }



        .cart-count {

            position: absolute;

            top: -8px;

            right: -8px;

            background: var(--primary);

            color: var(--white);

            border-radius: 50%;

            width: 18px;

            height: 18px;

            font-size: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

        }



        /* Navigation */

        .main-nav {

            background: var(--white);

            border-top: 1px solid var(--gray);

        }



        .nav-list {

            display: flex;

            justify-content: center;

            padding: 12px 0;

        }



        .nav-item {

            margin: 0 15px;

            position: relative;

        }



        .nav-item a {

            font-weight: 600;

            transition: var(--transition);

        }



        .nav-item a:hover {

            color: var(--primary);

        }



        /* Banner */

        .banner {

            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://media.interflora.co.uk/i/interflora/dried-flowers-on-table.jpg?$poi-square$&fmt=auto&qlt=default&fmt.jp2.qlt=60&bg=rgba%280%2C0%2C0%2C+153%29&w=1672&aspect=3%3A1&cm=dark');

            background-size: cover;

            background-position: center;

            height: 500px;

            display: flex;

            align-items: center;

            color: var(--white);

            text-align: center;

            margin-bottom: 40px;

        }



        .banner-content {

            max-width: 800px;

            margin: 0 auto;

            padding: 20px;

        }



        .banner h1 {

            font-size: 48px;

            margin-bottom: 20px;

            color: var(--white);

        }



        .banner p {

            font-size: 20px;

            margin-bottom: 30px;

        }



        /* Categories */

        .section-title {

            text-align: center;

            margin-bottom: 30px;

            position: relative;

        }



        .section-title:after {

            content: '';

            display: block;

            width: 60px;

            height: 3px;

            background: var(--gradient);

            margin: 10px auto;

        }



        .categories {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 20px;

            margin-bottom: 40px;

        }



        .category-card {

            background: var(--white);

            border-radius: 8px;

            overflow: hidden;

            box-shadow: var(--shadow);

            transition: var(--transition);

        }



        .category-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 20px rgba(0,0,0,0.1);

        }



        .category-img {

            height: 200px;

            overflow: hidden;

        }



        .category-img img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: var(--transition);

        }



        .category-card:hover .category-img img {

            transform: scale(1.05);

        }



        .category-info {

            padding: 15px;

            text-align: center;

        }



        .category-info h3 {

            margin-bottom: 10px;

        }



        /* Products */

        .products {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 20px;

            margin-bottom: 40px;

        }



        .product-card {

            background: var(--white);

            border-radius: 8px;

            overflow: hidden;

            box-shadow: var(--shadow);

            transition: var(--transition);

            position: relative;

        }



        .product-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 10px 20px rgba(0,0,0,0.1);

        }



        .product-badge {

            position: absolute;

            top: 10px;

            left: 10px;

            background: var(--primary);

            color: var(--white);

            padding: 5px 10px;

            border-radius: 4px;

            font-size: 12px;

            font-weight: 600;

            z-index: 10;

        }



        .product-img {

            height: 250px;

            overflow: hidden;

            position: relative;

        }



        .product-img img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: var(--transition);

        }



        .product-card:hover .product-img img {

            transform: scale(1.05);

        }



        .product-actions {

            position: absolute;

            bottom: -50px;

            left: 0;

            right: 0;

            display: flex;

            justify-content: center;

            padding: 10px;

            background: rgba(255,255,255,0.9);

            transition: var(--transition);

        }



        .product-card:hover .product-actions {

            bottom: 0;

        }



        .product-action-btn {

            width: 35px;

            height: 35px;

            border-radius: 50%;

            background: var(--white);

            color: var(--dark);

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 0 5px;

            cursor: pointer;

            transition: var(--transition);

            box-shadow: var(--shadow);

        }



        .product-action-btn:hover {

            background: var(--primary);

            color: var(--white);

        }



        .product-info {

            padding: 15px;

        }



        .product-brand {

            font-size: 12px;

            color: var(--dark-gray);

            margin-bottom: 5px;

        }



        .product-title {

            font-weight: 600;

            margin-bottom: 10px;

            height: 40px;

            overflow: hidden;

        }



        .product-price {

            display: flex;

            align-items: center;

            margin-bottom: 10px;

        }



        .current-price {

            font-weight: 700;

            font-size: 16px;

            color: var(--dark);

        }



        .original-price {

            text-decoration: line-through;

            color: var(--dark-gray);

            margin-left: 8px;

            font-size: 14px;

        }



        .discount {

            color: var(--success);

            font-weight: 600;

            margin-left: 8px;

            font-size: 14px;

        }



        /* Newsletter */

        .newsletter {

            background: #660033;

            padding: 60px 0;

            color: var(--white);

            text-align: center;

            margin-bottom: 1px;

        }



        .newsletter h2 {

            color: var(--white);

            margin-bottom: 20px;

        }



        .newsletter p {

            max-width: 600px;

            margin: 0 auto 30px;

        }



        .newsletter-form {

            display: flex;

            max-width: 500px;

            margin: 0 auto;

        }



        .newsletter-form input {

            flex-grow: 1;

            padding: 12px 20px;

            border: none;

            border-radius: 4px 0 0 4px;

            font-size: 16px;

        }



        .newsletter-form button {

            background: var(--dark);

            color: var(--white);

            border: none;

            padding: 0 20px;

            border-radius: 0 4px 4px 0;

            cursor: pointer;

            font-weight: 600;

        }



        /* Footer */

        footer {

            background: var(--dark);

            color: var(--white);

            padding: 60px 0 20px;

        }



        .footer-content {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 30px;

            margin-bottom: 40px;

        }



        .footer-column h3 {

            color: var(--white);

            margin-bottom: 20px;

            font-size: 18px;

        }



        .footer-links li {

            margin-bottom: 10px;

        }



        .footer-links a {

            transition: var(--transition);

        }



        .footer-links a:hover {

            color: var(--accent);

        }



        .social-links {

            display: flex;

            margin-top: 20px;

        }



        .social-links a {

            width: 36px;

            height: 36px;

            border-radius: 50%;

            background: rgba(255,255,255,0.1);

            display: flex;

            align-items: center;

            justify-content: center;

            margin-right: 10px;

            transition: var(--transition);

        }



        .social-links a:hover {

            background: var(--primary);

        }



        .footer-bottom {

            text-align: center;

            padding-top: 20px;

            border-top: 1px solid rgba(255,255,255,0.1);

        }



        /* Responsive */

        @media (max-width: 992px) {

            .categories, .products {

                grid-template-columns: repeat(3, 1fr);

            }

            

            .footer-content {

                grid-template-columns: repeat(2, 1fr);

            }

        }



        @media (max-width: 768px) {

            .categories, .products {

                grid-template-columns: repeat(2, 1fr);

            }

            

            .main-header {

                flex-direction: column;

            }

            

            .search-bar {

                margin: 15px 0;

                max-width: 100%;

            }

            

            .banner h1 {

                font-size: 36px;

            }

            

            .banner p {

                font-size: 18px;

            }

        }



        @media (max-width: 576px) {

            .categories, .products {

                grid-template-columns: 1fr;

            }

            

            .footer-content {

                grid-template-columns: 1fr;

            }

            

            .nav-list {

                flex-wrap: wrap;

                justify-content: center;

            }

            

            .nav-item {

                margin: 5px 10px;

            }

        }



        /* Quick View Modal */

        .modal {

            display: none;

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: rgba(0, 0, 0, 0.7);

            z-index: 1001;

            overflow: auto;

            justify-content: center;

            align-items: center;

        }



        .modal-content {

            background-color: var(--white);

            margin: auto;

            padding: 30px;

            border-radius: 8px;

            width: 80%;

            max-width: 800px;

            position: relative;

            animation: modalopen 0.5s;

        }



        @keyframes modalopen {

            from {opacity: 0; transform: translateY(-60px);}

            to {opacity: 1; transform: translateY(0);}

        }



        .close-btn {

            position: absolute;

            top: 15px;

            right: 15px;

            font-size: 24px;

            cursor: pointer;

            color: var(--dark-gray);

        }



        .close-btn:hover {

            color: var(--primary);

        }



        /* Login Form */

        .login-form {

            display: none;

            position: fixed;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            background: var(--white);

            padding: 30px;

            border-radius: 8px;

            box-shadow: var(--shadow);

            z-index: 1001;

            width: 90%;

            max-width: 400px;

        }



        .form-group {

            margin-bottom: 20px;

        }



        .form-group label {

            display: block;

            margin-bottom: 8px;

            font-weight: 500;

        }



        .form-group input {

            width: 100%;

            padding: 12px;

            border: 1px solid var(--gray);

            border-radius: 4px;

            font-size: 16px;

        }



        .form-footer {

            margin-top: 20px;

            text-align: center;

        }



        .form-footer a {

            color: var(--primary);

            text-decoration: underline;

        }

          :root {

            --primary: #ff3e6c;

            --secondary: #146eb4;

            --accent: #ffd700;

            --dark: #1e2228;

            --light: #f5f5f6;

            --success: #03a685;

            --text: #535766;

            --white: #ffffff;

            --gray: #eaeaec;

            --dark-gray: #696e79;

            --gradient: linear-gradient(135deg, #ff3e6c 0%, #ff7b9c 100%);

            --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

            --transition: all 0.3s ease;

        }



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        body {

            font-family: 'Montserrat', sans-serif;

            color: var(--text);

            background-color: var(--light);

            line-height: 1.6;

            min-height: 100vh;

            display: flex;

            flex-direction: column;

        }



        h1, h2, h3, h4, h5 {

            font-family: 'Playfair Display', serif;

            color: var(--dark);

            font-weight: 700;

        }



        a {

            text-decoration: none;

            color: inherit;

        }



        ul {

            list-style: none;

        }



        .container {

            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 15px;

        }



        .btn {

            display: inline-block;

            padding: 12px 24px;

            border-radius: 4px;

            font-weight: 600;

            cursor: pointer;
            background-color: #660033;
            color:#fff;

            transition: var(--transition);

            border: none;

            text-align: center;

        }



        .btn-primary {

            background:#660033;

            color: var(--white);

        }



        .btn-primary:hover {

            opacity: 0.9;

            transform: translateY(-2px);

            box-shadow: var(--shadow);

        }



        .btn-outline {

            background: transparent;

            color: var(--primary);

            border: 1px solid var(--primary);

        }



        .btn-outline:hover {

            background: var(--primary);

            color: var(--white);

        }



        /* Header Styles */

        header {

            background: var(--white);

            box-shadow: var(--shadow);

            position: sticky;

            top: 0;

            z-index: 1000;

        }



        .top-bar {

            background: var(--dark);

            color: var(--white);

            padding: 8px 0;

            font-size: 14px;

        }



        .top-bar-content {

            display: flex;

            justify-content: space-between;

            align-items: center;

        }



        .top-bar-offer {

            font-weight: 500;

        }



        .top-bar-links a {

            margin-left: 15px;

            transition: var(--transition);

        }



        .top-bar-links a:hover {

            color: var(--accent);

        }



        .main-header {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding: 15px 0;

        }



        .logo {

            font-family: 'Playfair Display', serif;

            font-size: 28px;

            font-weight: 800;

            color: var(--primary);

        }



        .logo span {

            color: var(--secondary);

        }



        .search-bar {

            flex-grow: 1;

            max-width: 500px;

            margin: 0 20px;

            position: relative;

        }



        .search-bar input {

            width: 100%;

            padding: 12px 20px;

            border-radius: 50px;

            border: 1px solid var(--gray);

            font-size: 16px;

        }



        .search-bar button {

            position: absolute;

            right: 5px;

            top: 5px;

            background: var(--primary);

            color: var(--white);

            border: none;

            border-radius: 50px;

            padding: 7px 15px;

            cursor: pointer;

        }



        .header-actions {

            display: flex;

            align-items: center;

        }



        .action-item {

            margin-left: 20px;

            text-align: center;

            cursor: pointer;

            position: relative;

        }



        .action-item i {

            font-size: 20px;

        }



        .action-item .label {

            font-size: 12px;

            margin-top: 2px;

        }



        .cart-count {

            position: absolute;

            top: -8px;

            right: -8px;

            background: var(--primary);

            color: var(--white);

            border-radius: 50%;

            width: 18px;

            height: 18px;

            font-size: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

        }



        /* Navigation */

        .main-nav {

            background: var(--white);

            border-top: 1px solid var(--gray);

        }



        .nav-list {

            display: flex;

            justify-content: center;

            padding: 12px 0;

        }



        .nav-item {

            margin: 0 15px;

            position: relative;

        }



        .nav-item a {

            font-weight: 600;

            transition: var(--transition);

        }



        .nav-item a:hover {

            color: var(--primary);

        }



        /* Login Section */

        .login-section {

            padding: 60px 0;

            flex: 1;

            display: flex;

            align-items: center;

            background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('https://images.unsplash.com/photo-1523381210434-271e8be1f52b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80');

            background-size: cover;

            background-position: center;

        }



        .login-container {

            max-width: 450px;

            margin: 0 auto;

            background: var(--white);

            border-radius: 8px;

            box-shadow: var(--shadow);

            padding: 40px;

            width: 100%;

        }



        .login-header {

            text-align: center;

            margin-bottom: 30px;

        }



        .login-header h2 {

            font-size: 28px;

            margin-bottom: 10px;

        }



        .login-header p {

            color: var(--dark-gray);

        }



        .form-group {

            margin-bottom: 20px;

        }



        .form-group label {

            display: block;

            margin-bottom: 8px;

            font-weight: 500;

            color: var(--dark);

        }



        .form-group input {

            width: 100%;

            padding: 12px 16px;

            border: 1px solid var(--gray);

            border-radius: 4px;

            font-size: 16px;

            transition: var(--transition);

        }



        .form-group input:focus {

            border-color: var(--primary);

            outline: none;

            box-shadow: 0 0 0 2px rgba(255, 62, 108, 0.2);

        }



        .password-toggle {

            position: relative;

        }



        .toggle-password {

            position: absolute;

            right: 12px;

            top: 12px;

            cursor: pointer;

            color: var(--dark-gray);

        }



        .form-message {

            padding: 12px;

            border-radius: 4px;

            margin-bottom: 20px;

            text-align: center;

        }



        .form-message.error {

            background-color: #ffebee;

            color: #d32f2f;

            border: 1px solid #ffcdd2;

        }



        .form-options {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 20px;

            font-size: 14px;

        }



        .remember-me {

            display: flex;

            align-items: center;

        }



        .remember-me input {

            margin-right: 8px;

        }



        .forgot-password {

            color: var(--primary);

            font-weight: 600;

        }



        .forgot-password:hover {

            text-decoration: underline;

        }



        .form-footer {

            margin-top: 30px;

            text-align: center;

        }



        .form-footer p {

            margin-top: 20px;

            color: var(--dark-gray);

        }



        .form-footer a {

            color: var(--primary);

            font-weight: 600;

        }



        .form-footer a:hover {

            text-decoration: underline;

        }



        .divider {

            display: flex;

            align-items: center;

            margin: 20px 0;

        }



        .divider::before, .divider::after {

            content: "";

            flex: 1;

            border-bottom: 1px solid var(--gray);

        }



        .divider span {

            padding: 0 10px;

            color: var(--dark-gray);

            font-size: 14px;

        }



        .social-login {

            display: flex;

            justify-content: center;

            gap: 15px;

            margin-top: 20px;

        }



        .social-btn {

            width: 45px;

            height: 45px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background: var(--white);

            border: 1px solid var(--gray);

            cursor: pointer;

            transition: var(--transition);

        }



        .social-btn:hover {

            transform: translateY(-2px);

            box-shadow: var(--shadow);

        }



        .social-btn.google:hover {

            border-color: #DB4437;

            color: #DB4437;

        }



        .social-btn.facebook:hover {

            border-color: #4267B2;

            color: #4267B2;

        }



        /* Footer */

        footer {

            background: #660033;

            color: var(--white);

            padding: 60px 0 20px;

            margin-top: auto;

        }



        .footer-content {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            gap: 30px;

            margin-bottom: 40px;

        }



        .footer-column h3 {

            color: gold;

            margin-bottom: 20px;

            font-size: 18px;

        }



        .footer-links li {

            margin-bottom: 10px;

        }



        .footer-links a {

            transition: var(--transition);

        }



        .footer-links a:hover {

            color: var(--accent);

        }



        .social-links {

            display: flex;

            margin-top: 20px;

        }



        .social-links a {

            width: 36px;

            height: 36px;

            border-radius: 50%;

            background: rgba(255,255,255,0.1);

            display: flex;

            align-items: center;

            justify-content: center;

            margin-right: 10px;

            transition: var(--transition);

        }



        .social-links a:hover {

            background: var(--primary);

        }



        .footer-bottom {

            text-align: center;

            padding-top: 20px;

            border-top: 1px solid rgba(255,255,255,0.1);

        }



        /* Responsive */

        @media (max-width: 768px) {

            .main-header {

                flex-direction: column;

            }

            

            .search-bar {

                margin: 15px 0;

                max-width: 100%;

            }

            

            .login-container {

                padding: 30px 20px;

            }

            

            .footer-content {

                grid-template-columns: repeat(2, 1fr);

            }

        }



        @media (max-width: 576px) {

            .footer-content {

                grid-template-columns: 1fr;

            }

            

            .nav-list {

                flex-wrap: wrap;

                justify-content: center;

            }

            

            .nav-item {

                margin: 5px 10px;

            }

            

            .form-options {

                flex-direction: column;

                align-items: flex-start;

                gap: 10px;

            }

        }



        .header-actions {

    display: flex;

    align-items: center;

    gap: 20px; /* much cleaner than margin-left */

}



.action-item {

    /* Remove or reduce this line */

    margin-left: 10px; /* Use a small value if needed, or remove entirely */

    text-align: center;

    cursor: pointer;

    position: relative;

}



.container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px;

  font-family: Arial, sans-serif;

}



.filter-form {

  display: flex;

  gap: 10px;

  margin-bottom: 20px;

}



.filter-form input[type="text"], .filter-form select {

  padding: 8px;

  font-size: 16px;

}



.product-grid {

  display: grid;

  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));

  gap: 20px;

}



.product-card {

  border: 1px solid #ddd;

  border-radius: 6px;

  padding: 15px;

  text-align: center;

  background: white;

}



.product-card img {

  max-height: 150px;

  object-fit: contain;

  margin-bottom: 10px;

  width: 100%;

}



.price {

  font-weight: bold;

  color: #27ae60;

  margin: 10px 0;

}



.stock.in-stock {

  color: green;

}



.stock.out-of-stock {

  color: red;

}



.btn-add-cart {

  background-color: #2980b9;

  color: white;

  border: none;

  padding: 10px 18px;

  font-size: 16px;

  cursor: pointer;

  border-radius: 5px;

  transition: background-color 0.3s;

}



.btn-add-cart:disabled {

  background-color: #bdc3c7;

  cursor: not-allowed;

}



.btn-add-cart:hover:not(:disabled) {

  background-color: #1c5980;

}



.pagination {

  margin-top: 20px;

  text-align: center;

}



.pagination a {

  padding: 8px 12px;

  margin: 0 4px;

  background: #f0f0f0;

  border-radius: 4px;

  text-decoration: none;

  color: #333;

  font-weight: bold;

}



.pagination a.active {

  background: #2980b9;

  color: white;

}



.customer-reviews {

    background: linear-gradient(180deg, #f8f9fa, #ffffff);

}



.customer-reviews img {

    border: 3px solid #ffc107;

}



.carousel-item {

    transition: transform 1s ease-in-out;

    min-height: 300px;

}



.awards {

    background-color: #fffbea;

}



.award-card {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.award-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 6px 20px rgba(0,0,0,0.1);

}