/*
Theme Name: HOMZ Catalogue Showroom
Theme URI: https://homz.com.pk/
Author: HOMZ
Description: Responsive single-page catalogue and brand showroom for HOMZ kitchen appliances. Includes a searchable 45-page catalogue, collection cards, lightbox viewer, and editable catalogue content.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: homz-showroom
*/
:root{--homz-blue:#0868ad;--homz-cyan:#08bfe8;--homz-ink:#081521;--homz-ink-2:#12283a;--homz-muted:#617080;--homz-pale:#f2f7fb;--homz-white:#fff;--homz-radius:22px;--homz-shadow:0 18px 50px rgba(8,21,33,.12);--homz-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--homz-ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}body.homz-modal-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.homz-wrap{width:min(var(--homz-max),calc(100% - 48px));margin-inline:auto}.homz-section{padding:104px 0}.homz-eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--homz-blue)}.homz-eyebrow:before{content:"";width:26px;height:2px;background:var(--homz-cyan)}.homz-section-title{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 16px;font-weight:800}.homz-section-copy{max-width:640px;color:var(--homz-muted);font-size:16px;line-height:1.8}.homz-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.homz-section-head .homz-section-copy{max-width:440px;margin:0 0 3px}.homz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:999px;background:var(--homz-cyan);color:#051724;font-size:13px;font-weight:800;letter-spacing:.01em;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.homz-btn:hover{transform:translateY(-3px);background:#45d7f4;box-shadow:0 12px 28px rgba(8,191,232,.22)}.homz-btn--outline{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}.homz-btn--outline:hover{background:rgba(255,255,255,.16);color:#fff}.homz-btn--blue{background:var(--homz-blue);color:#fff}.homz-btn--blue:hover{background:#087ac9}.homz-arrow{font-size:18px;line-height:1}.homz-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:88px;color:#fff;transition:background .25s ease,backdrop-filter .25s ease,border-color .25s ease;border-bottom:1px solid transparent}.homz-header.is-scrolled{background:rgba(5,17,28,.88);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.09)}.homz-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.homz-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:29px;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}.homz-brand-mark{width:28px;height:28px;display:inline-block;background:conic-gradient(from 0deg,var(--homz-cyan) 0 12.5%,#0876bd 12.5% 25%,var(--homz-cyan) 25% 37.5%,#0876bd 37.5% 50%,var(--homz-cyan) 50% 62.5%,#0876bd 62.5% 75%,var(--homz-cyan) 75% 87.5%,#0876bd 87.5% 100%);clip-path:polygon(50% 0,66% 25%,100% 25%,75% 50%,100% 75%,66% 75%,50% 100%,34% 75%,0 75%,25% 50%,0 25%,34% 25%)}.homz-brand img{max-height:48px;width:auto}.homz-nav{display:flex;align-items:center;gap:30px}.homz-nav a{font-size:12px;font-weight:700;color:rgba(255,255,255,.82);transition:color .2s}.homz-nav a:hover{color:var(--homz-cyan)}.homz-header-cta{min-height:42px;padding:10px 18px;font-size:12px}.homz-menu-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;width:44px;height:44px;border-radius:50%;font-size:21px}.homz-hero{min-height:790px;height:min(960px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#071421 url('assets/images/hero.webp') center 50%/cover no-repeat;color:#fff}.homz-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,24,.97) 0%,rgba(3,14,24,.84) 34%,rgba(3,14,24,.42) 61%,rgba(3,14,24,.12) 100%),linear-gradient(0deg,rgba(3,14,24,.62),transparent 36%)}.homz-hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(8,191,232,.16);border-radius:50%;right:-180px;top:8%;box-shadow:0 0 0 45px rgba(8,191,232,.025),0 0 0 100px rgba(8,191,232,.02);pointer-events:none}.homz-hero-content{position:relative;z-index:1;padding-top:88px;max-width:690px}.homz-hero .homz-eyebrow{color:#74e8ff}.homz-hero h1{font-size:clamp(54px,7.4vw,94px);line-height:.98;letter-spacing:-.065em;font-weight:800;margin:25px 0 24px;max-width:760px}.homz-hero h1 span{display:block}.homz-hero-copy{font-size:clamp(16px,1.5vw,19px);line-height:1.75;color:rgba(255,255,255,.76);max-width:490px;margin:0 0 30px}.homz-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.homz-hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:60px;color:rgba(255,255,255,.78);font-size:11px;font-weight:700}.homz-hero-meta span{display:inline-flex;align-items:center;gap:9px}.homz-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(8,191,232,.6);border-radius:50%;color:var(--homz-cyan);font-size:12px}.homz-intro{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}.homz-intro-visual{position:relative}.homz-intro-visual img{width:100%;aspect-ratio:4/4.25;object-fit:cover;border-radius:var(--homz-radius);box-shadow:var(--homz-shadow)}.homz-image-label{position:absolute;left:-18px;bottom:24px;padding:18px 22px;border-radius:14px;background:#fff;box-shadow:var(--homz-shadow);display:flex;align-items:center;gap:13px}.homz-image-label strong{display:block;font-size:14px}.homz-image-label small{display:block;color:var(--homz-muted);font-size:11px}.homz-image-label .homz-brand-mark{flex:none}.homz-intro-copy .homz-section-copy{margin-bottom:26px}.homz-intro-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 30px}.homz-intro-point{border-left:2px solid var(--homz-cyan);padding:5px 0 5px 13px}.homz-intro-point strong{display:block;font-size:12px;line-height:1.35}.homz-intro-point span{display:block;color:var(--homz-muted);font-size:11px;margin-top:5px;line-height:1.45}.homz-collections{background:var(--homz-pale)}.homz-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.homz-collection-card{position:relative;display:block;min-height:390px;overflow:hidden;border-radius:20px;background:#10283a;color:#fff;isolation:isolate;box-shadow:0 8px 24px rgba(8,21,33,.06)}.homz-collection-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(3,15,26,.02) 25%,rgba(3,15,26,.88) 100%);transition:opacity .3s}.homz-collection-card img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.homz-collection-card:hover img{transform:scale(1.07)}.homz-collection-card:hover:before{opacity:.84}.homz-collection-number{position:absolute;top:18px;left:18px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.5);font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.homz-collection-info{position:absolute;left:22px;right:18px;bottom:20px}.homz-collection-info small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#77e8ff;font-weight:800;margin-bottom:7px}.homz-collection-info h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}.homz-collection-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:rgba(255,255,255,.8)}.homz-round-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--homz-cyan);color:#061521;font-size:18px;transition:transform .25s}.homz-collection-card:hover .homz-round-arrow{transform:rotate(-45deg)}.homz-feature{background:var(--homz-ink);color:#fff;overflow:hidden;position:relative}.homz-feature:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(8,191,232,.13);border-radius:50%;right:-230px;top:-190px;box-shadow:0 0 0 65px rgba(8,191,232,.025),0 0 0 130px rgba(8,191,232,.02)}.homz-feature-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.homz-feature-image{position:relative}.homz-feature-image img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.13)}.homz-feature-badge{position:absolute;right:-20px;bottom:24px;background:var(--homz-cyan);color:#061521;border-radius:14px;padding:18px 22px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.homz-feature-badge strong{font-size:25px;display:block;line-height:1}.homz-feature-badge span{font-size:10px;font-weight:700}.homz-feature .homz-section-title{color:#fff}.homz-feature .homz-section-copy{color:rgba(255,255,255,.67)}.homz-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:34px}.homz-feature-item{display:flex;gap:13px;align-items:flex-start}.homz-feature-icon{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid rgba(8,191,232,.42);border-radius:13px;color:var(--homz-cyan);font-size:17px}.homz-feature-item strong{display:block;font-size:13px;margin:0 0 5px}.homz-feature-item span{display:block;color:rgba(255,255,255,.57);font-size:11px;line-height:1.6}.homz-catalogue{background:#fff}.homz-catalogue .homz-section-head{align-items:center}.homz-catalogue-count{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce8f0;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800;color:var(--homz-blue);white-space:nowrap}.homz-catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.homz-filter-list{display:flex;gap:8px;flex-wrap:wrap}.homz-filter-btn{border:1px solid #dce6ed;border-radius:999px;padding:9px 14px;background:#fff;color:#536270;font-size:11px;font-weight:800;transition:all .2s}.homz-filter-btn:hover,.homz-filter-btn.is-active{background:var(--homz-ink);border-color:var(--homz-ink);color:#fff}.homz-search{width:min(260px,100%);position:relative}.homz-search input{width:100%;height:42px;border:1px solid #dce6ed;border-radius:999px;padding:0 16px 0 40px;outline:none;font-size:12px;background:#f8fbfd}.homz-search input:focus{border-color:var(--homz-cyan);box-shadow:0 0 0 3px rgba(8,191,232,.1)}.homz-search:before{content:"⌕";position:absolute;left:15px;top:4px;font-size:24px;color:#71808e;line-height:1}.homz-catalogue-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.homz-catalogue-card{display:block;border:1px solid #e3ebf1;border-radius:13px;padding:9px;background:#fff;text-align:left;box-shadow:0 4px 12px rgba(8,21,33,.025);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0}.homz-catalogue-card[hidden]{display:none!important}.homz-catalogue-card:hover{transform:translateY(-5px);border-color:#b8e8f3;box-shadow:0 16px 34px rgba(8,21,33,.1)}.homz-catalogue-card img{width:100%;aspect-ratio:0.707;object-fit:cover;border-radius:7px;background:#e8f1f7}.homz-catalogue-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 3px 3px}.homz-catalogue-card-meta strong{font-size:11px;line-height:1.35}.homz-catalogue-card-meta span{font-size:10px;color:var(--homz-blue);font-weight:800;white-space:nowrap}.homz-catalogue-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--homz-muted);border:1px dashed #ccdce7;border-radius:14px}.homz-catalogue-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 0 0;border-top:1px solid #e6edf2}.homz-catalogue-footer p{margin:0;color:var(--homz-muted);font-size:12px}.homz-values{background:linear-gradient(125deg,#07518b,#0b6eb3 60%,#07385e);color:#fff;position:relative;overflow:hidden}.homz-values:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(8,191,232,.22),transparent 32%),radial-gradient(circle at 90% 85%,rgba(8,191,232,.18),transparent 28%)}.homz-values-inner{position:relative}.homz-values .homz-eyebrow{color:#a8f1ff}.homz-values .homz-section-title{color:#fff}.homz-values .homz-section-copy{color:rgba(255,255,255,.74)}.homz-values-head{text-align:center;max-width:780px;margin:0 auto 44px}.homz-values-head .homz-eyebrow:before{display:none}.homz-values-head .homz-section-copy{margin:0 auto}.homz-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.homz-value-card{padding:28px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)}.homz-value-number{font-size:11px;font-weight:800;color:#8cecff;letter-spacing:.12em}.homz-value-card h3{font-size:20px;letter-spacing:-.025em;margin:16px 0 8px}.homz-value-card p{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.75}.homz-contact{padding:86px 0;background:#071521;color:#fff;position:relative;overflow:hidden}.homz-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,29,.97),rgba(4,17,29,.8)),url('assets/images/hero.webp') center 52%/cover no-repeat;opacity:1}.homz-contact-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px}.homz-contact .homz-section-title{font-size:clamp(32px,4vw,52px);max-width:620px;margin-bottom:12px;color:#fff}.homz-contact p{margin:0;color:rgba(255,255,255,.68);font-size:14px}.homz-contact .homz-contact-phone{margin-top:12px;font-size:13px}.homz-contact-phone a{color:var(--homz-cyan);font-weight:800}.homz-contact-actions{display:flex;flex-wrap:wrap;gap:10px;flex:none}.homz-footer{background:#040d15;color:#fff;padding:34px 0 22px}.homz-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.homz-footer-brand p{font-size:11px;color:rgba(255,255,255,.55);margin:10px 0 0}.homz-footer-links{display:flex;flex-wrap:wrap;gap:22px}.homz-footer-links a{font-size:11px;color:rgba(255,255,255,.72)}.homz-footer-links a:hover{color:var(--homz-cyan)}.homz-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;color:rgba(255,255,255,.42);font-size:10px}.homz-footer-bottom a{color:rgba(255,255,255,.65)}.homz-modal{position:fixed;z-index:2000;inset:0;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(2,9,15,.92);backdrop-filter:blur(12px)}.homz-modal.is-open{display:flex}.homz-modal-panel{position:relative;width:min(1080px,100%);height:min(92vh,100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.homz-modal-image-wrap{height:calc(100% - 52px);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.homz-modal-image{max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.4);background:#fff}.homz-modal-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:2;transform:translateY(-100%);padding-bottom:10px}.homz-modal-top strong{font-size:12px}.homz-modal-close,.homz-modal-nav{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px;font-size:23px}.homz-modal-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:30px}.homz-modal-prev{left:-58px}.homz-modal-next{right:-58px}.homz-modal-bottom{height:46px;display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.65);font-size:11px}.homz-modal-bottom a{color:var(--homz-cyan);font-weight:800}.homz-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.homz-reveal.is-visible{opacity:1;transform:none}.homz-skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:8px;z-index:9999}.homz-skip-link:focus{left:8px}.homz-admin-note{padding:14px;border:1px solid #cce7f4;background:#f3fbff;border-radius:8px;color:#16384b}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;white-space:nowrap}
@media(max-width:1100px){.homz-nav{gap:18px}.homz-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homz-catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.homz-intro{gap:48px}.homz-feature-layout{gap:48px}}
@media(max-width:820px){.homz-wrap{width:min(var(--homz-max),calc(100% - 34px))}.homz-section{padding:78px 0}.homz-header{height:74px}.homz-brand{font-size:25px}.homz-brand-mark{width:24px;height:24px}.homz-header-cta{display:none}.homz-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.homz-nav{display:none;position:absolute;top:73px;left:0;right:0;padding:20px 24px 24px;background:rgba(5,17,28,.97);border-top:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:stretch;gap:0}.homz-nav.is-open{display:flex}.homz-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.homz-hero{height:auto;min-height:790px;background-position:58% center}.homz-hero:before{background:linear-gradient(90deg,rgba(3,14,24,.94),rgba(3,14,24,.66) 65%,rgba(3,14,24,.28)),linear-gradient(0deg,rgba(3,14,24,.7),transparent 55%)}.homz-hero-content{padding-top:125px;padding-bottom:45px}.homz-hero h1{font-size:clamp(50px,10vw,76px)}.homz-hero-meta{margin-top:42px;gap:13px 20px}.homz-section-head{display:block}.homz-section-head .homz-section-copy{margin-top:16px}.homz-intro{grid-template-columns:1fr;gap:36px}.homz-intro-visual{order:2}.homz-intro-copy{order:1}.homz-intro-visual img{aspect-ratio:1.2}.homz-feature-layout{grid-template-columns:1fr;gap:42px}.homz-feature-image{order:2}.homz-feature-copy{order:1}.homz-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.homz-catalogue-toolbar{align-items:flex-start}.homz-contact-inner{display:block}.homz-contact-actions{margin-top:24px}.homz-footer-top{align-items:flex-start;flex-direction:column}.homz-modal-prev{left:8px}.homz-modal-next{right:8px}.homz-modal-nav{background:rgba(2,9,15,.55)}}
@media(max-width:540px){.homz-wrap{width:calc(100% - 28px)}.homz-section{padding:64px 0}.homz-hero{min-height:760px;background-position:57% center}.homz-hero h1{font-size:48px;letter-spacing:-.06em}.homz-hero-copy{font-size:15px;max-width:330px}.homz-hero-actions{align-items:stretch;flex-direction:column;max-width:270px}.homz-hero-actions .homz-btn{width:100%}.homz-hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px}.homz-intro-points{grid-template-columns:1fr;gap:12px}.homz-intro-point{padding-left:12px}.homz-image-label{left:10px;bottom:12px;padding:13px 15px}.homz-collection-grid{grid-template-columns:1fr;gap:14px}.homz-collection-card{min-height:360px}.homz-feature-list{grid-template-columns:1fr;gap:18px}.homz-feature-badge{right:10px;bottom:10px;padding:14px 17px}.homz-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homz-catalogue-card{padding:6px;border-radius:10px}.homz-catalogue-card-meta{align-items:flex-start;flex-direction:column;gap:3px;padding:8px 2px 2px}.homz-catalogue-card-meta strong{font-size:10px}.homz-catalogue-toolbar{display:block}.homz-filter-list{margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.homz-filter-btn{white-space:nowrap}.homz-search{width:100%}.homz-catalogue-footer{align-items:flex-start;flex-direction:column}.homz-values-grid{grid-template-columns:1fr}.homz-value-card{padding:22px}.homz-contact{padding:65px 0}.homz-contact-actions{flex-direction:column;align-items:stretch}.homz-footer-links{gap:12px 18px}.homz-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.homz-modal{padding:12px}.homz-modal-panel{height:90vh}.homz-modal-top{position:relative;transform:none;width:100%;padding:0 0 12px}.homz-modal-image-wrap{height:calc(100% - 82px)}.homz-modal-nav{width:38px;height:38px}.homz-modal-prev{left:4px}.homz-modal-next{right:4px}.homz-modal-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.homz-reveal{opacity:1;transform:none}}