@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════
   PETS PASH - informative pages: About Us, Our Family, Brands, Locations, Services, Contact Us
   Rules copied from the live petspash.com pages (stores2 / store2 / btn2 / cu-* / hero2 blocks), scoped to .pinfo.
   Template: catalog/view/theme/megashop/template/information/pets_page.twig and contact.twig.
═══════════════════════════════════════════════════════════════ */

.pinfo {
  --teal: #1E7A46;
  --teal-dark: #145530;
  --teal-light: #E6F2EA;
  --teal-pale: #F3FAF6;
  --navy: #0F3D26;
  --text: #223328;
  --muted: #6b7c72;
  --border: #dfe9e3;
  --orange: #f5a623;
  --shadow-sm: 0 2px 10px rgba(20,60,60,.06);
  --shadow-md: 0 10px 30px rgba(20,60,60,.12);
  --container: 1200px;
  --font: 'Poppins', -apple-system, Segoe UI, sans-serif;
  --font-display: 'Baloo 2', var(--font);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--text);
  background: #fcf7f0;
}
.pinfo *, .pinfo *::before, .pinfo *::after { box-sizing: border-box; }
.pinfo h1, .pinfo h2, .pinfo h3, .pinfo p, .pinfo ul { margin: 0; padding: 0; }
.pinfo h2, .pinfo h3 { font-family: var(--font); line-height: 1.25; }
.pinfo ul { list-style: none; }
.pinfo a { text-decoration: none; color: inherit; }
.pinfo img { max-width: 100%; display: block; }
.pinfo .pi-full { width: 100%; display: block; height: auto; }
.pinfo .pcont { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px; }
.pinfo .icon { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; vertical-align: -3px; }
.pinfo .visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pinfo .pbtn { display: inline-flex; align-items: center; gap: 8px; justify-content: center; padding: 13px 22px; border-radius: 5px; font-weight: 600; font-size: 14.5px; border: 2px solid transparent; transition: all .2s ease; white-space: nowrap; cursor: pointer; font-family: var(--font); }
.pinfo .pbtn svg { width: 17px; height: 17px; fill: currentColor; }

/* ═══ SECTIONS COPIED FROM THE LIVE SITE ═══ */
.pinfo .hero2 {width:100%;line-height:0;background:var(--teal-pale);}
.pinfo .hero2-banner-img {width:100%;height:auto;display:block;}
.pinfo .stores2 {position:relative;width:98%;margin:10px auto 0;overflow:hidden;border-radius:20px;box-shadow:var(--shadow-sm);padding:60px 0 0;background:#eef3ea;}
.pinfo .stores2 .pcont {max-width:1320px;position:relative;z-index:2;}
.pinfo .stores2-deco {position:absolute;top:-8px;width:210px;height:210px;pointer-events:none;z-index:1;}
.pinfo .stores2-deco-tl {left:-14px;}
.pinfo .stores2-deco-tr {right:-14px;transform:scaleX(-1);}
.pinfo .stores2-deco svg {width:100%;height:100%;}
.pinfo .stores2-paw {position:absolute;z-index:1;color:var(--navy);opacity:.05;pointer-events:none;}
.pinfo .stores2-paw svg {width:100%;height:100%;}
.pinfo .stores2-head {text-align:center;position:relative;z-index:2;padding:0 16px;}
.pinfo .stores2-title {font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--navy);
  display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:.5px;}
.pinfo .stores2-title .icon {width:32px;height:32px;color:var(--navy);}
.pinfo .stores2-subtitle {font-size:16.5px;color:#3d4d41;margin:0 0 20px;}
.pinfo .stores2-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px;position:relative;z-index:2;}
.pinfo .store2-card {background:#fff;border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(15,61,38,.09);}
.pinfo .store2-head-row {display:flex;align-items:center;gap:13px;margin-bottom:18px;}
.pinfo .store2-badge {width:54px;height:54px;border-radius:50%;background:var(--teal-light);border:2px solid var(--teal-dark);
  display:flex;align-items:center;justify-content:center;color:var(--teal-dark);flex-shrink:0;}
.pinfo .store2-badge svg {width:25px;height:25px;}
.pinfo .store2-card h3 {font-size:22px;color:var(--navy);margin:0 0 2px;}
.pinfo .store2-sub {margin:0;color:var(--teal);font-weight:700;font-size:14px;}
.pinfo .store2-media {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;}
.pinfo .store2-photo-wrap, .pinfo .store2-map-wrap {position:relative;height:185px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#eef1e9;}
.pinfo .store2-photo-wrap img {width:100%;height:100%;object-fit:cover;}
.pinfo .store2-map-wrap iframe {width:100%;height:100%;border:0;display:block;}
.pinfo .maps-btn {position:absolute;top:10px;left:10px;z-index:2;background:#fff;color:var(--navy);font-weight:700;font-size:12px;
  padding:7px 12px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.18);display:inline-flex;align-items:center;gap:5px;}
.pinfo .maps-btn svg {width:11px;height:11px;}
.pinfo .map-pin-label {position:absolute;left:52%;top:52%;transform:translate(-50%,-100%);z-index:2;display:flex;flex-direction:column;align-items:center;
  pointer-events:none;text-align:center;}
.pinfo .map-pin-label svg {width:28px;height:28px;color:#e0362b;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));}
.pinfo .map-pin-label span {background:#fff;color:#c0281f;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,.18);margin-top:3px;white-space:nowrap;line-height:1.35;}
.pinfo .store2-details {display:flex;flex-direction:column;gap:11px;margin:0 0 20px;}
.pinfo .store2-details li {display:flex;gap:10px;font-size:14px;color:#2a352e;align-items:flex-start;line-height:1.5;}
.pinfo .store2-details .icon {color:var(--navy);flex-shrink:0;margin-top:3px;width:16px;height:16px;}
.pinfo .store2-actions {display:flex;flex-wrap:wrap;gap:10px;}
.pinfo .btn2 {display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:8px;font-weight:600;font-size:13.5px;
  border:1.6px solid var(--teal-dark);transition:all .2s ease;white-space:nowrap;}
.pinfo .btn2 svg {width:15px;height:15px;fill:currentColor;}
.pinfo .btn2-primary {background:var(--teal-dark);color:#fff;}
.pinfo .btn2-primary:hover {background:var(--navy);border-color:var(--navy);}
.pinfo .btn2-outline {background:#fff;color:var(--navy);}
.pinfo .btn2-outline:hover {background:var(--teal-pale);}
.pinfo .stores2-banner {position:relative;z-index:2;display:flex;align-items:center;background:#eff1ea;border-radius:20px;
  padding:22px 40px;gap:14px;margin:0 0 64px;overflow:hidden;border:1px solid var(--border);}
.pinfo .stores2-banner-leaf-tl, .pinfo .stores2-banner-leaf-br {position:absolute;z-index:0;width:130px;height:auto;pointer-events:none;}
.pinfo .stores2-banner-leaf-tl {left:0;top:0;}
.pinfo .stores2-banner-leaf-br {right:0;bottom:0;transform:scaleX(-1);}
.pinfo .stores2-banner-icon {position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.pinfo .stores2-banner-icon img {width:150px;height:auto;display:block;}
.pinfo .stores2-banner-divider {position:relative;z-index:1;width:1px;align-self:stretch;background:rgba(15,61,38,.18);flex-shrink:0;}
.pinfo .stores2-banner-text {position:relative;z-index:1;flex:1;text-align:center;}
.pinfo .stores2-banner-text h3 {font-size:24px;color:var(--navy);margin:0 0 6px;}
.pinfo .stores2-banner-text p {margin:0;font-size:14.5px;color:#3a4a3f;line-height:1.55;}
.pinfo .stores2-banner-text p .icon {color:var(--teal);width:14px;height:14px;vertical-align:-2px;}
.pinfo .stores2-banner-footer {width:100%;padding:10px 0 10px;}
.pinfo .stores2-banner-footer .pcont {max-width:1320px;}
.pinfo .stores2-banner-footer .stores2-banner {margin:0;}
@media (max-width:960px) {
  .pinfo .stores2-grid {grid-template-columns:1fr;}
  .pinfo .stores2-banner {flex-direction:column;text-align:center;padding:26px 24px;}
  .pinfo .stores2-banner-divider {display:none;}
  .pinfo .stores2-banner-icon img {width:110px;}
  .pinfo .stores2-banner-leaf-tl, .pinfo .stores2-banner-leaf-br {width:90px;}
}
@media (max-width:640px) {
  .pinfo .stores2-title {font-size:28px;}
  .pinfo .stores2-title .icon {width:24px;height:24px;}
  .pinfo .store2-media {grid-template-columns:1fr;}
  .pinfo .store2-photo-wrap, .pinfo .store2-map-wrap {height:160px;}
  .pinfo .stores2-deco {width:120px;height:120px;}
}
.pinfo .cu-hero2 {background:#fcf7f0;}
.pinfo .cu-stores2 {background:#fcf7f0;}
.pinfo .cu-main {padding:44px 0 10px;background:#fcf7f0;}
.pinfo .cu-main .pcont {max-width:1280px;}
.pinfo .cu-main-grid {display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:stretch;}
.pinfo .cu-form-panel {position:relative;border:1px solid #fee9d2;border-radius:22px;box-shadow:var(--shadow-sm);padding:36px 30px 28px;overflow:visible;}
.pinfo .cu-form-tab {position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;
  padding:11px 28px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.6px;
  box-shadow:0 8px 18px rgba(15,61,38,.25);white-space:nowrap;}
.pinfo .cu-form-row-group {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pinfo .cu-form-row {margin-bottom:14px;}
.pinfo .cu-form-row label {display:none;}
.pinfo .cu-form-panel input, .pinfo .cu-form-panel select, .pinfo .cu-form-panel textarea {width:100%;padding:13px 16px;border:1.6px solid var(--border);border-radius:10px;
  font-size:14px;font-family:var(--font);color:var(--navy);background:#fefaf4;}
.pinfo .cu-form-panel textarea {resize:vertical;min-height:110px;}
.pinfo .cu-form-panel select {appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7c72'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:40px;}
.pinfo .cu-form-panel input:focus, .pinfo .cu-form-panel select:focus, .pinfo .cu-form-panel textarea:focus {outline:none;border-color:var(--teal);background:#fff;}
.pinfo .cu-form-consent {display:flex;align-items:center;gap:9px;font-size:13px;color:#4a5951;margin:2px 0 20px;}
.pinfo .cu-form-consent input {width:16px;height:16px;flex-shrink:0;}
.pinfo .cu-form-consent a {color:var(--teal-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.pinfo .cu-form-panel .pbtn {width:100%;font-size:15px;padding:15px 22px;
  background:var(--orange);border-color:var(--orange);color:#fff;
  box-shadow:0 6px 16px rgba(245,166,35,.35);}
.pinfo .cu-form-panel .pbtn:hover {background:#e6960f;border-color:#e6960f;}
.pinfo .cu-form-note {display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0;font-size:12.5px;color:var(--muted);}
.pinfo .cu-form-note .icon {width:13px;height:13px;color:var(--teal);}
.pinfo .cu-form-result {display:none;margin:14px 0 0;padding:11px 14px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;}
.pinfo .cu-form-result.show {display:block;}
.pinfo .cu-form-result.ok {background:var(--teal-light);color:var(--teal-dark);}
.pinfo .cu-form-result.err {background:#fbe6e2;color:#a3311f;}
.pinfo .cu-qr-panel {position:relative;overflow:hidden;background:#eef1e9;border-radius:22px;padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.pinfo .cu-qr-paw {position:absolute;z-index:0;pointer-events:none;filter:invert(1) grayscale(1);mix-blend-mode:multiply;opacity:.12;}
.pinfo .cu-qr-paw img {height:100%;display:block;}
.pinfo .cu-qr-eyebrow {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--orange);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;}
.pinfo .cu-qr-eyebrow .icon {width:13px;height:13px;transform:rotate(180deg);}
.pinfo .cu-qr-eyebrow .icon.right {transform:none;}
.pinfo .cu-qr-brand {position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:28px;margin:4px 0 0;line-height:1.15;}
.pinfo .cu-qr-brand .navy {color:var(--navy);}
.pinfo .cu-qr-brand .orange {color:var(--orange);}
.pinfo .cu-qr-family {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:24px;color:var(--navy);margin:0;}
.pinfo .cu-qr-family .icon {width:18px;height:18px;color:#e0523e;}
.pinfo .cu-qr-text {position:relative;z-index:1;margin:12px 0 20px;font-size:13.5px;color:#3a4a3f;line-height:1.55;max-width:320px;}
.pinfo .cu-qr-wrap {position:relative;z-index:1;}
.pinfo .cu-qr-box {width:190px;height:190px;padding:12px;background:#fff;border-radius:16px;border:2.5px solid var(--orange);
  box-shadow:var(--shadow-md);position:relative;overflow:hidden;}
.pinfo .cu-qr-img {width:100%;height:100%;display:block;object-fit:contain;}
.pinfo .cu-qr-arrow {position:absolute;top:-6px;right:-34px;width:44px;height:44px;color:var(--navy);opacity:.65;}
.pinfo .cu-qr-scan {position:relative;z-index:1;margin:14px 0 0;font-family:var(--font-display);font-weight:800;letter-spacing:.6px;color:var(--navy);font-size:15px;}
@media (max-width:1080px) {
  .pinfo .cu-main-grid {grid-template-columns:1fr;}
}
@media (max-width:640px) {
  .pinfo .cu-form-row-group {grid-template-columns:1fr;}
}

/* ═══ SMALL ADDITIONS FOR OPENCART ═══ */ 
.pinfo .pbtn:disabled { opacity: .7; cursor: wait; }
.pinfo .cu-form-panel .invalid-feedback { display: none; color: #a3311f; font-size: 12.5px; margin: 5px 2px 0; }
.pinfo .cu-form-panel .invalid-feedback.d-block { display: block; }
.pinfo .cu-form-panel input.is-invalid, .pinfo .cu-form-panel select.is-invalid, .pinfo .cu-form-panel textarea.is-invalid { border-color: #e0523e; background-image: none; }
.pinfo .cu-form-panel select.is-invalid { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7c72'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); }
.pinfo .cu-form-panel .cu-form-consent input { width: 16px; height: 16px; padding: 0; accent-color: var(--teal); }
.pinfo .cu-form-panel .pbtn { margin-top: 0; }
.pinfo .brands-list { background: #fcf7f0; padding: 8px 0 34px; }
.pinfo .brands-list h2 { font-family: var(--font-display); font-size: 30px; font-weight: 800; color: var(--navy); text-align: center; }
.pinfo .brands-list p { text-align: center; color: #3d4d41; margin: 4px 0 20px; font-size: 15.5px; }
.pinfo .brands-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.pinfo .brands-chips a { background: #fff; border: 1px solid var(--border); border-radius: 999px; padding: 8px 18px; font-size: 14px; font-weight: 500; color: var(--navy); box-shadow: var(--shadow-sm); transition: all .15s; }
.pinfo .brands-chips a:hover { background: var(--teal); border-color: var(--teal); color: #fff; }
.pinfo .brands-all { display: flex; justify-content: center; margin-top: 22px; }
.pinfo .brands-all .btn2 { text-decoration: none; }
.pinfo .cu-qr-paw { filter: none; mix-blend-mode: normal; color: var(--navy); }
.pinfo .cu-qr-paw svg { display: block; width: 100%; height: 100%; }
.pinfo .cu-form-panel { background: #fff; }