/* Dedicated storefront: clear browsing, stable product cards and compact navigation. */
.catalog-page{background:#f7f8fa}
.catalog-page .wrap{max-width:1320px;width:calc(100% - 72px)}
.catalog-page header{background:#fff}
.catalog-page .header-inner{min-height:94px}
.catalog-page .header-inner nav a[aria-current="page"]{color:var(--red)}
.catalog-page .catalog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;padding:14px 0 0;font-size:11px;line-height:1.5;font-weight:500;color:#767676;white-space:normal}
.catalog-page .catalog-breadcrumb a{color:#555}
.catalog-page .catalog-breadcrumb a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.catalog-page .catalog-breadcrumb [aria-current="page"]{color:#242424}
.catalog-page .catalog-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:14px 0}
.catalog-page .catalog-intro .eyebrow{display:none}
.catalog-page .catalog-intro h1{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.13}
.catalog-page .catalog-intro p:not(.eyebrow){max-width:650px;margin:7px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.catalog-page .catalog-service-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 25px;padding:5px 0 12px;border-bottom:1px solid #e3e5e8;color:#555;font-size:11px;line-height:1.5}
.catalog-page .catalog-service-row>span{display:block}
.catalog-page .catalog-service-row>a{display:inline-flex;align-items:center;gap:8px}
.catalog-page .catalog-service-row svg{width:18px;height:18px;color:var(--red);flex-shrink:0}
.catalog-page .catalog-service-row strong,.catalog-page .catalog-service-row b{font-weight:650;color:#333}
.catalog-page .catalog-back-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:650;color:var(--red)}
.catalog-page .catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px;align-items:start;padding-top:20px;padding-bottom:20px}
.catalog-page .catalog-sidebar{min-width:0;position:sticky;top:120px;padding-top:12px}
.catalog-page .catalog-sidebar h2{font-size:18px;font-weight:750;letter-spacing:-.3px;margin:0 0 15px;padding-left:13px}
.catalog-page #category-nav{display:flex;flex-direction:column;gap:4px;margin:0;white-space:normal;max-height:min(510px,calc(100vh - 330px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent;padding:2px 4px 5px 0}
.catalog-page #category-nav>p{font-size:12px;font-weight:400;color:#777;padding-left:13px}
.catalog-page .category-nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:43px;border:1px solid transparent;border-radius:6px;padding:11px 12px;background:transparent;font:inherit;font-size:13px;line-height:1.45;font-weight:500;text-align:left;color:#555;transition:background .18s,color .18s}
.catalog-page .category-nav-link:hover{color:var(--red);background:#fff}
.catalog-page .category-nav-link.active,.catalog-page .category-nav-link[aria-current="true"],.catalog-page .category-nav-link[aria-pressed="true"]{color:var(--red);background:#fff;border-color:#edd9dc;font-weight:750;box-shadow:inset 3px 0 0 var(--red)}
.catalog-page .category-count{font-size:10px;font-weight:500;color:#777;flex-shrink:0}
.catalog-page .catalog-sidebar-help{border-top:1px solid #e1e3e6;margin:20px 13px 0;padding-top:19px}
.catalog-page .catalog-sidebar-help strong{font-size:13px;font-weight:700}
.catalog-page .catalog-sidebar-help p{font-size:11px;line-height:1.65;color:#777;margin:7px 0 10px}
.catalog-page .catalog-sidebar-help a{font-size:11px;font-weight:650;color:var(--red)}
.catalog-page .catalog-sidebar-help a:hover{text-decoration:underline;text-underline-offset:3px}
.catalog-page .catalog-main{min-width:0}
.catalog-page #catalog-source-slot{margin-bottom:15px}
.catalog-page .catalog-sources{display:flex;gap:22px;margin-top:0;border-bottom:1px solid #dddfe3;flex-wrap:wrap}
.catalog-page .source-button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 1px 9px;background:transparent;color:#686868;font-size:12px;line-height:1.4;font-weight:600;margin-bottom:-1px}
.catalog-page .source-button.active{border-color:var(--red);background:transparent;color:var(--red);font-weight:750}
.catalog-page .source-button:hover{color:var(--red);border-bottom-color:var(--red)}
.catalog-page .catalog-source-note{font-size:10px;line-height:1.5;margin:7px 0 0;max-width:none;color:#777}
.catalog-page .catalog-notice{margin:15px 0 0;font-size:12px}
.catalog-page .catalog-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.catalog-page .catalog-toolbar h2{font-size:23px;font-weight:750;line-height:1.3;letter-spacing:-.65px;max-width:48%}
.catalog-page .catalog-tools{display:flex;align-items:flex-start;gap:12px;margin:0;flex:1;max-width:430px;min-width:0}
.catalog-page .catalog-tools .filters{flex:0 0 225px;min-width:0}
.catalog-page .category-control{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:11px;font-weight:600}
.catalog-page .category-control select{width:100%;max-width:none;min-width:0;height:47px;padding:11px 30px 11px 12px;font-size:12px;font-weight:500;background:#fff;border-color:#dfe1e5;border-radius:6px}
.catalog-page .category-control>span{display:none}
.catalog-page .category-note{font-size:10px;margin-top:6px}
.catalog-page .catalog-tools .search{flex:1;max-width:none;width:auto;min-width:0;height:43px;gap:11px;border:1px solid #dfe1e5;border-radius:6px;padding:10px 13px;background:white}
.catalog-page .search:focus-within{border-color:var(--red);box-shadow:0 0 0 2px #d5122412}
.catalog-page .search svg{width:19px;height:19px;flex-shrink:0;color:#888}
.catalog-page .search input{font-size:13px;line-height:1.5;outline-offset:3px}
.catalog-page #active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:3px 0 12px}
.catalog-page #active-filters:empty{display:none}
.catalog-page .filter-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:6px 10px;border:1px solid #e6d3d6;border-radius:5px;background:#fff;color:#80323b;font:inherit;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.catalog-page .filter-chip:hover{border-color:var(--red)}
.catalog-page .clear-filters{display:inline-flex;align-items:center;gap:5px;padding:6px 3px;border:0;background:transparent;color:var(--red);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.catalog-page .catalog-updated{font-size:10px;line-height:1.5;margin:0 0 5px;color:#777}
.catalog-page .result-count{margin:0 0 13px;font-size:11px;line-height:1.5;color:#656565}
.catalog-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.catalog-page .product-card{border-color:#e4e5e8;border-radius:9px;min-width:0;background:white}
.catalog-page .product-card:hover{border-color:#dfb9bf;box-shadow:0 7px 20px #43212c08}
.catalog-page .product-picture{aspect-ratio:auto;height:184px;padding:25px 17px 11px;background:white}
.catalog-page .product-picture>.product-media{height:148px}
.catalog-page .product-picture img{height:148px;max-height:148px;mix-blend-mode:normal}
.catalog-page .product-type{font-size:8px;letter-spacing:.55px;top:12px;left:15px;color:#8a8a8a}
.catalog-page .product-body{padding:12px 17px 17px;min-height:223px}
.catalog-page .product-body .brand-name{font-size:9px;font-weight:750;letter-spacing:.85px;line-height:1.5;margin-bottom:6px}
.catalog-page .product-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:61px;font-size:14px;line-height:1.45;letter-spacing:-.1px;font-weight:650;margin-bottom:5px}
.catalog-page .product-body .size{font-size:11px;line-height:1.45;margin-bottom:12px}
.catalog-page .product-body .availability{font-size:10px;line-height:1.5;margin-top:auto;margin-bottom:12px;padding-top:10px}
.catalog-page .product-body .prescription-badge{font-size:9px!important;margin-bottom:10px!important;padding:4px 6px}
.catalog-page .product-actions{gap:7px}
.catalog-page .product-actions .button{min-height:39px;padding:10px 9px;font-size:11px;line-height:1.3;gap:5px;color:white;background:var(--red);border-color:var(--red);border-radius:5px;white-space:nowrap}
.catalog-page .product-actions .button:hover{background:var(--deep-red);border-color:var(--deep-red)}
.catalog-page .product-actions .add{width:37px;min-width:37px;height:39px;border:1px solid #f3cf00;font-size:23px;border-radius:5px}
.catalog-page #catalog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:28px 0 0;font-weight:500;white-space:normal}
.catalog-page .page-button,.catalog-page .page-number{min-width:38px;min-height:39px;padding:8px 10px;border:1px solid #dfe1e5;border-radius:5px;background:#fff;color:#575757;font:inherit;font-size:12px;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.catalog-page .page-button:hover:not(:disabled),.catalog-page .page-number:hover{border-color:var(--red);color:var(--red)}
.catalog-page .page-current,.catalog-page .page-button[aria-current="page"]{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.catalog-page .page-current:hover:not(:disabled),.catalog-page .page-button[aria-current="page"]:hover:not(:disabled),.catalog-page .page-number.page-current:hover{color:white;background:var(--deep-red)}
.catalog-page .page-button:disabled{cursor:default}
.catalog-page .page-button:disabled:not([aria-current="page"]):not(.page-current){color:#999;background:#f3f4f6;border-color:#e8e9ec}
.catalog-page .page-previous,.catalog-page .page-next{padding-inline:14px}
.catalog-page .page-status{font-size:11px;line-height:1.5;color:#747474;text-align:center}
.catalog-page #catalog-pagination>.page-status{flex-basis:100%;order:2;margin:7px 0 0}
.catalog-page .page-ellipsis{padding:4px;color:#888;font-size:12px}
.catalog-page .catalog-limit{font-size:12px;margin-top:20px;max-width:none}
.catalog-page .empty{padding:44px 22px;border-radius:8px;border-color:#e4e5e8}
.catalog-page .empty h3{font-size:23px;letter-spacing:-.5px}
.catalog-page .empty p{font-size:13px;max-width:430px;margin:14px auto 20px}
.catalog-page .empty .text-link{font-size:12px}
.catalog-page .catalog-main .catalog-more{display:none}
.catalog-page .catalog-foot{border-bottom:0;padding:30px 0 0;font-size:12px;gap:15px}
.catalog-page .catalog-foot .text-link{font-size:12px}
.catalog-page footer{margin-top:48px;padding-top:0;background:#fff}
.catalog-page .footer-top{padding-top:27px;padding-bottom:27px}
.catalog-page .footer-bottom{font-size:10px}
.catalog-page .catalog-footer-note{margin:24px 0 0;font-size:11px;line-height:1.7;color:#777}
.catalog-page #catalog-title:focus,.catalog-page #page-title:focus{outline:none}

/* The homepage offers a short product selection; full browsing lives in /catalogo. */
.home-page .catalog-section{padding-top:53px}
.home-page .catalog-sources,.home-page .catalog-source-note,.home-page .catalog-tools,.home-page .catalog-updated{display:none}
.home-page .catalog-section:has(.product-card) #results{display:none}
.home-page .catalog-section .section-heading{margin-bottom:28px}
.home-page .catalog-notice{margin:0 0 22px}
.home-page .catalog-more{width:fit-content;min-width:245px;max-width:100%;margin:30px auto 0;padding:15px 26px;gap:18px}
.home-page .catalog-foot{border-bottom:0;padding-bottom:0}

@media(min-width:781px){
  .catalog-page .catalog-tools .filters{display:none}
}
@media(min-width:1500px){
  .catalog-page .wrap{max-width:1440px}
  .catalog-page .catalog-layout{gap:36px}
  .catalog-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media(max-width:1120px){
  .catalog-page .wrap{width:calc(100% - 48px)}
  .catalog-page .catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:22px}
  .catalog-page .catalog-sidebar h2{font-size:17px}
  .catalog-page .category-nav-link{font-size:12px;padding:10px 11px}
  .catalog-page .catalog-tools .filters{flex-basis:195px}
  .catalog-page .product-grid{gap:12px}
  .catalog-page .product-picture{height:184px;padding-inline:12px}
  .catalog-page .product-picture>.product-media,.catalog-page .product-picture img{height:148px;max-height:148px}
  .catalog-page .product-body{padding:10px 13px 14px}
}
@media(min-width:781px) and (max-width:980px){
  .catalog-page .catalog-layout{grid-template-columns:175px minmax(0,1fr);gap:20px}
  .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-page .catalog-toolbar{align-items:flex-start;flex-direction:column;gap:12px}
  .catalog-page .catalog-toolbar h2{max-width:none}
  .catalog-page .catalog-tools{width:100%;max-width:none}
  .catalog-page .catalog-tools .search{width:100%;flex:auto}
}
@media(max-width:780px){
  .catalog-page .wrap{width:calc(100% - 32px)}
  .catalog-page .header-inner{min-height:79px}
  .catalog-page .catalog-breadcrumb{padding-top:12px;font-size:11px}
  .catalog-page .catalog-intro{display:block;padding:16px 0 15px;border-bottom:1px solid #e3e5e8}
  .catalog-page .catalog-intro h1{font-size:29px;letter-spacing:-.8px}
  .catalog-page .catalog-intro p:not(.eyebrow){font-size:12px;margin-top:7px;max-width:460px}
  .catalog-page .catalog-back-link{display:none}
  .catalog-page .catalog-service-row{display:none}
  .catalog-page .catalog-service-row svg{width:16px;height:16px}
  .catalog-page .catalog-layout{display:block;padding-top:14px}
  .catalog-page .catalog-sidebar{display:none}
  .catalog-page #catalog-source-slot{margin-bottom:15px}
  .catalog-page .catalog-sources{gap:23px;flex-wrap:nowrap}
  .catalog-page .source-button{flex:none;font-size:12px;padding:7px 0 9px}
  .catalog-page .catalog-source-note{font-size:10px;line-height:1.5;margin-top:7px}
  .catalog-page .catalog-toolbar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:12px}
  .catalog-page .catalog-toolbar h2{font-size:23px;letter-spacing:-.6px;max-width:none}
  .catalog-page .catalog-tools{flex-direction:column-reverse;align-items:stretch;gap:9px;max-width:none;width:100%}
  .catalog-page .catalog-tools .filters{flex-basis:auto;width:100%}
  .catalog-page .catalog-tools .search{flex:auto;width:100%;padding:12px 13px;height:46px}
  .catalog-page .search input{font-size:14px}
  .catalog-page .category-control select{height:43px;padding:10px 30px 10px 12px;font-size:12px}
  .catalog-page .category-note{margin-top:5px}
  .catalog-page .catalog-updated{font-size:9px;margin-bottom:7px}
  .catalog-page .result-count{font-size:11px;margin-bottom:15px}
  .catalog-page #active-filters{gap:6px;margin-bottom:11px}
  .catalog-page .filter-chip,.catalog-page .clear-filters{font-size:10px}
  .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .catalog-page .product-picture{height:190px;padding:27px 10px 13px}
  .catalog-page .product-picture>.product-media,.catalog-page .product-picture img{height:150px;max-height:150px}
  .catalog-page .product-type{font-size:7px;left:11px;top:11px;letter-spacing:.3px}
  .catalog-page .product-body{padding:9px 12px 13px;min-height:218px}
  .catalog-page .product-body .brand-name{font-size:8px;letter-spacing:.6px}
  .catalog-page .product-body h3{font-size:13px;line-height:1.45;min-height:57px}
  .catalog-page .product-body .size{font-size:10px;margin-bottom:10px}
  .catalog-page .product-body .availability{font-size:9px;line-height:1.5;padding-top:9px;margin-bottom:10px}
  .catalog-page .product-body .prescription-badge{font-size:8px!important}
  .catalog-page .product-actions{gap:5px}
  .catalog-page .product-actions .button{font-size:10px;padding:10px 7px;min-height:37px}
  .catalog-page .product-actions .add{width:31px;min-width:31px;height:37px;font-size:21px}
  .catalog-page #catalog-pagination{gap:5px;margin-top:24px}
  .catalog-page .page-button,.catalog-page .page-number{min-width:34px;min-height:37px;padding:8px;font-size:11px}
  .catalog-page .page-previous,.catalog-page .page-next{padding-inline:10px}
  .catalog-page .page-status{font-size:10px}
  .catalog-page .empty{padding:35px 17px}
  .catalog-page .empty h3{font-size:21px}
  .catalog-page .empty .text-link{margin:8px 8px 0}
  .catalog-page footer{margin-top:28px}
  .catalog-page .footer-top{padding-top:24px;padding-bottom:24px}
  .home-page .catalog-section{padding-top:38px}
  .home-page .catalog-section .section-heading{margin-bottom:23px}
  .home-page .catalog-more{margin-top:24px;font-size:13px;min-width:230px}
}
@media(max-width:380px){
  .catalog-page .wrap{width:calc(100% - 24px)}
  .catalog-page .catalog-intro h1{font-size:28px}
  .catalog-page .catalog-sources{gap:19px}
  .catalog-page .source-button{font-size:11px}
  .catalog-page .product-grid{gap:9px}
  .catalog-page .product-picture{height:170px;padding:26px 8px 12px}
  .catalog-page .product-picture>.product-media,.catalog-page .product-picture img{height:132px;max-height:132px}
  .catalog-page .product-body{padding:9px 9px 12px;min-height:220px}
  .catalog-page .product-body h3{font-size:12px;min-height:53px}
  .catalog-page .product-actions .button{font-size:9px;padding-inline:4px}
  .catalog-page .product-actions .add{width:28px;min-width:28px}
  .catalog-page .page-button,.catalog-page .page-number{min-width:31px;padding:7px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .product-card,.catalog-page .category-nav-link{transition:none}
}

/* Records without a supplied photograph stay compact rather than using a large empty image box. */
.catalog-page .local-products .no-photo .product-picture{height:92px;padding:32px 16px 10px;background:#fafafa}
.catalog-page .local-products .no-photo .product-picture>.product-media{height:48px}
.catalog-page .local-products .no-photo .photo-placeholder{min-height:0;flex-direction:row;gap:9px;font-size:10px;justify-content:flex-start;width:100%}
.catalog-page .local-products .no-photo .photo-placeholder svg{width:24px;height:24px}
.catalog-page .local-products .no-photo .product-body{min-height:200px}
@media(max-width:780px){
 .catalog-page .catalog-toolbar{display:flex;flex-direction:column;align-items:stretch}
 .catalog-page .catalog-tools{width:100%;max-width:none;flex-direction:column-reverse;align-items:stretch}
 .catalog-page .catalog-tools .filters,.catalog-page .catalog-tools .search{width:100%;max-width:none;flex:auto}
 .catalog-page .local-products .no-photo .product-picture{height:78px;padding:28px 12px 8px}
 .catalog-page .local-products .no-photo .product-picture>.product-media{height:38px}
 .catalog-page .local-products .no-photo .photo-placeholder{font-size:9px;gap:6px}
 .catalog-page .local-products .no-photo .photo-placeholder svg{width:19px;height:19px}
}
