/* Karevu 17.6.44 — tablet-only final layout ownership (651–1100px). */
@media (min-width:651px) and (max-width:1100px) {
  .container { width:min(920px,calc(100% - 80px)); }
  .section { padding-block:58px; }

  .siteHeader { padding-top:8px; }
  .siteHeader .headerInner {
    position:relative;
    min-height:68px;
    height:auto;
    grid-template-columns:minmax(0,1fr) max-content max-content;
    grid-template-areas:"brand menu actions";
    gap:12px;
    padding:8px 14px;
  }
  .siteHeader .brand { min-width:0; justify-self:start; direction:ltr; }
  .siteHeader .headerActions { justify-self:end; direction:ltr; }
  .siteHeader .menuButton {
    display:grid;
    place-content:center;
    width:48px;
    height:48px;
    min-height:48px;
    border-radius:13px;
  }
  .siteHeader .mainNav { display:none; }
  .siteHeader .mainNav.open {
    direction:ltr;
    position:absolute;
    z-index:60;
    top:calc(100% + 8px);
    right:0;
    left:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 45px rgba(11,75,71,.14);
  }
  .siteHeader .mainNav.open a {
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 14px;
    border-radius:11px;
  }
  .siteHeader .headerActions a,
  .siteHeader .headerActions button { min-height:48px; }

  /* Home */
  .homeHero { padding:28px 0 32px; }
  .homeHeroInner {
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "media" "search";
    gap:20px;
    min-height:0;
    align-items:start;
  }
  .homeHeroCopy { grid-area:copy; max-width:760px; padding:0; }
  .homeHeroCopy h1 { font-size:clamp(38px,5vw,52px); }
  .homeHeroCopy p { font-size:13px; max-width:680px; }
  .homeHeroMedia {
    grid-area:media;
    order:initial;
    width:100%;
    height:300px;
    min-height:300px;
    border-radius:30px;
  }
  .heroSearchWrap {
    position:static;
    grid-area:search;
    inset:auto;
    width:100%;
    margin:0;
    padding:14px;
    border-radius:18px;
  }
  .heroSearchForm { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .heroSearchField { min-height:56px; }
  .heroSearchButton {
    grid-column:1 / -1;
    width:100%;
    min-height:48px;
    justify-self:stretch;
  }
  .heroSearchHint { font-size:10px; }
  .homeTrust { padding-top:18px; }
  .homeTrustInner { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .homeTrustInner article { padding:16px; }
  .serviceShowcase { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .serviceTile { grid-template-rows:82px 180px auto; min-height:318px; }
  .serviceTileCopy { min-height:82px; }
  .serviceTileMedia,
  .serviceTileMedia img { height:180px; }
  .serviceTile > a, .serviceTileAction { width:148px; min-width:148px; height:42px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; justify-self:center; box-sizing:border-box; white-space:nowrap; }
  .dashboardPreviewShell {
    direction:rtl;
    grid-template-columns:1fr;
    grid-template-areas:"intro" "dashboard";
    gap:14px;
    padding:16px;
  }
  .previewProfile { display:none; }
  .previewPanelIntro { padding:8px; }
  .previewPanelIntro h2 { font-size:22px; }
  .previewPanelIntro p { font-size:11px; }
  .previewStats article { min-height:70px; }
  .previewActivities article { min-height:48px; }
  .homeCtaInner {
    grid-template-columns:280px minmax(0,1fr);
    grid-template-areas:"pets copy" "pets actions";
    gap:18px 24px;
    min-height:180px;
    padding:18px 24px;
  }
  .homeCtaPets { display:block; width:280px; height:150px; }
  .homeCtaActions { align-items:flex-start; justify-content:flex-start; }
  .homeCtaActions a { min-height:48px; }

  /* Blog index */
  .magazineHeroInner {
    grid-template-columns:1fr;
    grid-template-areas:"copy" "media";
    gap:18px;
    padding-block:24px 8px;
  }
  .magazineHeroCopy { max-width:760px; }
  .magazineHeroMedia { height:220px; justify-content:center; }
  .magazineHeroMedia > picture { display:block; width:min(720px,100%); height:220px; }
  .magazineHeroMedia img { width:min(720px,100%); height:220px; object-fit:cover; }
  .magazineHeroBlob { width:min(700px,92%); height:190px; left:50%; transform:translateX(-50%); }
  .categoryRail {
    display:flex;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    gap:9px;
    padding:10px 2px 14px;
  }
  .magazineCategory { flex:0 0 auto; min-width:170px; min-height:48px; scroll-snap-align:start; }
  .magazineContent {
    grid-template-columns:1fr;
    grid-template-areas:"main" "sidebar";
    gap:24px;
  }
  .featuredArticleCard { grid-template-columns:1fr; grid-template-areas:"image" "copy"; }
  .featuredArticleImage { width:min(860px,100%); margin-inline:auto; }
  .recentArticleGrid { grid-template-columns:repeat(2,minmax(0,430px)); justify-content:center; gap:16px; }
  .magazineArticleCard { min-width:0; }
  .magazineArticleImage { height:190px; }
  .magazineSidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .magazineCta {
    grid-template-columns:260px minmax(0,1fr);
    grid-template-areas:"pets copy" "pets actions";
    gap:14px 22px;
  }
  .magazineCtaPets { display:block; height:140px; }
  .magazineCtaPets img { width:260px; height:140px; object-fit:contain; }
  .magazineCtaActions > a:first-child { min-height:48px; }

  /* Blog article */
  .magazineArticleLayout {
    grid-template-columns:1fr;
    grid-template-areas:"article" "sidebar";
    gap:20px;
  }
  .articleLeadGrid { grid-template-columns:1fr; grid-template-areas:"copy" "image"; gap:16px; }
  .articleLeadCopy { padding:18px 20px 4px; }
  .articleLeadCopy h1 { font-size:clamp(28px,4vw,36px); }
  .articleLeadImage { width:min(860px,100%); margin-inline:auto; }
  .articleReadingBody { padding-inline:36px; font-size:14px; }
  .articleSidebar {
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  .articleToc,
  .relatedSideCard { grid-row:auto; }
}

/* Karevu Canada 0.10.37 — the stacked auth breakpoint must stay one column. */
@media (min-width:651px) and (max-width:900px) {
  .canadaAuthSection .authGrid {
    width:min(620px,calc(100% - 30px));
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"story" "card";
    margin-inline:auto;
  }
  .canadaAuthSection .authStory,
  .canadaAuthSection .authCard {
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .canadaAuthSection .authCard {
    justify-self:center;
  }
}


/* 0.7.2 — tablet ownership for location-first search. */
@media (min-width:651px) and (max-width:1100px) {
  .locationFirstSearchPanel,
  .heroLocationPrimary { align-items:stretch; flex-direction:column; gap:8px; padding:10px; }
  .locationFirstSearchPanel .nearbySearchControl.isPrimary,
  .heroLocationPrimary .nearbySearchControl.isPrimary { width:100%; }
  .locationFirstSearchPanel .nearbySearchControl.isPrimary>select,
  .heroLocationPrimary .nearbySearchControl.isPrimary>select { flex:0 0 145px; }
  .locationFirstSearchPanel .nearbySearchButton,
  .heroLocationPrimary .nearbySearchButton { flex:1; }
  .manualLocationFields { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .locationFirstHeroSearch { margin-top:6px; }
  .locationFirstHeroSearch .heroSearchForm { grid-template-columns:1fr; }
  .locationFirstHeroSearch .heroSearchOptions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .locationFirstHeroSearch .heroManualSearchButton { grid-column:auto; width:auto; }
}
@media (min-width:651px) and (max-width:1100px) {
  .locationFirstHomeHero { padding-bottom:18px; }
  .locationFirstHomeHero + .homeTrust { padding-top:10px; }
}

/* 0.9.2 — tablet touch sizing for the shared KAREVU select. */
@media (min-width:651px) and (max-width:1100px) {
  .karevuSelectTrigger { min-height:44px; font-size:13px; }
  .heroSearchField .karevuSelectTrigger { min-height:30px; }
  .nearbyRadiusSelect { flex:0 0 145px; min-width:145px; }
  .nearbyRadiusSelect .karevuSelectTrigger { height:44px; min-height:44px; font-size:13px; }
  .karevuSelectMenu { max-height:min(320px,50dvh); }
  .karevuSelectMenu button { min-height:42px; font-size:12px; }
}

/* 0.9.5 — tablet final ownership for public, account, provider and shop routes. */
@media (min-width:651px) and (max-width:1100px) {
  html, body { max-width:100%; overflow-x:clip; }
  main { min-width:0; overflow-x:clip; }

  .siteHeader .headerActions { min-width:0; gap:7px; }
  .siteHeader .headerCartLink,
  .siteHeader .headerNotificationLink { width:44px; height:44px; flex-basis:44px; }
  .siteHeader .accountButton { min-height:44px; max-width:180px; }
  .siteHeader .mainNav.open { max-height:calc(100dvh - 96px); overflow-y:auto; overscroll-behavior:contain; }

  .profileGrid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .bookingBox { position:static; width:100%; }
  .profileMain, .bookingBox { min-width:0; }
  .profileHeader { min-width:0; }
  .profileIdentity { min-width:0; }

  .filterGrid, .directoryFilterGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .directoryFilterField, .manualLocationField { min-width:0; }
  .filterActions, .directoryFilterToolbar, .locationFirstToolbar { flex-wrap:wrap; }
  .cardsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pricingGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pricingGrid>.priceCard:last-child:nth-child(odd) {
    grid-column:1 / -1;
    width:calc((100% - 20px) / 2);
    justify-self:center;
  }
  .priceCard.featured { transform:none; }

  .accountLayout { grid-template-columns:minmax(0,1fr); grid-template-areas:"sidebar" "main"; gap:14px; padding:12px; }
  .accountSidebar { position:static; grid-area:sidebar; min-width:0; }
  .accountMain { grid-area:main; min-width:0; overflow-x:auto; overflow-y:visible; overscroll-behavior-inline:contain; }
  .accountNav {
    display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px,1fr);
    grid-template-columns:none; gap:7px; overflow-x:auto; overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity; padding-bottom:10px;
  }
  .accountNav a { min-width:0; justify-content:flex-start; scroll-snap-align:start; }
  .accountWelcome, .actionNotice, .dashboardHead, .latestBookingSummary { min-width:0; }
  .accountStats { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .latestBookingSummary { grid-template-columns:minmax(0,1fr) max-content; }
  .latestBookingSummary>a { grid-column:1/-1; justify-self:start; }

  .petFormGrid, .petTextGrid, .caregiverFormGrid, .caregiverTextGrid,
  .caregiverUploadGrid, .availabilityForm, .coverageForm,
  .shopProfileGrid, .shopProductEditorGrid, .shopCheckoutGrid,
  .shopDialogGrid, .providerKindChoiceGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :where(.petFormGrid,.petTextGrid,.caregiverFormGrid,.caregiverTextGrid,.caregiverUploadGrid,
    .availabilityForm,.coverageForm,.shopProfileGrid,.shopProductEditorGrid,.shopCheckoutGrid,.shopDialogGrid) > .wide {
    grid-column:1/-1;
  }

  .shopCartLayout, .shopCheckoutLayout, .shopSellerLayout,
  .shopProductDetailGrid, .shopConfirmationGrid { grid-template-columns:minmax(0,1fr); }
  .shopOrderSummary, .shopSellerSidebar { position:static; }
  .shopCheckoutSummary { width:100%; min-width:0; }
  .checkoutMiniCopy b { word-break:normal; overflow-wrap:break-word; }
  .shopProductGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopFlowHead, .shopCatalogToolbar, .shopProductsToolbar,
  .shopDashboardSectionHead, .shopManagedOrders footer { flex-wrap:wrap; }

  .footerGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
  .footerAbout { grid-column:1/-1; }
  .copyright { gap:10px; flex-wrap:wrap; }

  .accountMain table, .vetWorkspacePage table, .shopSellerWorkspace table,
  .shopInvoiceSheet table { min-width:680px; }
  .accountMain, .vetWorkspacePage, .shopSellerWorkspace, .shopInvoiceSheet { max-width:100%; min-width:0; }

  .shopEmptyCartIcon {
    width:60px; height:60px; margin-inline:auto; border-radius:18px;
    display:grid; place-items:center; background:var(--primary-soft); color:var(--primary);
  }
  .shopEmptyCartIcon .uiIcon { width:28px; height:28px; }
}


/* 0.9.8 — tablet commerce layout: search first, filters in a drawer. */
@media (min-width:651px) and (max-width:1100px) {
  .siteHeader .headerInner { background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(246,252,250,.66)); border-color:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(22px) saturate(175%); backdrop-filter:blur(22px) saturate(175%); box-shadow:0 10px 34px rgba(19,73,67,.10),inset 0 1px 0 rgba(255,255,255,.86); }
  .siteHeader .mainNav.open { background:transparent; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .shopCommerceHero { padding-top:24px; }
  .shopCommerceHeroGrid { grid-template-columns:minmax(0,1fr); }
  .shopCommercePromo { padding:22px 24px; }
  .shopTrustStrip>.container { grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:8px; }
  .shopTrustStrip article:nth-child(2) { border-inline-end:0; }
  .shopCategoryRail { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .shopFeaturedGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopCatalogToolbar { top:86px; }
  .shopCatalogLayout { grid-template-columns:minmax(0,1fr); }
  .shopFilterSidebar { display:none; }
  .shopFilterToggle { display:inline-flex; align-items:center; justify-content:center; }
  .shopFilterDrawer { position:fixed; z-index:1700; inset:0; display:grid; grid-template-columns:minmax(0,1fr) min(380px,88vw); pointer-events:none; opacity:0; transition:opacity .18s ease; }
  .shopFilterDrawer.open { pointer-events:auto; opacity:1; }
  .shopFilterBackdrop { grid-column:1/-1; grid-row:1; border:0; background:rgba(12,39,35,.38); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
  .shopFilterDrawer>aside { grid-column:2; grid-row:1; z-index:1; height:100dvh; padding:18px; overflow:auto; background:#fff; transform:translateX(-24px); transition:transform .18s ease; box-shadow:0 0 45px rgba(10,50,45,.20); }
  .shopFilterDrawer.open>aside { transform:none; }
  .shopFilterDrawer header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #e7efed; }
  .shopFilterDrawer header b,.shopFilterDrawer header small { display:block; }.shopFilterDrawer header b{font-size:14px}.shopFilterDrawer header small{color:#839590;font-size:9px}
  .shopFilterDrawer header>button { width:40px; height:40px; border:1px solid #dce7e4; border-radius:11px; background:#f7faf9; font-size:22px; }
  .shopFilterDrawer footer { position:sticky; bottom:-18px; margin:18px -18px -18px; padding:12px 18px; border-top:1px solid #e7efed; background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
  .shopFilterDrawer footer button { width:100%; min-height:46px; border:0; border-radius:12px; background:#0b8b82; color:#fff; font-weight:800; }
}

/* 0.9.9 — tablet retail composition. */
@media (min-width:651px) and (max-width:1100px) {
  .shopStorefrontV099 .shopV099UtilityBar { grid-template-columns:max-content minmax(0,1fr) max-content; gap:10px; min-height:66px; }
  .shopStorefrontV099 .shopV099StoreBrand strong { display:none; }
  .shopStorefrontV099 .shopV099UtilityActions>a>span { display:none; }
  .shopStorefrontV099 .shopV099UtilityActions>a { width:40px; padding:0; justify-content:center; }
  .shopStorefrontV099 .shopV099Subnav { justify-content:flex-start; }
  .shopStorefrontV099 .shopV099HeroStage { height:380px; }
  .shopStorefrontV099 .shopV099HeroCopy { width:54%; left:32px; right:auto; }
  .shopStorefrontV099 .shopV099HeroCopy h1 { font-size:40px; }
  .shopStorefrontV099 .shopV099CategoryDock { width:calc(100% - 22px); grid-template-columns:repeat(8,minmax(96px,1fr)); overflow-x:auto; }
  .shopStorefrontV099 .shopV099Trust>.container { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099Trust article:nth-child(2) { border-inline-end:0; }
  .shopStorefrontV099 .shopV099FeatureLayout { grid-template-columns:minmax(0,1fr); }
  .shopStorefrontV099 .shopV099DealStack { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099DealCard { min-height:180px; }
  .shopStorefrontV099 .shopV099ProductShelf { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099BrandRail { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099MiniCategoryRail { grid-template-columns:repeat(9,minmax(92px,1fr)); overflow-x:auto; }
  .shopStorefrontV099 .shopV099CatalogLayout { grid-template-columns:minmax(0,1fr); }
  .shopStorefrontV099 .shopV099FilterSidebar { display:none; }
  .shopStorefrontV099 .shopV099ProductGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099StoryStrip .shopStoryRail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .shopProductPageV099 .shopV099ProductDetailGrid { grid-template-columns:minmax(0,1fr); }
  .shopProductPageV099 .shopV099ProductGallery { gap:10px; }
  .shopProductPageV099 .shopV099ProductVisual { min-height:430px; }
}


/* 0.9.12 — tablet lower-storefront ownership. */
@media (min-width:651px) and (max-width:1100px) {
  .shopStorefrontV099 .shopV0912FeatureLayout { grid-template-columns:minmax(0,1fr); gap:12px; }
  .shopStorefrontV099 .shopV0912DealRail { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .shopStorefrontV099 .shopV0912DealRail .shopV099DealCard { min-height:188px; }
  .shopStorefrontV099 .shopV0912ProductShelf { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV0912BrandRail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .shopStorefrontV099 .shopV099ProductGrid.sparse { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); justify-content:stretch; }
  .shopStorefrontV099 .shopV0912StoryRail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* 0.9.14 — seller workspace tablet ownership */
@media (min-width:651px) and (max-width:1100px) {
  .shopSellerLayout { grid-template-columns:minmax(0,1fr); }
  .shopSellerSidebar { position:static; display:block; }
  .shopSellerSidebar nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; overflow:visible; }
  .shopSellerNavGroup { padding:0; border:0!important; }
  .shopSellerNavGroup>small { padding-inline:4px; }
  .shopSellerSidebar nav button { min-height:40px; padding-inline:7px; }
  .shopSellerSidebar>a { display:flex; border-top:1px solid #e8efed; }
  .shopFirstRunRoadmap,.shopSetupSteps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopAdvancedSubnav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopSellerTop { align-items:flex-start; gap:12px; flex-wrap:wrap; }
}

/* 0.9.15 — seller status and SKU controls on tablet. */
@media (min-width:651px) and (max-width:1100px) {
  .shopSellerLayout { width:100%; grid-template-columns:minmax(0,1fr); }
  .shopProfileGrid,.shopProductEditorGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shopVerificationPanel>header { flex-wrap:wrap; }
  .shopVerificationChecklist article { grid-template-columns:auto minmax(0,1fr) auto; }
}


/* 0.9.27 — tablet gallery inherits the horizontal .shopV099ProductThumbs rail from shop.css. */

/* 0.10.7 - Canada Blog tablet ownership. */
@media (min-width:651px) and (max-width:1100px){.canadaMagazinePage .magazineHeroInner{grid-template-areas:"copy" "media"}.canadaMagazinePage .magazineHeroCopy{text-align:left}.canadaMagazinePage .magazineContent{grid-template-columns:1fr;grid-template-areas:"main" "sidebar"}.canadaMagazinePage .magazineCta{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"pets copy" "pets actions"}.canadaMagazinePage .magazineCtaPets{justify-self:start}.canadaMagazineArticlePage .articleLeadCopy,.canadaMagazineArticlePage .articleReadingBody,.canadaMagazineArticlePage .articleSidebar{text-align:left;direction:ltr}}

/* Karevu Canada 0.10.28 — tablet visual-detail ownership. */
@media (min-width:651px) and (max-width:1100px) {
  html[dir="ltr"] .serviceTile>a,
  html[dir="ltr"] .serviceTileAction { min-height:44px; height:44px; }
  html[dir="ltr"] .subAccountActions>a,
  html[dir="ltr"] .subAccountActions>button,
  html[dir="ltr"] .petRecordHeroActions>a,
  html[dir="ltr"] .petRecordHeroActions>button { min-height:44px; }
  html[dir="ltr"] .shopSellerLayout { grid-template-columns:minmax(0,1fr); }
  html[dir="ltr"] .shopSellerSidebar nav button { min-height:44px; }
  html[dir="ltr"] .shopSellerSidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[dir="ltr"] .shopSetupSteps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[dir="ltr"] .shopStorefrontV099 .shopV099FilterChoices button,
  html[dir="ltr"] .shopStorefrontV099 .shopV099Segmented button { min-height:40px; }
}

/* Karevu Canada 0.10.42 — rounded header stays glass; outer strip is gone; menu items are readable glass. */
@media (min-width:651px) and (max-width:1100px) {
  .siteHeader .headerInner {
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(246,252,250,.66));
    border-color:rgba(255,255,255,.72);
    -webkit-backdrop-filter:blur(22px) saturate(175%);
    backdrop-filter:blur(22px) saturate(175%);
    box-shadow:0 10px 34px rgba(19,73,67,.10),inset 0 1px 0 rgba(255,255,255,.86);
  }
  .siteHeader .mainNav.open {
    gap:8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }
  .siteHeader .mainNav.open a {
    border:1px solid rgba(255,255,255,.72);
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(244,251,249,.68));
    -webkit-backdrop-filter:blur(20px) saturate(170%);
    backdrop-filter:blur(20px) saturate(170%);
    box-shadow:0 8px 22px rgba(12,68,61,.09),inset 0 1px 0 rgba(255,255,255,.74);
    justify-content:center;
    text-align:center;
  }
  .siteHeader .mainNav.open a:hover {
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(229,247,243,.78));
  }
  .siteHeader .mainNav.open a.active {
    border-color:rgba(115,193,181,.40);
    background:linear-gradient(145deg,rgba(224,247,241,.88),rgba(255,255,255,.72));
    box-shadow:0 8px 22px rgba(12,68,61,.10),inset 0 0 0 1px rgba(88,172,162,.10);
  }
}