:root{--market-red:#c90018;--market-ink:#17191d;--market-muted:#777d85;--market-line:#e5e7eb;--market-green:#07884f}.market-page{max-width:1320px;margin:28px auto;padding:0 18px;color:var(--market-ink);font:14px/1.45 Arial,sans-serif}.market-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.market-heading h1{font-size:30px;margin:5px 0}.market-heading p{margin:0;color:var(--market-muted)}.eyebrow{color:var(--market-red);font-weight:700;letter-spacing:.08em;font-size:11px}.market-search{display:flex;width:min(460px,100%);height:42px}.market-search input{min-width:0;flex:1;border:1px solid #d9dce0;border-radius:7px 0 0 7px;padding:0 13px;font-size:14px}.market-search button,.filter-actions button{border:0;background:var(--market-red);color:#fff;padding:0 19px;font-weight:700;border-radius:0 7px 7px 0;cursor:pointer}.market-tabs{display:flex;gap:9px;overflow-x:auto;margin-bottom:19px;padding:1px 0 6px}.market-tabs a{white-space:nowrap;text-decoration:none;color:#333;border:1px solid #d9dce0;border-radius:7px;padding:9px 15px}.market-tabs a.active,.market-tabs a:hover{background:var(--market-red);color:#fff;border-color:var(--market-red)}.market-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px}.market-filters{height:max-content;border:1px solid var(--market-line);border-radius:8px;padding:14px}.filter-group{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid #eceef0}.filter-group h2{font-size:14px;margin:0 0 9px}.filter-group label{display:flex;align-items:center;gap:9px;margin:7px 0;color:#5f646a;font-size:13px;cursor:pointer}.filter-group input{accent-color:var(--market-red)}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-actions button{border-radius:6px;padding:9px 10px}.filter-actions a{color:var(--market-red);font-size:12px}.results-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:var(--market-muted)}.results-top p{margin:0}.results-top label{font-size:12px}.results-top select{border:1px solid var(--market-line);border-radius:5px;padding:7px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{position:relative;border:1px solid var(--market-line);border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s;min-width: 0;}.product-card:hover{box-shadow:0 6px 20px #1112;transform:translateY(-2px)}.product-image{display:block;position:relative;height:185px;background:#f4f1e9}.product-image img{display:block;width:100%;height:100%;object-fit:cover}.discount{position:absolute;left:6px;bottom:6px;color:#fff;background:var(--market-red);padding:4px 7px;border-radius:4px;font-size:11px;font-weight:700}.image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#856740;background:linear-gradient(145deg,#f2ebdc,#dfd0b1)}.image-placeholder span{font-size:45px}.image-placeholder small{font-size:9px;letter-spacing:.1em}.product-info{padding:9px 9px 12px}.product-badge{font-size:10px;color:var(--market-red);font-weight:700}.product-info h3{font-size:13px;line-height:1.3;margin:2px 0}.product-info h3 a{color:inherit;text-decoration:none}.product-description{font-size:11px;color:var(--market-muted);margin:0 0 6px;min-height:16px}.product-price{font-size:16px;font-weight:800;margin:0}.product-price del{font-weight:400;color:#8a8d93;font-size:10px;margin-left:4px}.product-rating{font-size:11px;margin:3px 0;color:#555}.product-rating span{font-size:14px;letter-spacing:-2px;color:#ff8700}.product-rating small{color:#858991}.product-location{font-size:11px;color:#73777d;margin:0}.view-all-wrap{text-align:center;padding:20px 0}.view-all{border:1px solid var(--market-red);border-radius:6px;color:var(--market-red);background:white;padding:10px 27px;font-weight:700;cursor:pointer}.view-all:hover{background:var(--market-red);color:white}.view-all:disabled{opacity:.6;cursor:wait}.pagination-links{display:flex;justify-content:center;margin:5px 0 25px}.empty-products{text-align:center;border:1px dashed var(--market-line);border-radius:8px;padding:55px 18px}.empty-products h2{margin:0 0 8px}.empty-products p{color:var(--market-muted)}.empty-products a{color:var(--market-red)}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.market-heading{align-items:flex-start;flex-direction:column}.market-search{width:100%}.market-layout{grid-template-columns:180px minmax(0,1fr);gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:150px}.market-filters{padding:10px}.market-heading h1{font-size:25px}}@media(max-width:520px){.market-layout{grid-template-columns:1fr}.market-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-group{margin:0}.filter-actions{grid-column:1/-1}.product-image{height:145px}.results-top{align-items:flex-start}}
.view-details-btn {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 5px;
    background: #193b32;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.view-details-btn:hover {
    background: #285a4d;
    color: #fff;
}

/********************************************************/

.wrap {
                max-width: 1180px;
                margin: auto;
                padding: 0 24px;
            }
            .crumb {
                font-size: 13px;
                color: #72777f;
                padding: 22px 0;
            }
            .crumb span {
                color: #222;
            }
            .product-layout {
                display: grid;
                grid-template-columns: minmax(0, 1.05fr) minmax(340px, 1fr) 250px;
                gap: 28px;
                align-items: start;
                padding: 4px 0 54px;
            }
            .gallery {
                min-width: 0;
            }
            .hero-image {
                height: 450px;
                background: var(--cream);
                border: 1px solid var(--line);
                border-radius: 12px;
                display: grid;
                place-items: center;
                overflow: hidden;
                position: relative;
            }
            .hero-image img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
            .tile-art {
                width: 72%;
                height: 72%;
                border-radius: 18px;
                background: linear-gradient(140deg, #f2ead7, #fffdf8);
                box-shadow: 0 14px 38px #624b2920;
                display: grid;
                place-items: center;
                color: #8e6b39;
                font-size: 142px;
            }
            .gallery-controls {
                position: absolute;
                top: 14px;
                right: 14px;
                display: flex;
                gap: 9px;
            }
            .circle-btn {
                height: 40px;
                width: 40px;
                border: 1px solid #e4e4e4;
                border-radius: 50%;
                background: #fff;
                font-size: 20px;
                box-shadow: 0 2px 8px #00000012;
            }
            .thumbs {
                display: flex;
                gap: 10px;
                margin-top: 13px;
                overflow: auto;
            }
            .thumb {
                flex: 0 0 74px;
                height: 68px;
                border: 1px solid var(--line);
                border-radius: 8px;
                background: var(--cream);
                display: grid;
                place-items: center;
                color: #9b7845;
                font-size: 25px;
            }
            .thumb.selected {
                border: 2px solid #168b9b;
            }
            .thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 7px;
            }
            .gallery-caption {
                text-align: center;
                color: #55738d;
                font-size: 13px;
                padding-top: 7px;
            }
            .details h1 {
                font-size: 27px;
                line-height: 1.27;
                margin: 0 0 7px;
                font-weight: 600;
            }
            .store {
                color: #23617d;
                text-decoration: underline;
            }
            .rating-row {
                display: flex;
                gap: 9px;
                align-items: center;
                font-size: 13px;
                margin: 8px 0 13px;
            }
            .stars {
                color: #f27b21;
                font-size: 19px;
                letter-spacing: -2px;
            }
            .rating-pill {
                background: #14212a;
                color: white;
                border-radius: 5px;
                padding: 2px 7px;
                font-size: 12px;
            }
            .bought {
                font-size: 13px;
                font-weight: 700;
                border-bottom: 1px solid var(--line);
                padding: 0 0 14px;
            }
            .price-line {
                display: flex;
                align-items: baseline;
                gap: 10px;
                margin-top: 13px;
            }
            .sale {
                color: #b1273c;
                font-size: 20px;
            }
            .price {
                font-size: 31px;
            }
            .price sup {
                font-size: 14px;
            }
            .mrp {
                font-size: 12px;
                color: #707070;
            }
            .tax {
                font-size: 13px;
                margin: 3px 0;
            }
            .saving {
                color: #385e7c;
                font-size: 13px;
            }
            .stock-chip {
                display: inline-block;
                color: var(--green);
                background: #edf7f0;
                border-radius: 20px;
                padding: 5px 11px;
                font-size: 12px;
                font-weight: 700;
                margin: 13px 0;
            }
            .features {
                border-top: 1px solid var(--line);
                border-bottom: 1px solid var(--line);
                padding: 13px 0;
                margin-top: 10px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
                font-size: 13px;
            }
            .feature {
                display: flex;
                gap: 8px;
            }
            .feature b {
                color: var(--red);
            }
            .offer-title {
                font-weight: 700;
                margin: 17px 0 8px;
            }
            .offer {
                border: 1px solid var(--line);
                padding: 11px;
                border-radius: 8px;
                font-size: 13px;
            }
            .offer b {
                color: #26713f;
            }
            .buybox {
                border: 1px solid #d8d8d8;
                border-radius: 10px;
                padding: 18px 16px;
                box-shadow: 0 2px 7px #00000009;
                position: sticky;
                top: 15px;
            }
            .buybox .box-price {
                font-size: 27px;
                margin: 5px 0;
            }
            .delivery {
                font-size: 13px;
                color: #4b5563;
            }
            .location {
                margin: 11px 0;
                font-size: 13px;
            }
            .stock {
                color: var(--green);
                font-size: 18px;
                margin: 12px 0;
            }
            .qty {
                border: 1px solid #aaa;
                border-radius: 20px;
                background: #fff;
                padding: 5px 10px;
                margin-bottom: 14px;
            }
            .buy-action {
                width: 100%;
                border: 0;
                border-radius: 24px;
                padding: 11px;
                background: #ffd814;
                margin: 5px 0;
                font-weight: 700;
            }
            .buy-action:hover {
                background: #f7ca00;
            }
            .contact-action {
                width: 100%;
                border: 1px solid #a5a5a5;
                border-radius: 24px;
                padding: 10px;
                background: #fff;
                font-weight: 700;
                margin: 5px 0;
            }
            .seller-meta {
                font-size: 12px;
                color: #666;
                border-top: 1px solid var(--line);
                padding-top: 12px;
                margin-top: 10px;
            }
            .seller-meta p {
                margin: 5px 0;
            }
            .seller-meta b {
                color: #333;
            }
            .below {
                border-top: 1px solid var(--line);
                padding: 28px 0 60px;
            }
            .tabs {
                display: flex;
                gap: 28px;
                border-bottom: 1px solid var(--line);
            }
            .tab {
                background: none;
                border: 0;
                padding: 12px 0;
                color: #60656b;
            }
            .tab.active {
                color: var(--red);
                border-bottom: 2px solid var(--red);
                font-weight: 700;
            }
            .tab-panel {
                padding: 20px 0;
                max-width: 850px;
            }
            .tab-panel h2 {
                font-size: 21px;
                margin: 0 0 10px;
            }
            .specs {
                border-collapse: collapse;
                width: min(100%, 650px);
            }
            .specs td {
                border-bottom: 1px solid var(--line);
                padding: 10px;
            }
            .specs td:first-child {
                width: 40%;
                background: #fafafa;
                color: #555;
            }
            footer {
                background: #bd0717;
                color: white;
                padding: 38px 0 18px;
            }
            .footer-grid {
                display: grid;
                grid-template-columns: 1.4fr repeat(4, 1fr);
                gap: 35px;
            }
            .footer-grid h3 {
                font-size: 14px;
            }
            .footer-grid a {
                display: block;
                color: #f2dfe1;
                font-size: 13px;
                margin: 8px 0;
            }
            .copyright {
                border-top: 1px solid #ffffff30;
                margin-top: 28px;
                padding-top: 14px;
                font-size: 12px;
                display: flex;
                justify-content: space-between;
            }
            @media (max-width: 1000px) {
                .product-layout {
                    grid-template-columns: 1fr 1fr;
                }
                .buybox {
                    grid-column: 2;
                    position: static;
                }
                .gallery {
                    grid-row: span 2;
                }
         
            }
            @media (max-width: 700px) {
                .ticker {
                    padding: 0 12px;
                }
                .ticker span:nth-child(2),
                .ticker span:nth-child(3) {
                    display: none;
                }
                .nav {
                    height: auto;
                    min-height: 64px;
                    padding: 10px 16px;
                    flex-wrap: wrap;
                }
                .navlinks {
                    order: 3;
                    overflow: auto;
                    width: 100%;
                    padding: 4px 0 0;
                }
                .navlinks a.active {
                    height: auto;
                    border: 0;
                }
                .navbuttons {
                    margin-left: auto;
                }
                .wrap {
                    padding: 0 16px;
                }
                .crumb {
                    padding: 16px 0;
                }
                .product-layout {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    padding-bottom: 35px;
                }
                .gallery,
                .details,
                .buybox {
                    width: 100%;
                }
                .hero-image {
                    height: min(92vw, 430px);
                }
                .tile-art {
                    font-size: 100px;
                }
                .details h1 {
                    font-size: 23px;
                }
                .buybox {
                    position: static;
                }
    
            }

            /***********************************/



            .page-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 15px;
                margin: 28px 0 20px;
            }
            .page-title h1 {
                font-size: 28px;
                line-height: 1.2;
                margin: 0;
            }
            .share {
                width: 40px;
                height: 40px;
                border: 1px solid #edf0f2;
                border-radius: 50%;
                background: #f8f9fa;
                font-size: 20px;
            }
            .event-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 360px;
                gap: 34px;
                align-items: start;
            }
            .banner {
                width: 100%;
                height: 420px;
                object-fit: cover;
                display: block;
                border-radius: 15px;
                border: 1px solid #eee;
                background: linear-gradient(135deg, #610814, #bb1a28 48%, #2c1014);
                color: #fff;
            }
            .banner-fallback {
                height: 420px;
                border-radius: 15px;
                background: radial-gradient(circle at 70% 30%, #9e1a22, #48050c 68%);
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                color: #f7e8c3;
                padding: 30px;
                position: relative;
                overflow: hidden;
            }
            .banner-fallback:before,
            .banner-fallback:after {
                content: "🀄";
                position: absolute;
                font-size: 145px;
                opacity: 0.12;
                transform: rotate(-15deg);
            }
            .banner-fallback:before {
                left: -20px;
                bottom: -42px;
            }
            .banner-fallback:after {
                right: -10px;
                top: -38px;
                transform: rotate(18deg);
            }
            .banner-copy {
                position: relative;
                z-index: 1;
            }
            .banner-copy small {
                letter-spacing: 4px;
                color: #f3be49;
            }
            .banner-copy h2 {
                font-family: Georgia, serif;
                font-size: 48px;
                line-height: 1.05;
                margin: 12px 0;
            }
            .banner-copy strong {
                display: inline-block;
                padding: 9px 20px;
                border-radius: 30px;
                background: #efb532;
                color: #53101a;
                font-size: 17px;
            }
            .banner-copy p {
                font-size: 18px;
                letter-spacing: 3px;
            }
            .details-card {
                border: 1px solid #d9dde2;
                border-radius: 16px;
                padding: 20px 22px;
                background: #fff;
            }
            .fact {
                display: grid;
                grid-template-columns: 24px 1fr;
                gap: 12px;
                margin: 6px 0 14px;
                align-items: start;
                color: #41464d;
            }
            .fact-icon {
                font-size: 19px;
                text-align: center;
                color: #333;
            }
            .fact.location {
                line-height: 1.45;
            }
            .card-bottom {
                border-top: 1px solid var(--line);
                padding-top: 14px;
                margin-top: 17px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
            }
            .price {
                font-size: 17px;
                font-weight: 700;
            }
            .price small {
                font-size: 12px;
                color: #666;
                font-weight: 400;
            }
            .availability {
                color: #d3903c;
                font-size: 13px;
            }
            .book {
                border: 0;
                background: #e84c66;
                color: #fff;
                border-radius: 11px;
                padding: 14px 23px;
                font-weight: bold;
                font-size: 16px;
            }
            .book:hover {
                background: #d83954;
            }
            .meta-row {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 12px;
                margin: 14px 0 32px;
            }
            .tags {
                display: flex;
                gap: 8px;
            }
            .tag {
                padding: 3px 9px;
                border-radius: 4px;
                background: #30394b;
                color: #fff;
                font-size: 12px;
            }
            .interest {
                display: flex;
                align-items: center;
                gap: 12px;
                color: #45484e;
            }
            .interest b {
                color: var(--green);
                font-size: 18px;
            }
            .interested {
                border: 1px solid #d84d62;
                border-radius: 8px;
                background: #fff;
                color: #c43c52;
                padding: 7px 12px;
            }
            .interested.on {
                background: #fff0f2;
            }
            .about {
                max-width: 850px;
                padding-bottom: 55px;
            }
            .about h2 {
                font-size: 22px;
                margin: 0 0 12px;
            }
            .about p {
                margin: 0 0 17px;
                color: #42464b;
            }
            .about .lead {
                font-weight: 700;
            }
            .read-more {
                color: #c94357;
                font-weight: bold;
                border: 0;
                padding: 0;
                background: none;
            }
       

            @media (max-width: 900px) {
  
                .event-grid {
                    grid-template-columns: minmax(0, 1fr) 310px;
                    gap: 20px;
                }
       
            }
            @media (max-width: 700px) {
    
                .account {
                    margin-left: auto;
                }

         
                .page-title {
                    margin: 22px 0 14px;
                }
                .page-title h1 {
                    font-size: 23px;
                }
                .event-grid {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;
                }
                .banner,
                .banner-fallback {
                    height: auto;
                    min-height: 250px;
                    aspect-ratio: 1.7;
                }
                .banner-copy h2 {
                    font-size: 37px;
                }
                .details-card {
                    width: 100%;
                }
                .meta-row {
                    align-items: flex-start;
                    flex-direction: column;
                    margin-bottom: 25px;
                }
                .interest {
                    width: 100%;
                    justify-content: space-between;
                }
                .about {
                    padding-bottom: 38px;
                }
      
            }