/* Only the page opening belongs to WordPress. Product and checkout styles remain in app.css. */
.cr-clickcollect-page .cr-clickcollect-shell{background:#f5f7f8}
.cc-wordpress .cc-mobile-cart{display:none!important}
.cr-clickcollect-page .cr-clickcollect-heading{width:min(1600px,100%);margin:0 auto;padding:16px clamp(16px,3vw,48px) 12px;background:#f5f7f8}
.cr-clickcollect-page .cr-clickcollect-heading h1{margin:0;color:#102c46;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(25px,2.2vw,35px);letter-spacing:-.035em;line-height:1.2;font-weight:750}
.cr-clickcollect-page .cr-clickcollect-loading,.cr-clickcollect-page .cr-clickcollect-noscript{margin:0;padding:24px clamp(16px,3vw,48px)}
.cr-clickcollect-page #crawfords-clickcollect.cc-wp-snapshot{visibility:hidden}
/* Restore standalone heading defaults only where no catalogue component overrides them. */
:where(.cc-wordpress) h1{font-size:2em}
:where(.cc-wordpress) h2{font-size:1.5em}
:where(.cc-wordpress) h3{font-size:1.17em}
:where(.cc-wordpress) h4{font-size:1em}
:where(.cc-wordpress) h5{font-size:.83em}
:where(.cc-wordpress) h6{font-size:.67em}
/* The theme's focus rule must not square off the catalogue's existing controls. */
.cc-wordpress :is(a,button,summary):focus-visible{border-radius:0}
.cc-wordpress .cc-button:focus-visible{border-radius:8px}
.cc-wordpress .cc-icon-button:focus-visible,.cc-wordpress .cc-category:focus-visible{border-radius:7px}
.cc-wordpress .cc-product-summary:focus-visible{border-radius:4px}
.cc-wordpress .cc-thumbnail:focus-visible{border-radius:5px}
.cc-wordpress .cc-card-photo-arrow:focus-visible{border-radius:6px}
.cr-clickcollect-page .cr-clickcollect-price-note{width:min(1600px,100%);margin:0 auto;padding:14px clamp(16px,3vw,48px);background:#f5f7f8;color:#617083;font:12px/1.5 Inter,"Segoe UI",Arial,sans-serif}
@media(max-width:767px){.cr-clickcollect-page .cr-clickcollect-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
/* The site header owns the cart; catalogue search keeps the full phone row. */
@media(max-width:767px){
 .cc-wordpress .cc-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px 66px;gap:8px;align-items:center}
 .cc-wordpress .cc-toolbar>.cc-search{grid-column:1/-1;grid-row:1;min-width:0;width:auto}
 .cc-wordpress .cc-toolbar>.cc-phone-search-toggle{grid-column:1/-1;grid-row:1;justify-self:start;min-height:44px}
 .cc-wordpress .cc-toolbar>.cc-mobile-category{grid-column:1;grid-row:2;width:100%;min-width:0;min-height:44px}
 .cc-wordpress .cc-toolbar>.cc-mobile-category-share{grid-column:2;grid-row:2;width:44px;min-width:0;min-height:44px}
 .cc-wordpress .cc-toolbar>.cc-toggle{grid-column:3;grid-row:2;justify-self:center;min-height:44px;margin:0}
}