/* 1.4.1: original cutouts; varied small details in whitespace, untouched photos. */
.merci-decor{display:block;object-fit:contain;pointer-events:none;max-width:100%;height:auto}
.merci-heading-paw{width:36px;margin:0 0 18px}
.page-hero::before{content:none}
.merci-title-trail{position:absolute;display:block;right:12%;top:21%;width:144px;height:104px;pointer-events:none;opacity:.82}
.merci-title-trail .merci-trail-main{position:absolute;width:48px;left:56px;top:37px;transform:rotate(13deg)}
.merci-title-trail .merci-trail-small{position:absolute;width:27px;left:13px;top:75px;transform:rotate(-17deg)}
.merci-title-trail .merci-trail-accent{position:absolute;width:27px;height:27px;right:9px;top:6px;transform:rotate(10deg)}
.merci-title-trail img[src*="bone-original"]{width:48px;height:36px}
.intro-copy>.eyebrow::before{content:"";display:inline-block;width:17px;height:17px;margin-right:9px;vertical-align:-3px;background:url('../illustrations/heart-original.png') center/contain no-repeat}
#dog-training .eyebrow::before{content:"";display:inline-block;width:24px;height:18px;margin-right:8px;vertical-align:-4px;background:url('../illustrations/bone-original.png') center/contain no-repeat}
#pet-food .eyebrow::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;background:url('../illustrations/heart-original.png') center/contain no-repeat}
.merci-message-art{width:236px;margin:28px auto 0}
.merci-cta-actions{position:relative;min-width:0;padding-top:140px;justify-content:center}
.merci-cta-companions{position:absolute;display:flex;align-items:center;flex-direction:column;gap:0;width:240px;max-width:100%;top:0;left:50%;transform:translateX(-50%)}
.merci-cta-companions .merci-cta-pair{width:150px;max-width:100%}
.merci-cta-companions .merci-cta-message{width:230px;max-width:100%}
.merci-divider{display:flex;align-items:center;justify-content:center;gap:16px;width:240px;max-width:70%;margin:0 auto 22px}
.merci-divider::before,.merci-divider::after{content:"";height:1px;background:#d6b5a6;flex:1}
.merci-divider img{width:26px}
/* Full original visual grouping: dogs, speech bubble, paws and heart. */
.merci-social-wrap{position:relative;display:inline-flex;box-sizing:border-box;width:310px;max-width:100%;padding:94px 16px 8px;vertical-align:top}
.merci-social-peek{position:absolute;left:9%;top:94px;transform:translateY(-90%);width:49%;max-width:152px;z-index:2}
.merci-social-bubble{position:absolute;right:0;top:0;width:115px;max-width:43%}
.merci-social-paw{position:absolute;width:23px;z-index:2}
.merci-social-paw--left{left:0;top:79px;transform:rotate(-20deg)}
.merci-social-paw--right{right:0;bottom:20px;transform:rotate(20deg)}
.merci-social-heart{position:absolute;width:16px;left:4%;top:48px;transform:rotate(-15deg)}
.merci-social-button{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:82px;padding:10px 16px;border:3px solid #94d7a0;border-radius:48px;background:linear-gradient(135deg,#2b9d45,#168238);color:#fff;font-family:var(--font-sans);font-size:20px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:inset 0 0 0 2px rgb(255 255 255 / 15%),0 4px 10px rgb(0 0 0 / 7%)}
.merci-social-button--instagram{border-color:#efb4c3;background:linear-gradient(28deg,#d76738,#c43879 55%,#9250aa)}
.merci-social-logo-disc{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;background:#fffaf6;border-radius:50%}
.merci-social-logo{display:block;width:40px;height:40px;object-fit:contain;flex:none}
.merci-social-label{min-width:0;overflow-wrap:anywhere;text-align:center}
.merci-social-label small{display:block;font-size:13px;margin-top:2px;letter-spacing:.1em}
.merci-social-button[href]:hover{box-shadow:inset 0 0 0 2px rgb(255 255 255 / 30%),0 5px 14px rgb(0 0 0 / 15%)}
.merci-social-button:focus-visible{outline:3px solid #bd684f;outline-offset:4px}
.merci-social-button.is-pending{cursor:default}
.site-footer .button--light{color:#65473d}
.site-footer .merci-social-button{color:#fff;font-size:20px}
.site-footer .merci-social-list{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 14px;margin-top:24px}
.merci-social-list li{min-width:0;max-width:100%}
.contact-card .merci-social-wrap{margin-top:16px}
@media(max-width:767px){
.merci-title-trail{width:105px;height:62px;right:7%;top:14px;opacity:.75}
.merci-title-trail .merci-trail-main{width:31px;left:40px;top:19px}
.merci-title-trail .merci-trail-small{width:19px;left:10px;top:39px}
.merci-title-trail .merci-trail-accent{width:19px;height:19px;right:0;top:0}
.merci-title-trail img[src*="bone-original"]{width:33px;height:25px}
.merci-message-art{width:224px;margin-top:24px}
.merci-cta-actions{padding-top:134px;width:100%}
.merci-cta-companions .merci-cta-pair{width:140px}
.merci-cta-companions .merci-cta-message{width:220px}
}
@media(max-width:380px){.merci-social-wrap{padding-inline:10px}.merci-social-button{padding-inline:9px;gap:8px;font-size:19px}.site-footer .merci-social-button{font-size:19px}.merci-social-paw{width:18px}}

/* Compact header links. Keep exactly one visible contact entry at each breakpoint. */
.merci-header-actions{display:flex;align-items:center;gap:16px;flex:none}
.merci-header-socials{display:inline-flex;align-items:center;gap:8px}
.merci-mini-social{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:50%;background:#fbe0dc url('../illustrations/social-round-original.png') center/contain no-repeat;text-decoration:none}
.merci-mini-social>img{position:absolute;left:8px;top:8px;width:40px;height:40px;object-fit:contain}
.merci-mini-social>small{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:1px 5px;border-radius:8px;background:#fffaf6;color:#65473d;font-size:9px;line-height:1.4}
.merci-mini-social[href]:focus-visible{outline:3px solid #bd684f;outline-offset:3px}
.merci-mobile-socials{display:none}
@media(min-width:1081px){.primary-navigation .merci-nav-contact{display:list-item}.site-header__inner{gap:18px}.primary-navigation a{padding-inline:8px}}
@media(min-width:961px) and (max-width:1080px){
.js .menu-toggle{display:inline-flex;margin-left:auto}
.js .primary-navigation{position:fixed;z-index:110;top:82px;right:0;bottom:0;left:0;display:none;overflow-y:auto;padding:32px 24px;background:var(--color-ivory)}
.js .primary-navigation.is-open{display:block}
.js .primary-navigation .menu{display:grid;max-width:720px;margin-inline:auto}
.js .primary-navigation a{padding:16px;border-bottom:1px solid var(--color-line);font-size:1.2rem}
.admin-bar .primary-navigation{top:114px}
}
@media(max-width:1080px){.merci-header-actions{gap:0}.site-header__inner{gap:14px}}
@media(max-width:600px){
.merci-header-actions{display:none}
.merci-mobile-socials{display:block;margin:24px auto;max-width:720px}
.js .primary-navigation .merci-mini-social{padding:0;border:0}
}

/* Each original small asset stands alone: no overlapping logos or badges. */
.merci-small-social{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;position:relative;text-decoration:none;color:#65473d;flex:none}
.merci-small-social>img{display:block;object-fit:contain;max-width:100%;height:auto}
.merci-small-social--round{width:60px;min-height:60px}
.merci-small-social--round>img{width:60px;height:60px}
.merci-small-social--square{width:96px;font-size:14px}
.merci-small-social--square>img{width:90px;height:122px}
.merci-small-social small{font-size:10px;line-height:1.3;color:#65473d}
.merci-small-social[href]:focus-visible{outline:3px solid #bd684f;outline-offset:3px;border-radius:8px}
.merci-contact-small-socials{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:18px}
.merci-header-socials{align-items:flex-start;gap:12px}
@media(max-width:600px){.js .primary-navigation .merci-small-social{padding:0;border:0}}

/* Header: the original dog-and-cat square pair, compact and without status badges. */
.merci-header-socials .merci-small-social--square{width:52px;min-height:70px;gap:0}
.merci-header-socials .merci-small-social--square>img{width:52px;height:70px}
.merci-header-socials .merci-small-social--square>.merci-small-social-name{display:none}
.merci-header-socials{align-items:center}
@media(max-width:600px){.merci-mobile-socials .merci-small-social--square{width:68px;min-height:92px}.merci-mobile-socials .merci-small-social--square>img{width:68px;height:92px}}

/* Keep desktop navigation visible; only narrow mobile screens use the toggle. */
@media(min-width:768px){
.js .menu-toggle{display:none}
.js .primary-navigation,.js .primary-navigation.is-open{position:static;inset:auto;display:block;width:auto;height:auto;padding:0;overflow:visible;background:transparent;z-index:auto;margin-left:auto}
.js .primary-navigation .menu{display:flex;flex-wrap:nowrap;max-width:none;margin:0;gap:2px}
.js .primary-navigation a{padding:10px 8px;border:0;font-family:var(--font-sans);font-size:.88rem;white-space:nowrap}
.merci-mobile-socials{display:none}
}
@media(min-width:768px) and (max-width:1099px){
.site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding-block:4px 8px}
.site-brand{grid-column:1;grid-row:1}
.merci-header-actions{grid-column:2;grid-row:1}
.js .primary-navigation,.primary-navigation{grid-column:1/-1;grid-row:2;width:100%;margin:0}
.js .primary-navigation .menu{justify-content:space-between}
.js .primary-navigation a{padding:8px 6px;font-size:.85rem}
}
.merci-contact-small-socials .merci-small-social--round{width:84px;min-height:84px}
.merci-contact-small-socials .merci-small-social--round>img{width:84px;height:84px}

/* Keep original CTA artwork readable against the rose section, in normal flow. */
.merci-cta-actions{padding-top:0}
.merci-cta-actions .merci-cta-companions{position:relative;top:auto;left:auto;transform:none;box-sizing:border-box;flex:0 0 auto;width:254px;max-width:100%;margin:0 auto 8px;padding:12px 10px;gap:6px;border-radius:48% 48% 24px 24px;background:#fffaf6}
.merci-cta-actions .merci-cta-companions .merci-cta-pair{width:180px;height:auto;flex-shrink:0}
.merci-cta-actions .merci-cta-companions .merci-cta-message{width:230px;height:auto;flex-shrink:0}
.merci-cta-actions::before{content:"";order:0;flex-basis:100%;height:0}
.merci-cta-actions .merci-cta-companions{order:-1}

/* Facebook uses original dog/cat and paw artwork as separate, unedited assets. */
.merci-facebook-art{position:relative;display:block;flex:none;pointer-events:none}
.merci-facebook-art--square{width:90px;height:122px}
.merci-facebook-art--square .merci-facebook-peek{position:absolute;inset:0 0 auto;width:100%;height:auto;z-index:2}
.merci-facebook-art--square .merci-facebook-emblem{position:absolute;inset:30% 3% 4%;display:flex;align-items:center;justify-content:center;border-radius:17%;background:linear-gradient(160deg,#5994d8,#2869b1);box-shadow:inset 0 0 0 2px rgb(255 255 255 / 18%)}
.merci-facebook-art--square .merci-facebook-emblem>img{display:block;width:58%;height:auto;background:#fffaf6;border:3px solid #fffaf6;border-radius:50%}
.merci-header-socials .merci-facebook-art--square{width:52px;height:70px}
.merci-facebook-art--round{width:60px;height:60px;border:5px solid #fff2ef;border-radius:50%;background:#f8dcd6;box-shadow:inset 0 0 0 1px rgb(165 113 96 / 10%)}
.merci-facebook-art--round .merci-facebook-emblem{position:absolute;inset:14% 22% 23% 15%;display:flex;align-items:center;justify-content:center}
.merci-facebook-art--round .merci-facebook-emblem>img{width:100%;height:100%;object-fit:contain}
.merci-facebook-art--round .merci-facebook-paw{position:absolute;right:5%;bottom:5%;width:25%;height:auto;transform:rotate(15deg)}
.merci-social-button--facebook{border-color:#a8c7e5;background:linear-gradient(135deg,#397dbd,#2861a1)}
.merci-social-bubble--text{display:flex;align-items:center;justify-content:center;min-height:70px;padding:9px 6px;border:2px solid #e7c2b7;border-radius:51% 49% 47% 53%;background:#fffaf6;color:#795349;font-size:14px;line-height:1.6;text-align:center;transform:rotate(3deg)}
.merci-social-bubble--text::after{content:"";position:absolute;left:21%;bottom:-5px;width:11px;height:11px;background:#fffaf6;border-right:2px solid #e7c2b7;border-bottom:2px solid #e7c2b7;transform:rotate(40deg)}

/* One shared row gives all three networks room without crowding shop details. */
.merci-footer-socials{padding-block:28px 46px;border-top:1px solid rgb(238 231 226 / 12%)}
.merci-footer-socials__intro{margin:0 0 12px;color:#e6c3b7;text-align:center;font-family:var(--font-serif);font-size:1.05rem;letter-spacing:.08em}
.site-footer .merci-footer-socials .merci-social-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px 16px;max-width:1000px;margin:16px auto 0}
.merci-footer-socials .merci-social-list>li{display:flex;justify-content:center;min-width:0}
.merci-footer-socials .merci-social-wrap{width:310px;min-width:0}
.site-footer .merci-footer-socials .merci-social-button{gap:10px;font-size:clamp(15px,1.5vw,20px)}
.merci-footer-socials .merci-social-label{white-space:nowrap;overflow-wrap:normal}
.merci-footer-socials .merci-social-logo-disc{width:46px;height:46px;flex-basis:46px}
.merci-footer-socials .merci-social-logo{width:34px;height:34px}
.merci-footer-socials .merci-social-button{min-height:76px;padding-inline:12px}

/* Identify purpose as well as network; three icons always fit their card. */
.merci-contact-small-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.merci-contact-social-item{display:flex;align-items:center;flex-direction:column;min-width:0;gap:8px;text-align:center}
.merci-contact-small-socials .merci-small-social--round{width:64px;min-height:64px;max-width:100%}
.merci-contact-small-socials .merci-small-social--round>img,.merci-contact-small-socials .merci-facebook-art--round{width:64px;height:64px;max-width:100%}
.merci-contact-social-item>span{color:#65473d;font-family:var(--font-sans);font-size:12px;line-height:1.5}
.merci-contact-social-item small{display:block;margin-top:2px;color:#715e54;font-size:10px}

/* Preserve horizontal desktop navigation; allow its own row on small laptops. */
@media(min-width:1100px) and (max-width:1279px){
.site-header__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding-block:4px 8px}
.site-brand{grid-column:1;grid-row:1}
.merci-header-actions{grid-column:2;grid-row:1}
.js .primary-navigation,.primary-navigation{grid-column:1/-1;grid-row:2;width:100%;margin:0}
.js .primary-navigation .menu{justify-content:space-between}
}
@media(min-width:768px) and (max-width:1000px){
.merci-footer-socials .merci-social-wrap{padding-inline:8px}
.merci-footer-socials .merci-social-button{gap:7px;padding-inline:8px}
.merci-footer-socials .merci-social-logo-disc{width:34px;height:34px;flex-basis:34px}
.merci-footer-socials .merci-social-logo{width:27px;height:27px}
.merci-footer-socials .merci-social-bubble{width:96px}
.merci-footer-socials .merci-social-bubble--text{font-size:12px}
}
@media(max-width:767px){
.merci-header-actions{display:none}
.merci-mobile-socials{display:block;margin:24px auto;max-width:720px}
.js .primary-navigation .merci-small-social{padding:0;border:0}
.merci-mobile-socials .merci-header-socials{gap:18px}
.merci-mobile-socials .merci-small-social--square{width:64px;min-height:86px}
.merci-mobile-socials .merci-small-social--square>img,.merci-mobile-socials .merci-facebook-art--square{width:64px;height:86px}
.site-footer .merci-footer-socials .merci-social-list{grid-template-columns:minmax(0,1fr);gap:20px;max-width:350px}
.site-footer .merci-footer-socials .merci-social-button{font-size:18px}
.merci-footer-socials{padding-bottom:34px}
}
@media(max-width:360px){
.merci-contact-small-socials{gap:6px}
.merci-contact-small-socials .merci-small-social--round{width:56px;min-height:56px}
.merci-contact-small-socials .merci-small-social--round>img,.merci-contact-small-socials .merci-facebook-art--round{width:56px;height:56px}
}
