/* Scope everything so it doesn't leak to other pages */ .db-contact{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:linear-gradient(180deg,#fbeff5 0%,#eaf7fb 100%); padding:48px 0 64px; font-family: Georgia, "Times New Roman", serif; color:#0f1720; } .db-contact .wrap{ width:min(92vw, 900px); margin:0 auto; } /* Cute title */ .db-contact .hero{ text-align:center; margin:0 0 18px; } .db-contact .hero h1{ margin:0 0 6px; font-weight:900; line-height:1.1; font-size:clamp(28px,4.2vw,46px); background:linear-gradient(90deg,#ff8bd3,#ffc371,#7afcff,#ffe45e); -webkit-background-clip:text; background-clip:text; color:transparent; } .db-contact .sub{ color:#5b6a72; margin:0; } /* Card */ .db-contact .card{ background:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.7); border-radius:20px; box-shadow:0 6px 18px rgba(0,0,0,.08); backdrop-filter:saturate(1.05) blur(6px); padding:22px; max-width:760px; margin:0 auto; } /* Form */ .db-contact form{ display:grid; gap:12px; } .db-contact label{ font-weight:700; font-size:14px; color:#32414b; } .db-contact input, .db-contact textarea{ width:100%; border:1px solid #dfe7eb; border-radius:12px; padding:12px 14px; font-size:16px; color:#24313b; background:#fff; transition:border .15s ease, box-shadow .15s ease; } .db-contact textarea{ min-height:140px; resize:vertical; } .db-contact input:focus, .db-contact textarea:focus{ border-color:#b7dfe1; box-shadow:0 0 0 4px rgba(58,162,162,.15); outline:none; } /* Button */ .db-contact .btn{ cursor:pointer; border:0; border-radius:999px; padding:.9rem 1.2rem; font-weight:700; color:#0f1720; background:linear-gradient(135deg,#ffe3ee 0%, #e9f1ff 52%, #e9ffe9 100%); box-shadow:0 10px 24px rgba(58,162,162,.18), 0 2px 6px rgba(0,0,0,.05); transition:transform .18s ease, box-shadow .18s ease; justify-self:start; } .db-contact .btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(58,162,162,.22), 0 3px 10px rgba(0,0,0,.06); } /* Hide Shopify's automatic page title if your theme shows it */ main .main-page-title, main .page-title, main .page__title, main .title-wrapper-with-link h1{ display:none !important; }