/*
Theme Name: Customize PK
Theme URI: https://customize.pk
Author: Customize PK
Description: A responsive WhatsApp-order catalogue for customized gifts and promotional items in Pakistan.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: customize-pk
*/
:root{--ink:#18302e;--muted:#61716e;--cream:#f8f5ef;--white:#fff;--accent:#b87946;--green:#1f7254;--line:#e7e3da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--ink);color:#e7f1ea;font-size:13px;padding:7px 0;text-align:center}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px;min-height:76px}.brand{font-weight:900;letter-spacing:-1px;font-size:25px;white-space:nowrap}.brand span{color:var(--accent)}.nav{display:flex;gap:21px;margin-left:auto;align-items:center;font-size:14px;font-weight:650}.nav a:hover,.foot a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border-radius:7px;background:var(--green);color:white;font-weight:750;border:0;cursor:pointer}.button:hover{background:#17593f;color:white}.button.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.button.secondary:hover{background:var(--ink);color:white}.menu-toggle{display:none;background:none;border:0;font-size:26px;margin-left:auto;cursor:pointer}.hero{overflow:hidden;background:linear-gradient(115deg,#efe8db 0%,#f8f5ef 58%,#d9e5dc 100%);padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-size:12px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.12;letter-spacing:-2.5px;margin:15px 0}.hero p{font-size:18px;color:#52615d;max-width:580px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{min-height:420px;position:relative;display:grid;place-items:center}.art-disc{width:min(410px,90%);aspect-ratio:1;border-radius:50%;background:#d4e3d5;display:grid;place-items:center;box-shadow:inset 0 0 0 23px #e8f0e9}.art-mark{font-size:clamp(72px,12vw,140px);font-weight:900;color:#27634e;letter-spacing:-12px}.art-ticket{position:absolute;background:#fff;border:1px solid #eee5d8;border-radius:9px;padding:16px 20px;box-shadow:0 15px 35px #18302e1d;font-weight:750}.art-ticket.one{top:28px;right:0;transform:rotate(6deg)}.art-ticket.two{bottom:25px;left:0;transform:rotate(-7deg)}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section h2,.page-title{font-size:clamp(29px,4vw,42px);line-height:1.2;margin:8px 0}.section-intro{color:var(--muted);max-width:660px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #18302e13}.card-body{padding:22px}.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:14px}.card-link{color:var(--green);font-weight:750;font-size:14px;margin-top:17px;display:inline-block}.visual{height:205px;background:linear-gradient(135deg,var(--tile-a,#d9e8db),var(--tile-b,#eef2e4));display:grid;place-items:center;color:#31644e;font-size:64px}.visual img{height:100%;width:100%;object-fit:cover}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product .visual{height:210px}.product .card-body{padding:18px}.product h3{font-size:16px}.product .button{font-size:13px;padding:10px 12px;margin-top:15px;width:100%}.product-tag{font-size:12px;color:var(--accent);font-weight:800}.band{background:var(--ink);color:white}.band .section-intro{color:#b6cbc2}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step-num{font-size:35px;color:#ba9069;font-weight:900}.step h3{margin:5px 0}.step p{color:#b6cbc2;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.light-box{padding:40px;background:#e3ebdf;border-radius:17px}.light-box strong{display:block;font-size:26px}.list-clean{padding:0;list-style:none}.list-clean li{padding:8px 0;border-bottom:1px solid var(--line)}.page-hero{padding:58px 0 42px;background:#edf1e8}.page-hero p{max-width:720px;color:var(--muted)}.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.filterbar a{border:1px solid var(--line);background:white;border-radius:100px;padding:7px 15px;font-size:14px}.filterbar a.active,.filterbar a:hover{background:var(--ink);color:white}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:65px 0}.detail .visual{height:470px;border-radius:14px;overflow:hidden}.detail h1{font-size:clamp(32px,4vw,48px);line-height:1.2}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.fact{background:white;border:1px solid var(--line);padding:13px;border-radius:8px}.fact small{display:block;color:var(--muted)}.detail .button{margin-top:16px}.faq details{background:white;border:1px solid var(--line);padding:18px 22px;margin-bottom:10px;border-radius:9px}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:var(--muted)}.foot{background:#122622;color:#e5efe9;padding:55px 0 24px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.foot p,.foot small{color:#b4c6bc}.foot a{display:block;margin:7px 0}.foot-bottom{border-top:1px solid #385048;margin-top:40px;padding-top:20px;color:#b4c6bc;font-size:13px}.float-wa{position:fixed;bottom:20px;right:20px;background:#25d366;color:#fff;border-radius:100px;padding:12px 17px;z-index:30;box-shadow:0 8px 24px #0003;font-weight:800}.float-wa:hover{color:white;background:#1da851}.empty{padding:55px;text-align:center;background:white;border-radius:12px}.wp-content p{max-width:780px}.wp-content a{color:var(--green);text-decoration:underline}@media(max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 25px #0002;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.header-inner>.button{display:none}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.hero{padding:55px 0}.hero-grid,.split,.detail{grid-template-columns:1fr}.hero-art{min-height:240px}.art-disc{width:220px}.art-ticket{font-size:11px;padding:8px}.section{padding:50px 0}.cards,.steps{grid-template-columns:1fr}.products{gap:11px}.product .visual{height:150px}.product .card-body{padding:12px}.product .button{font-size:11px}.detail .visual{height:300px}.foot-grid{grid-template-columns:1fr;gap:20px}.section-head{display:block}.facts{grid-template-columns:1fr}}

/* Bundled category photography. Featured images take priority. */
.visual,.hero-photo{position:relative}.hero-photo{border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #18302e18}.hero-photo img{display:block;width:100%;height:auto}.sample-label{position:absolute;bottom:8px;left:8px;background:#ffffffeb;color:#42564b;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0}.cards .visual{height:auto;aspect-ratio:1.35}.visual img{object-fit:contain}.product .visual{height:auto;aspect-ratio:1}.detail .visual{height:auto;aspect-ratio:1}.detail .visual img{object-fit:contain}