/* Original ecommerce images arranged for the local homepage preview. */
.service-grid>.service.apparel-service{grid-column:1/-1;min-width:0;padding:32px;background:#0b1d2b;color:#e9eef2}
.service-grid>.apparel-service .apparel-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;position:relative;padding-bottom:30px}
.service-grid>.apparel-service .apparel-intro .service-no{grid-column:1;grid-row:1;color:#ef8063}
.service-grid>.apparel-service .apparel-intro h3{grid-column:1;grid-row:2;font-size:36px;margin:20px 0 12px;color:#e9eef2}
.service-grid>.apparel-service .apparel-intro .service-scene{grid-column:1;grid-row:3;max-width:100%;color:#b1c2ce}
.service-grid>.apparel-service .apparel-intro>p{grid-column:1;grid-row:4;font-size:15px;margin:12px 0 0}
.service-grid>.apparel-service .apparel-intro .service-meta{grid-column:2;grid-row:2/5;display:block;border-color:#34505f;margin-top:20px;align-self:center}
.service-grid>.apparel-service .apparel-intro .service-meta span{max-width:100%;display:block;color:#b1c2ce;font-size:12px;line-height:2}
.service-grid>.apparel-service .apparel-intro .service-meta a{display:block;color:#ef8063;margin-top:14px;width:fit-content}
.apparel-tabs{display:flex;gap:6px;border-bottom:1px solid #34505f;margin-bottom:18px;overflow-x:auto}
.apparel-tabs button{flex:0 0 auto;min-height:48px;padding:12px 20px;border:0;border-bottom:2px solid transparent;color:#adc0ce;background:transparent;font-size:13px;white-space:nowrap}
.apparel-tabs small{font:10px monospace;color:#6f8c9d;margin-left:12px}
.apparel-tabs button[aria-selected="true"]{border-color:#ef8063;color:#fff;background:#102635}
.apparel-composition{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:235px 235px;gap:14px}
.apparel-composition[hidden]{display:none}
.apparel-piece{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;background:#f5f7f8}
.apparel-lead{grid-column:1;grid-row:1/3}
.apparel-image-button{min-height:0;flex:1;width:100%;display:block;padding:0;border:0;background:#fff;overflow:hidden;cursor:zoom-in}
.apparel-image-button img{display:block;width:100%;height:100%;object-fit:contain}
.apparel-piece figcaption{display:flex;justify-content:space-between;gap:12px;color:#244052;font-size:11px;line-height:1.5;padding:10px 14px;border-top:1px solid #dde5ea}
.apparel-four{grid-template-columns:1.1fr .65fr .65fr}
.apparel-four .apparel-piece:last-child{grid-column:2/4}
.apparel-note{color:#98aebd;font-size:11px;margin:16px 0 0}
.apparel-viewer{padding:48px 18px 18px;border:1px solid #37556a;background:#071521;color:#e9eef2;max-width:94vw;max-height:94vh;overflow:auto}
.apparel-viewer::backdrop{background:rgba(2,9,15,.9)}
.apparel-viewer>img{display:block;width:auto;height:auto;max-width:88vw;max-height:76vh;object-fit:contain;margin:auto}
.apparel-viewer-close{position:absolute;right:8px;top:4px;min-width:44px;min-height:44px;border:0;background:transparent;color:#fff;font-size:28px}
.apparel-viewer-caption{margin:12px 0 0;text-align:center;font-size:12px;color:#b1c2ce}
.service-grid>.service:not(.apparel-service):last-child{grid-column:1/-1;min-height:220px}
@media(max-width:800px){.service-grid>.service.apparel-service{padding:26px}.apparel-composition{grid-template-rows:210px 210px}.service-grid>.apparel-service .apparel-intro h3{font-size:31px}}
@media(max-width:640px){.service-grid>.service.apparel-service{padding:24px}.service-grid>.apparel-service .apparel-intro{display:block;padding-bottom:24px}.service-grid>.apparel-service .apparel-intro h3{font-size:30px}.service-grid>.apparel-service .apparel-intro .service-meta{margin-top:20px}.apparel-tabs{gap:0}.apparel-tabs button{padding:12px 13px}.apparel-tabs small{margin-left:8px}.apparel-composition,.apparel-four{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.apparel-lead{grid-column:1/-1;grid-row:auto;height:360px}.apparel-piece:not(.apparel-lead){height:210px}.apparel-four .apparel-piece:last-child{grid-column:1/-1;height:230px}.apparel-piece figcaption{padding:9px;font-size:10px}.apparel-note{font-size:10px}.apparel-viewer>img{max-width:82vw}}

/* Two product families, with composite canvases instead of per-item cards. */
.apparel-categories{display:flex;gap:8px;margin-bottom:20px}
.apparel-categories button{min-height:44px;min-width:124px;border:1px solid #34505f;background:transparent;color:#b1c2ce;padding:10px 22px;font-size:14px}
.apparel-categories button[aria-selected="true"]{background:#e9eef2;color:#102635;border-color:#e9eef2}
.apparel-collection[hidden]{display:none}
.apparel-composition{background:#fff;padding:18px;gap:0}
.apparel-piece{background:transparent}
.apparel-image-button{background:transparent}
.apparel-image-button img{mix-blend-mode:multiply}
.apparel-bags-composition{grid-template-columns:1fr 1.1fr;grid-template-rows:255px 235px}
@media(max-width:640px){.apparel-categories{gap:8px;margin-bottom:14px}.apparel-categories button{flex:1;min-width:0;padding:10px 14px}.apparel-composition{padding:10px;gap:0}.apparel-bags-composition{grid-template-columns:.9fr 1.1fr;grid-template-rows:160px 160px}.apparel-bags-composition .apparel-lead{grid-column:1;grid-row:1/3;height:auto}.apparel-bags-composition .apparel-piece:not(.apparel-lead){height:auto}.apparel-bags-composition .apparel-image-button{padding:6px}}