
:root{--bg:#f3f3f3;--surface:#fff;--text:#4c4f57;--muted:#777b84;--line:#d2d3d6;--dark:#666a72;--dark2:#555960;--light:#ededee;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:static}.brand-row{height:300px;display:flex;justify-content:center;align-items:center;padding:10px}.brand-row img{max-height:280px;width:auto;max-width:92%}.nav-row{border-top:1px solid var(--line);background:#e2e2e3}.nav{max-width:var(--max);margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.nav>a,.dropbtn{display:block;padding:14px 16px;font-weight:700;font-size:14px;background:none;border:0;color:var(--text);cursor:pointer}.nav a:hover,.dropbtn:hover{background:#d4d5d7}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:280px;background:white;border:1px solid var(--line);z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.1)}.dropdown-content a{display:block;padding:12px 15px;border-bottom:1px solid #eee}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.wrap{max-width:var(--max);margin:0 auto;padding:40px 20px}.hero,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px}.hero{text-align:center}.hero h1{font-size:42px;margin:0 0 12px}.hero p{max-width:820px;margin:0 auto 20px;color:var(--muted)}.btn{display:inline-block;background:var(--dark);color:white;border:0;border-radius:8px;padding:12px 20px;font-weight:700;cursor:pointer}.btn:hover{background:var(--dark2)}.btn.alt{background:#858991}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-media{aspect-ratio:1/1;background:#e7e7e8;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card h3{margin:0 0 8px;font-size:18px}.muted{color:var(--muted)}.page-title{text-align:center;margin:0 0 28px;font-size:36px}.product{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.product-image{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.product-image img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f6f6f6}.product-info{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.product-info h1{margin-top:0}.detail-table{width:100%;border-collapse:collapse;margin:18px 0}.detail-table th,.detail-table td{padding:11px;border-bottom:1px solid #e1e1e1;text-align:left}.detail-table th{width:34%;color:#666}.field{margin:0 0 16px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #bbb;border-radius:7px;background:white;font:inherit}.field textarea{min-height:130px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.notice{background:#e9e9ea;border-left:5px solid #777b84;padding:14px 16px;border-radius:6px}.collection-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.collection-toolbar input{padding:11px 12px;border:1px solid #bbb;border-radius:7px;min-width:300px}.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0}.pagination button{padding:9px 12px;border:1px solid #bbb;background:#fff;border-radius:6px;cursor:pointer}.pagination button.active{background:#686c74;color:#fff}.footer{margin-top:50px;background:#dedee0;border-top:1px solid var(--line)}.footer-inner{max-width:var(--max);margin:auto;padding:26px 20px;text-align:center}.footer-links{display:flex;justify-content:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:10px}.policy{max-width:80%;margin:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:32px}.search-box{display:flex;gap:10px;max-width:760px;margin:0 auto 28px}.search-box input{flex:1;padding:13px;border:1px solid #bbb;border-radius:7px}.empty{text-align:center;padding:38px;color:#777}.breadcrumbs{font-size:13px;color:#777;margin-bottom:20px}.small{font-size:13px}.social-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-item{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center}
@media(max-width:800px){.brand-row{height:300px}.brand-row img{max-height:260px}.nav{justify-content:flex-start}.nav>a,.dropbtn{padding:12px 11px;font-size:13px}.dropdown-content{position:fixed;left:10px;right:10px;top:auto;min-width:0}.grid{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero h1{font-size:34px}.policy{max-width:100%}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.wrap{padding:26px 14px}.hero,.panel,.form-card,.product-info{padding:20px}.collection-toolbar input{min-width:100%;width:100%}.brand-row img{max-height:245px}.page-title{font-size:30px}}

/* Footer policy navigation: centered on every page */
.footer-inner{width:100%;text-align:center}
.footer-links{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;margin-left:auto;margin-right:auto}

/* Policy pages: centered 80% content area */
.policy{width:80%;max-width:80%;margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:800px){.policy{width:100%;max-width:100%}}

/* Get A Quote section backgrounds */
.quote-form{max-width:900px}
.quote-section{padding:22px;border-radius:10px;margin:0 0 20px;border:1px solid var(--line)}
.quote-customer{background:#eeeeef}
.quote-product{background:#d1d2d4}
.quote-india{background:#fff7c7}
.quote-global{background:#eadf8f}
.quote-section h2{margin:0 0 16px;font-size:22px;font-weight:700}
.quote-total{padding:12px 14px;background:rgba(255,255,255,.5);border-radius:7px}
.quote-total span{display:inline-block;margin-top:4px;font-size:18px;font-weight:700}

/* Payment page: two columns, one row */
.payment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;max-width:1000px;margin:0 auto;}
.payment-grid .form-card{margin:0;}
.payment-qr{text-align:center;}
.payment-qr img{display:block;width:100%;max-width:300px;height:auto;margin:16px auto;border-radius:8px;}
@media (max-width:700px){.payment-grid{grid-template-columns:1fr;}.payment-qr img{max-width:260px;}}

.season-card-media{background:#d5d6d8;color:#5f636b;font-weight:700;font-size:22px;text-align:center;padding:24px}.season-collection-grid .card{min-height:160px}.season-collection-grid .card-body{text-align:center}

/* India Town Seasons Apparel: 3 columns x 10 rows (30 products/page) */
.season-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.season-products-grid .card-media{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eee}
.season-products-grid .card-media img{width:100%;height:100%;object-fit:contain}
.pagination{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:28px 0 6px}
@media(max-width:800px){.season-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.season-products-grid{grid-template-columns:1fr}}
/* 2026-09-14 quote/payment/contact rebuild */
.quote-customer{background:#00F5FF} /* Electric Aqua */
.quote-product{background:#00BCD4} /* Strong Cyan */
.quote-india{background:#0077B6;color:#fff} /* Pacific Blue */
.quote-global{background:#287C7E;color:#fff} /* Stormy Teal */
.quote-conversion{background:#005F5F;color:#fff} /* Dark Teal */
.quote-section{padding:22px;border-radius:10px;margin:18px 0}
.quote-section h2{font-weight:800;margin-top:0}
.quote-india label,.quote-global label,.quote-conversion label{color:#fff}
.payment-online,.contact-electric{background:#00F5FF!important}
.payment-qr-stack{text-align:center}.payment-qr-stack .qr-block{margin-bottom:28px}.payment-qr-stack img{display:block;width:100%;max-width:300px;height:auto;margin:12px auto;border-radius:8px}
.conversion-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.conversion-item{background:rgba(255,255,255,.14);padding:12px;border-radius:8px;text-align:center}.conversion-item strong{display:block}
@media(max-width:700px){.conversion-grid{grid-template-columns:1fr 1fr}.payment-qr-stack img{max-width:260px}}

/* Original 360 India Plus logo default brand theme */
:root{--bg:#f5fbfc;--surface:#ffffff;--text:#104f56;--muted:#55777a;--line:#b8e2e7;--dark:#104f56;--dark2:#0b3f45;--light:#dff8fb}
.nav-row{background:#dff8fb}.nav a:hover,.dropbtn:hover{background:#bceff4}.footer{background:#dff8fb}.btn{background:#104f56}.btn:hover{background:#0b3f45}

/* Home city search: 3 columns x 10 rows (30 products) */
.home-city-search{margin-top:28px}.home-city-search .search-box{margin:18px 0}.home-city-search .search-box input{width:100%;min-height:64px;padding:16px 20px;font-size:1.15rem}.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-product-grid .card-media img{width:100%;height:280px;object-fit:contain}@media(max-width:800px){.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.home-product-grid{grid-template-columns:1fr!important}}

.home-collection-grid .card{min-height:170px;justify-content:center}.home-collection-grid .card-body{text-align:center}
