/* Three reading rhythms for the same catalog and its filters. */
.compor-store .cp-catalog-title h1{max-width:760px;text-wrap:balance}
.compor-store .cp-catalog-title>p:last-child{max-width:660px}
.compor-store .cp-catalog-meta{flex-wrap:wrap}
.compor-store .cp-catalog-views{display:flex;align-items:center;flex:none;gap:2px;padding:3px;border:1px solid #142e5833;border-radius:9px;background:#fff}
.compor-store .cp-catalog-views button{display:grid;place-items:center;width:42px;min-height:42px;padding:9px;border:0;border-radius:6px;color:#142e58;background:transparent;cursor:pointer}
.compor-store .cp-catalog-views button[aria-pressed="true"]{color:#fff;background:#142e58}
.compor-store .cp-catalog-views button:hover:not([aria-pressed="true"]){background:#142e580b}
.compor-store .cp-catalog-views button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.compor-store .cp-catalog-views button:focus-visible{outline:3px solid #e09c00;outline-offset:3px}
.compor-store #cp-catalog-grid[data-catalog-view="large"]{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto;gap:22px;border:0}
.compor-store #cp-catalog-grid[data-catalog-view="large"] .product-card{border:1px solid #142e5833;border-radius:12px;overflow:hidden}
.compor-store #cp-catalog-grid[data-catalog-view="large"] .product-photo{aspect-ratio:1.12}
.compor-store #cp-catalog-grid[data-catalog-view="columns"]{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .product-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;overflow:hidden}
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .product-photo{aspect-ratio:4/5}
.compor-store #cp-catalog-grid[data-catalog-view="feed"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin-inline:auto;gap:3px;border:0;background:#fff}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-card{--feed-backdrop:#efe5d7;display:block;border:0;border-radius:0;overflow:hidden;background:var(--feed-backdrop)}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-card>:not(.product-photo),
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .save-button{display:none}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-photo{aspect-ratio:3/4;border:0;border-radius:0;background:var(--feed-backdrop)}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .photo-surface>img{box-sizing:border-box;padding:10% 9%;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 3px #142e5814)}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .photo-surface>.front-photo{opacity:1!important}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .photo-surface>.child-photo{display:none}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-open:focus-visible{outline:3px solid #142e58;outline-offset:-3px}

/* Soft alternating backdrops: the original transparent garment stays intact. */
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-card:is(:nth-child(9n+2),:nth-child(9n+6),:nth-child(9n+7)){--feed-backdrop:#dee9ef}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .product-card:is(:nth-child(9n+3),:nth-child(9n+4),:nth-child(9n+8)){--feed-backdrop:#e2e8dc}
.compor-store #cp-catalog-grid[data-catalog-view="feed"] .photo-surface{background:transparent}
@media(max-width:760px){
 .compor-store .cp-catalog-title h1{font-size:clamp(29px,7.9vw,35px);text-wrap:initial}
 .compor-store .cp-catalog-meta{gap:10px;min-height:64px}
 .compor-store .cp-catalog-meta #cp-result-count{font-size:12px}
 .compor-store #cp-catalog-grid[data-catalog-view="feed"]{margin-inline:calc(-1 * var(--edge));max-width:none;gap:2px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-editorial{padding:15px 10px 8px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-name{font-size:9px;letter-spacing:.045em;min-height:2.9em;margin-bottom:7px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-headline{font-size:20px;line-height:1.12;min-height:3.36em;margin-bottom:10px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-benefit{font-size:13px;line-height:1.5;margin-bottom:15px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-decision{display:block;padding-top:12px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-price>strong{font-size:21px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-price>span{font-size:10px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-formats{flex-direction:row;justify-content:space-between;gap:2px;margin:5px 0 0}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-format{font-size:11px;gap:4px;min-height:40px;padding:4px 0}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-format svg{width:12px;height:12px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-actions{grid-template-columns:1fr;gap:6px;margin-top:6px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] a.cp-card-buy{font-size:12px;min-height:44px;padding:9px 4px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-details{font-size:11px;gap:4px;min-height:44px;padding-top:5px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-details svg{width:15px;height:15px;flex:none}
}
@media(max-width:360px){
 .compor-store .cp-catalog-meta #cp-result-count{font-size:11px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-editorial{padding-inline:8px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-headline{font-size:18px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-benefit{font-size:12px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-price>strong{font-size:19px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-format{font-size:10px;gap:3px}
 .compor-store #cp-catalog-grid[data-catalog-view="columns"] a.cp-card-buy{font-size:11px}
}

/* Compact two-column reading: identity, offer and actions. */
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-headline,
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-benefit{display:none}
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-name{font-size:13px;line-height:1.35;letter-spacing:.025em;min-height:2.7em;margin:0 0 10px}
.compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-decision{border-top:0;padding-top:0}
@media(min-width:761px){.compor-store #cp-catalog-grid[data-catalog-view="columns"] .cp-card-name{font-size:16px}}