html body .luggagePage{max-width:1120px;padding:48px 24px 64px;margin-inline:auto}
html body .luggagePage :is(h1,h2,h3,p,dt,dd),html body .luggageSelection :is(h2,h3,p,dt,dd){letter-spacing:0!important}
html body .luggageIntro{margin-bottom:28px;max-width:720px}
html body .luggageIntro h1{font-size:36px;line-height:1.5;max-width:none;margin:12px 0 20px}
html body .luggageIntro>p{line-height:1.9}
html body .luggageLabel{font:12px/1.6 system-ui,sans-serif;color:#52645b;margin:0 0 14px}
html body .luggagePrice{font:32px/1.5 system-ui,sans-serif;margin:20px 0 16px}
html body .luggagePrice small{font-size:13px;margin-left:8px}
html body .luggageGallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}
html body .luggageGallery .luggagePhoto img{height:380px!important;aspect-ratio:auto}
html body .luggagePurchase{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:20px}
html body .luggagePurchase .luggagePrice{margin:0}
html body .luggagePhoto{margin:0;background:#fff;border:0;padding:0;min-width:0}
html body .luggagePhoto button{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}
html body .luggagePhoto button:focus-visible{outline:2px solid #315447;outline-offset:5px}
html body .luggagePhoto img{display:block;width:100%;height:auto!important;aspect-ratio:1;object-fit:contain!important;border:0}
html body .luggageNote{font-size:12px;line-height:1.9;color:#65716a;margin:16px 0 36px;max-width:900px}
html body .luggageStory{display:grid;grid-template-columns:1fr 1.3fr;gap:16px 64px;padding:48px 0;border-top:1px solid #d9dfdb}
html body .luggageStory>.luggageLabel{grid-column:1/-1}
html body .luggageStory h2{font-size:29px;margin:0;max-width:none;line-height:1.6}
html body .luggageStory p{font-size:15px;line-height:2;margin:0 0 20px}
html body .luggageSpecs{padding:32px 0 48px;border-top:1px solid #d9dfdb}
html body .luggageSpecs h2{font-size:25px;max-width:none}
html body .luggageSpecs dl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:24px 0}
html body .luggageSpecs dl>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #d9dfdb}
html body .luggageSpecs dt{font-size:13px;color:#65716a}
html body .luggageSpecs dd{font-size:14px;margin:0;line-height:1.8}
html body .luggageCompare{padding:40px 0;border-top:1px solid #d9dfdb}
html body .luggageCompare h2{font-size:27px;max-width:none;line-height:1.6;margin:0 0 24px}
html body .luggageTableWrap{overflow-x:auto}
html body .luggageCompare table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;background:transparent}
html body .luggageCompare caption{text-align:left;color:#65716a;margin-bottom:20px;font-size:13px}
html body .luggageCompare :is(th,td){padding:18px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #d9dfdb;line-height:1.9;background:transparent}
html body .luggageCompare th:first-child{width:22%}
html body .luggageCompare thead th{font-weight:500;border-bottom:1px solid #506258}
html body .luggageBuy{display:inline-block;padding:13px 20px;background:#223e32;color:white!important;font-size:14px;text-decoration:none;line-height:1.6;border:1px solid #223e32}
html body .luggageBuy:hover{background:#345443}
html body .luggageCompare .luggageBuy{margin-top:12px;padding:9px 12px;font-size:13px}
html body .luggageDetail{display:inline-block;margin:12px 20px 16px 0;padding-bottom:5px;border-bottom:1px solid #506258;font-size:14px;text-decoration:none}
html body .luggageBack{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #d9dfdb;padding-top:28px}
html body .luggageSelection{padding:48px 0 0}
html body .luggageSelection>h2{font-size:30px;max-width:none;line-height:1.7;margin:0 0 32px}
html body .luggageFeature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
html body .luggageFeatureText h3{font-size:25px;margin:0 0 24px;line-height:1.5}
html body .luggageFeatureText p{line-height:2;font-size:15px}
html body .luggageFeatureText .luggageFeatureLead{font-family:"Shippori Mincho",serif;font-size:24px;line-height:1.8}
html body .luggageQuickSpecs{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}
html body .luggageQuickSpecs dt{font-size:12px;color:#65716a}
html body .luggageQuickSpecs dd{font:20px/1.8 system-ui,sans-serif;margin:4px 0 0}
@media(max-width:820px){
html body .luggagePage{padding:32px 20px 48px}
html body .luggageIntro h1{font-size:28px}
html body .luggageGallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px}
html body .luggageGallery::-webkit-scrollbar{display:none}
html body .luggageGallery .luggagePhoto{flex:0 0 90%;scroll-snap-align:start}
html body .luggageGallery .luggagePhoto img{height:auto!important;aspect-ratio:1}
html body .luggageFeature{grid-template-columns:1fr;gap:28px}
html body .luggageSelection>h2{font-size:25px}
html body .luggageStory{grid-template-columns:1fr;gap:16px;padding:32px 0}
html body .luggageStory h2,html body .luggageCompare h2{font-size:24px}
html body .luggageSpecs dl{grid-template-columns:1fr}
html body .luggageCompare :is(th,td){padding:14px 7px;font-size:12px;overflow-wrap:anywhere}
html body .luggageCompare th:first-child{width:20%}
html body .luggageCompare .luggageBuy{font-size:12px;padding:8px}
}
