/* ARGANA 7.4C — shared storefront shell + complete care guide */
.ux-content-page{min-height:100vh;display:flex;flex-direction:column;background:var(--theme-bg,#fbf8f4)}
.ux-content-page main{flex:1;min-width:0}
.ux-content-page .ux-shared-topbar{flex:0 0 auto}
.ux-content-page .ux-content-header{flex:0 0 auto}
.ux-content-page .ux-cart-shortcut{display:inline-grid}

/* ARGANA 7.4G — one search entry on secondary storefront pages, delegated to home search authority. */
.ux-content-page .ux-content-header .header-inner{position:relative}
.ux-content-page .ux-shell-search{max-width:270px;min-width:210px;margin:0}
.ux-content-page .ux-shell-search input{padding-left:66px}
.ux-content-page .ux-shell-search-submit{position:absolute;left:4px;top:4px;height:34px;min-width:54px;padding:0 12px;border:0;border-radius:999px;background:var(--green,#173f2a);color:#fff;font-weight:800;font-size:12px}
.ux-content-page .ux-shell-search-submit:focus-visible{outline:3px solid var(--gold,#b98a2f);outline-offset:2px}

/* The guide must remain readable even if later presentation CSS changes. */
.ux-content-page .grid,
.ux-content-page .card,
.ux-content-page .article,
.ux-content-page .category-guide,
.ux-content-page .care-guide-directory,
.ux-content-page .care-guide-all-articles{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

.care-guide-directory{width:min(1120px,92vw);margin:0 auto;padding:clamp(24px,4vw,44px) 0 12px}
.care-guide-section-head,.care-guide-articles-head{width:min(1120px,92vw);margin-inline:auto}
.care-guide-section-head h2,.care-guide-articles-head h2{margin:.25rem 0 .55rem;color:var(--theme-primary,#173f2a)}
.care-guide-section-head>p:last-child,.care-guide-articles-head>p:last-child{max-width:72ch;color:var(--theme-muted,#6f695e);line-height:1.9}
.care-guide-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.care-guide-path{display:flex;min-height:150px;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px;border:1px solid var(--theme-border,#e8dfd0);border-radius:22px;background:linear-gradient(145deg,var(--theme-surface,#fff),var(--theme-bg-soft,#f7f2e9));box-shadow:0 12px 34px rgba(42,31,18,.06);color:var(--theme-ink,#29271f);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.care-guide-path:hover,.care-guide-path:focus-visible{transform:translateY(-2px);box-shadow:0 18px 42px rgba(42,31,18,.1);border-color:color-mix(in srgb,var(--theme-accent,#c69a45) 45%,var(--theme-border,#e8dfd0));outline:none}
.care-guide-path strong{font-size:1.16rem;color:var(--theme-primary,#173f2a)}
.care-guide-path span{color:var(--theme-muted,#6f695e);line-height:1.75}
.care-guide-articles-head{padding:30px 0 10px}
.care-guide-all-articles{padding-bottom:clamp(34px,6vw,72px)!important}
.care-guide-all-articles>.card{display:flex;flex-direction:column;min-height:100%}
.care-guide-all-articles>.card p{flex:1}
.care-guide-all-articles>.card a{align-self:flex-start}

/* Static customer pages retain their own content layout while sharing the store shell. */
.ux-content-page .account-main,
.ux-content-page .policy-page{width:min(1120px,92vw);margin-inline:auto}
.ux-content-page .policy-page{padding-top:clamp(28px,5vw,54px);padding-bottom:48px}
.ux-content-page .policy-back{display:inline-flex;margin-bottom:18px}
.ux-content-page .ux-content-footer{width:100%;flex:0 0 auto}

@media(max-width:1040px){
  .ux-content-page .ux-shell-search{max-width:220px;min-width:180px}
}
@media(max-width:900px){
  .care-guide-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .care-guide-directory{padding-top:22px}
  .care-guide-paths{grid-template-columns:1fr;gap:12px}
  .care-guide-path{min-height:118px;padding:18px}
  .care-guide-path,.ux-content-page .ux-mobile-menu,.ux-content-page .icon-btn{min-width:44px;min-height:44px}
  .ux-content-page .ux-content-header{margin-bottom:58px}
  .ux-content-page .ux-shell-search{position:absolute;top:62px;right:0;left:0;max-width:none;min-width:0;width:100%;padding:7px 0;background:rgba(251,247,239,.98)}
  .ux-content-page .ux-shell-search input{height:42px}
  .ux-content-page .ux-shell-search-submit{top:11px}
}
@media(max-width:390px){
  .ux-content-page .ux-shell-search input{font-size:13px}
  .ux-content-page .ux-shell-search-submit{min-width:50px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
  .care-guide-path{transition:none}
  .care-guide-path:hover,.care-guide-path:focus-visible{transform:none}
}