/* Responsive follow-up, distinct from the earlier 1px border experiment. */
:root{--frame-green:#3f704c;--frame-blue:#3e6c8b;--frame-violet:#75558c;--frame-peach:#a86240}
/* Labels only: leave the original count calculation and all card records intact. */
#category-filters button>span[aria-hidden="true"]{display:none}
#category-filters button{gap:0}

/* A painted 2px frame does not reduce the product content box. */
#products .product-panel{position:relative}
#products .product-panel::after{content:"";position:absolute;inset:0;border:2px solid var(--panel-frame,var(--frame-peach));border-radius:inherit;box-sizing:border-box;pointer-events:none;z-index:4}
#cosmetics{--panel-frame:var(--frame-peach)}
#diet,#hair{--panel-frame:var(--frame-green)}
#nutrition{--panel-frame:var(--frame-blue)}
#innerbeauty{--panel-frame:var(--frame-violet)}
#recommend-products .product-card:nth-child(4n+1){--panel-frame:var(--frame-peach)}
#recommend-products .product-card:nth-child(4n+2){--panel-frame:var(--frame-green)}
#recommend-products .product-card:nth-child(4n+3){--panel-frame:var(--frame-blue)}
#recommend-products .product-card:nth-child(4n){--panel-frame:var(--frame-violet)}
.hero-carousel::after{border-width:2px}
#blog-platforms .blog-platform{box-shadow:inset 0 0 0 1px var(--frame-green)}
#blog-platforms .blog-fortune{box-shadow:inset 0 0 0 1px var(--frame-violet)}
#blog-platforms .recommendation-hub>.blog-platform{box-shadow:inset 0 0 0 1px var(--frame-peach)}
#blog-platforms .blog-platform-icon{outline-width:2px;outline-offset:-2px}
#site-search .home-query-row{box-shadow:inset 0 0 0 1px var(--frame-green)}
#site-search #home-engine{box-shadow:inset 0 0 0 1px var(--frame-violet)}
#site-search .home-search-go{box-shadow:inset 0 0 0 2px var(--frame-blue)}
#site-search .query-clear{box-shadow:inset 0 0 0 2px var(--frame-peach)}
#category-filters button:nth-child(4n+1){box-shadow:inset 0 0 0 2px var(--frame-green)}
#category-filters button:nth-child(4n+2){box-shadow:inset 0 0 0 2px var(--frame-peach)}
#category-filters button:nth-child(4n+3){box-shadow:inset 0 0 0 2px var(--frame-blue)}
#category-filters button:nth-child(4n){box-shadow:inset 0 0 0 2px var(--frame-violet)}

/* Give names/descriptions a real column, independent of the blog shortcut size. */
#services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;align-items:stretch;gap:16px}
#services .service-photo-card,#services .gilvia-photo-card{display:grid;grid-template-columns:minmax(116px,.44fr) minmax(0,.56fr);width:100%;height:auto;min-height:104px;aspect-ratio:3/1;align-self:stretch;overflow:visible;min-width:0;box-sizing:border-box}
#services .service-photo-card>img{border-radius:inherit}
#services .service-photo-overlay,#services .gilvia-photo-overlay{position:relative;inset:auto;grid-column:1;width:auto;max-width:none;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:stretch;flex-wrap:nowrap;gap:3px;padding:10px;box-sizing:border-box;border-radius:14px 0 0 14px;background:linear-gradient(90deg,rgba(10,28,37,.88),rgba(10,28,37,.66))}
#services .service-photo-overlay>span{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}
#services .gilvia-overlay-mark,#services .service-overlay-mark{display:block;width:28px;height:28px;max-width:100%;object-fit:contain;flex:none}
#services .service-photo-card b{font-size:14px;line-height:1.45;white-space:nowrap;word-break:keep-all}
#services .service-photo-card small,#services .service-photo-card .service-pending-label{display:block;font-size:12px;line-height:1.45;white-space:normal;word-break:keep-all;overflow-wrap:normal}
#services .service-photo-card::after{content:"";position:absolute;inset:0;border:2px solid var(--service-frame);border-radius:inherit;box-sizing:border-box;pointer-events:none;z-index:4}
#services .service-photo-card:nth-child(1){--service-frame:var(--frame-blue)}
#services .service-photo-card:nth-child(2){--service-frame:var(--frame-green)}
#services .service-photo-card:nth-child(3){--service-frame:var(--frame-violet)}
#services .service-photo-card:nth-child(4){--service-frame:var(--frame-peach)}
@media(max-width:1100px){#services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#services .service-grid{grid-template-columns:1fr;gap:12px}#services .service-photo-card{grid-template-columns:minmax(116px,.42fr) minmax(0,.58fr)}}
/* Keep live filter feedback available to assistive technology without visible counts. */
.discovery #search-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}