/* HowMeaw campaign identity — cream, deep teal and sunshine. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--ink:#073e46;--muted:#627578;--cream:#fffaf0;--line:#e6e9de;--coral:#ef7867;--purple:#095461;--green:#226e60;--yellow:#ffca19;--mint:#e3f3ef}
body,button,input,select,textarea{font-family:'Tajawal','Nunito',sans-serif}
body,.main{background:#fffaf0;color:var(--ink)}
.sidebar{background:#fffdf7;border-color:#e8e9dd;width:238px;padding-top:26px}
.brand{margin:0 7px 14px;display:block}.brand-link{display:block;text-decoration:none}.campaign-logo{display:block;width:100%;height:auto;max-height:90px;object-fit:contain}.mobile-brand .campaign-logo{width:142px;max-height:52px}
.eyebrow{color:#6b7d76;letter-spacing:0;text-align:center;font-size:12px;margin-bottom:30px}
.nav-item{color:#446369;font-size:15px;border-radius:16px}.nav-item.active{background:var(--yellow);color:#073e46;box-shadow:0 5px 14px #f4bc191a}.nav-item:hover{background:#edf6ef}.nav-item.active:hover{background:#ffcf35}
.topbar{background:#fffdf7;border-bottom:1px solid #e6eadf;gap:14px}.search{background:white;border:1px solid #dce8df;border-radius:24px}.search input{background:transparent;color:var(--ink)}.avatar{background:var(--ink);color:#fff}.cart-button{background:#e5f4ef;color:var(--ink);border-color:#d4e9df;border-radius:24px}.art-pill{background:var(--yellow);color:var(--ink);border-color:var(--yellow);border-radius:22px}
.page{max-width:1340px;padding-top:30px}.hero-row{background:#fff2bd;border:1px solid #f7e4a5;border-radius:30px;box-shadow:none;padding:32px;position:relative;overflow:hidden;align-items:center;gap:20px}.hero-title,.section-head h2,.card-info h3,.art-info h3,.band h3,.detail h1{font-family:'Tajawal',sans-serif;font-weight:900;color:var(--ink)}.hero-title{font-size:clamp(30px,3.6vw,52px);line-height:1.25;letter-spacing:-1px;max-width:560px}.hero-copy{line-height:1.8;font-size:15px;color:#47646a}.kicker{color:#126374;font-weight:800;letter-spacing:1px}
.campaign-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:330px}.campaign-hero-copy{position:relative;z-index:1}.campaign-hero .primary{margin-top:20px}.campaign-hero-photos{display:flex;justify-content:center;align-items:center;direction:ltr;padding:10px 0;min-width:0}.campaign-photo{margin:0;width:49%;padding:8px 8px 10px;background:#fffdf6;border-radius:24px;box-shadow:0 10px 24px #153f4920;transform:rotate(-7deg);position:relative}.campaign-photo:nth-child(2){transform:rotate(8deg);margin-left:-5px;margin-top:38px}.campaign-photo img{width:100%;height:190px;border-radius:17px;object-fit:cover}.campaign-photo figcaption{text-align:center;padding-top:9px;color:var(--ink);font-size:14px;font-weight:800}.campaign-hero .hero-title span{background:linear-gradient(transparent 65%,#ffca19 65%,#ffca19 91%,transparent 91%)}
.primary,.hero-row .primary{background:var(--ink);color:#fff;border-radius:24px;box-shadow:0 6px 15px #073e461a;padding:13px 23px}.primary:hover{background:#0e5963}.primary:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #edaa00;outline-offset:4px}.primary:disabled{opacity:.6}
.journey-actions{margin-top:22px;gap:14px}.journey-actions button{border-radius:22px;background:#fff;border:1px solid #dfe8dd;padding:23px;transition:transform .18s,box-shadow .18s}.journey-actions button:first-child{background:#e5f4ef}.journey-actions button:nth-child(2){background:#fff0dc}.journey-actions button:nth-child(3){background:#fff5c8}.journey-actions strong{font-size:22px;font-weight:900}.journey-actions button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #073e4610;border-color:#dbb52b}
.catalog-filters{background:#fffdf8;border:1px solid #e4e8df;padding:17px;border-radius:22px}.catalog-filters input,.catalog-filters select{border-radius:14px;border-color:#dce5dc;min-height:44px}.catalog-filters label{font-size:13px;color:#46656a}
.pet-card,.art-card{border-radius:25px;border-color:#e3e8dc;box-shadow:0 4px 16px #123f4406;transition:transform .18s,box-shadow .18s}.pet-card:hover,.art-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #073e4612}.pet-image{height:230px}.pet-image:after{display:none}.tag{border-radius:20px;background:#fffbe8;color:#164d52;font-size:11px;padding:7px 11px}.card-info{padding:18px}.card-info h3{font-size:24px}.meta{font-size:13px;line-height:1.7}.card-foot{font-size:11px;color:#6b7b74}.art-info{padding:19px}.art-info h3{font-size:20px}.art-info p{line-height:1.6}.price{color:#0c535c}.art-image{height:260px}.art-action{background:#e5f4ef;border-color:#d4e9df;color:var(--ink);border-radius:18px}.chip.selected{background:#ffed9d;color:var(--ink);border-color:#f2cb3e}
.band{background:var(--ink);border-radius:25px;padding:26px}.band h3{color:#fff;font-size:25px}.band p{color:#e1f0e9;font-size:14px}.band button{background:var(--yellow);color:var(--ink);border-radius:20px}.art-promo{background:#e5f4ef;border:1px solid #d5e9df;border-radius:25px;overflow:hidden}.art-promo h3{color:var(--ink)}
.modal{border-radius:27px;background:#fffdf6;color:var(--ink)}.modal h2{font-family:'Tajawal',sans-serif;font-weight:900}.modal input,.modal select,.modal textarea{border-radius:13px;border-color:#dce6dc}.preview-empty,.table-card,.chat-panel{border-radius:23px}.chat-bubble{background:#fff0b5}.chat-bubble.other{background:#dff2ec}.toast{background:var(--ink);border-radius:18px}.campaign-footer{margin:32px 0 0;padding:25px 10px;border-top:1px solid #e0e7db;text-align:center;color:#55716e;font-size:13px;line-height:1.9}.campaign-footer strong{display:block;color:var(--ink);font-size:19px}.campaign-footer a{color:var(--ink);text-decoration:none}
@media(max-width:1050px){.campaign-hero{grid-template-columns:1fr}.campaign-hero-photos{max-width:420px;margin:auto;width:100%}.campaign-photo img{height:180px}.hero-title{max-width:none}.sidebar{width:210px}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar{height:auto;min-height:78px;padding:14px 16px;flex-wrap:wrap;gap:10px}.mobile-brand{display:block;margin-right:auto}.topbar .search{display:none}.topbar .art-pill{font-size:12px;padding:10px}.cart-button{font-size:12px;padding:10px}.avatar{flex-shrink:0}.page{padding:20px 16px 35px}.hero-row{padding:24px 19px;border-radius:25px}.hero-title{font-size:35px}.campaign-hero{gap:8px}.campaign-hero-photos{max-width:330px}.campaign-photo img{height:155px}.journey-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.journey-actions button{padding:16px 9px;border-radius:18px}.journey-actions strong{font-size:18px}.journey-actions span{font-size:11px;line-height:1.6}.pet-image{height:175px}.pet-grid,.art-grid{gap:10px}.card-info{padding:13px}.card-info h3{font-size:21px}.meta{font-size:11px}.art-image{height:180px}.art-info{padding:13px}.art-info h3{font-size:17px}.catalog-filters{padding:12px;gap:10px}.band{padding:22px 18px;gap:15px;flex-wrap:wrap}.campaign-footer{margin-top:24px}.preview-mobile-nav{background:#fffdf7}.preview-mobile-nav button{background:#e8f4ee;color:var(--ink);border-color:#d7e6dc;border-radius:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}