/*
Theme Name: Sky Traders Premium
Version: 2.2
Author: Sky Traders
Description: MuscatCity-inspired sanitary ware WooCommerce storefront.
Requires PHP: 7.4
Text Domain: sky-traders
*/
:root{--navy:#071b37;--blue:#1266b1;--orange:#f49b22;--light:#f3f7fc}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#20314b}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:var(--navy);color:#fff;padding:11px 0;font-size:14px}.top .wrap,.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.head{background:#fff;box-shadow:0 3px 15px #0001;position:sticky;top:0;z-index:10}.brand{font-size:29px;font-weight:900;color:var(--navy);padding:19px 0;line-height:1}.brand strong{color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:1.8px;margin-top:6px}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{font-size:14px;font-weight:bold}nav a:hover{color:var(--blue)}.btn{display:inline-block;background:var(--orange);padding:15px 23px;border-radius:7px;color:#10213d;font-weight:800}.btn.secondary{background:#fff;color:var(--navy)}.hero{background:linear-gradient(105deg,#071b37f5,#0b376fc4),radial-gradient(circle at 80% 35%,#1ec9d5,#1266b1 60%,#071b37);color:#fff;padding:115px 0}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;max-width:820px;margin:18px 0}.hero p{font-size:20px;max-width:700px;line-height:1.7}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero .btn{margin:20px 12px 0 0}.section{padding:70px 0}.section.alt{background:var(--light)}.section h2{font-size:clamp(29px,3vw,40px);color:var(--navy);margin:12px 0 20px}.lead{font-size:18px;line-height:1.75;color:#627189;max-width:850px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tile{background:white;border-radius:14px;overflow:hidden;box-shadow:0 9px 28px #071b3712;border:1px solid #e4eaf3;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-6px);box-shadow:0 14px 36px #071b3725}.tile img{width:100%;height:170px;object-fit:cover;display:block}.tile .inner{padding:18px}.tile h3{font-size:18px;margin:0 0 10px;color:var(--navy)}.tile p{font-size:14px;line-height:1.65;color:#5b6980;margin:0 0 13px}.tile .more{font-weight:800;color:var(--blue)}.intro{background:linear-gradient(110deg,#e9f8ff,#fff5e7);padding:75px 0}.intro .wrap{max-width:none;padding:0 clamp(24px,5vw,90px)}.intro p{font-size:17px;line-height:1.85;max-width:none}.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.brandtile{background:white;border:1px solid #e0e9f2;border-radius:12px;padding:24px 8px;text-align:center;font-weight:900;color:var(--blue);box-shadow:0 5px 18px #0001}.brandtile:nth-child(3n){color:#cf6a1e}.brandtile:nth-child(4n){color:#008b85}.pagehero{background:linear-gradient(105deg,#071b37ed,#1266b1cc),radial-gradient(circle at 75% 20%,#25d1cb,#103a73);color:white;padding:90px 0}.pagehero h1{font-size:clamp(34px,4vw,55px);margin:0 0 14px}.content{line-height:1.85;font-size:17px}.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contactbox{padding:28px;background:#fff;border-radius:15px;border-top:5px solid var(--orange);box-shadow:0 6px 24px #0001}.contactbox b{display:block;margin-bottom:12px}.footer{background:var(--navy);color:#e3efff;padding:55px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:30px}.footer a{display:inline-block;margin:5px 8px 5px 0}.footer h3{color:white}.social a{background:#1e4c7d;border-radius:8px;padding:10px 13px}.copyright{border-top:1px solid #ffffff22;margin-top:35px;padding-top:20px;font-size:13px}.products ul.products{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(3,1fr)}.top .wrap,.head .wrap{flex-wrap:wrap}.contactgrid{grid-template-columns:1fr}}@media(max-width:600px){.grid,.brands,.footergrid,.products ul.products{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr}.hero{padding:70px 0}.hero p{font-size:17px}.tile img{height:140px}nav{gap:12px}}
/* Sky Traders v2.0: colorful photographic catalog and full-bleed banners */
:root{--navy:#09264a;--blue:#1266b1;--orange:#ffad30;--aqua:#04b5b5}
.hero{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(5,27,55,.94) 0%,rgba(8,41,76,.84) 42%,rgba(8,41,76,.12) 100%),url('assets/images/hero-bathroom.jpg') center 52%/cover no-repeat;min-height:530px;display:flex;align-items:center;padding:90px 0}
.hero h1{max-width:730px;text-shadow:0 3px 12px #071b3760}
.hero .eyebrow,.pagehero .eyebrow{color:#ffce69}
.pagehero{position:relative;background:linear-gradient(90deg,rgba(5,27,55,.95),rgba(12,77,123,.72) 60%,rgba(12,77,123,.20)),url('assets/images/hero-bathroom.jpg') center 47%/cover no-repeat;min-height:310px;display:flex;align-items:center}
.pagehero h1{font-weight:900;text-shadow:0 2px 10px #071b3760}
.section{background:linear-gradient(180deg,#fff,#f3faff)}
.grid{gap:23px}
.tile{border:1px solid #dce8f4;border-radius:19px;box-shadow:0 10px 32px #0c41651c;position:relative}
.tile:before{content:'';display:block;height:6px;background:linear-gradient(90deg,var(--accent,#137ac8),#ffb44b)}
.tile img{height:205px;object-fit:cover;transition:transform .3s}
.tile>a{display:block;overflow:hidden}
.tile:hover img{transform:scale(1.06)}
.tile .inner{background:linear-gradient(155deg,#fff,var(--wash,#e8f6ff));min-height:175px}
.tile h3{font-size:18px;line-height:1.25}
.tile .more{color:var(--accent,#1266b1)}
.tile-color-1{--accent:#0078cc;--wash:#e5f5ff}.tile-color-2{--accent:#eb7a26;--wash:#fff2e7}.tile-color-3{--accent:#0b9f9b;--wash:#e2fbf5}.tile-color-4{--accent:#8d57c6;--wash:#f5eaff}.tile-color-5{--accent:#da4e80;--wash:#fff0f5}.tile-color-6{--accent:#3b8d43;--wash:#edfae9}
.brands{gap:17px}.brandtile{min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#fff,#f0f8ff);border:1px solid #dae7f5}.brandtile img{max-width:100%;width:130px;height:66px;object-fit:contain}.brandtile span{font-size:12px;color:#607189}
.intro{background:linear-gradient(105deg,#e3f7ff,#fff4e1)}.intro .wrap{max-width:none;width:100%;padding-left:clamp(24px,5vw,88px);padding-right:clamp(24px,5vw,88px)}
@media(max-width:900px){.hero{min-height:460px;background-position:60% center}.tile img{height:190px}}
@media(max-width:600px){.hero{min-height:410px;background-position:62% center}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile img{height:140px}.tile .inner{padding:13px;min-height:190px}.tile h3{font-size:15px}.tile p{font-size:12px}.brands{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehero{min-height:240px}}

.brandtile img{width:160px;height:90px;object-fit:contain}.brandtile{min-height:165px}

.brandtile img{display:block;width:100%;height:105px;object-fit:contain;margin:0 auto 12px}