.offline-content{max-width:680px;min-height:570px;margin:20px auto;padding:42px 36px;border:1px solid #8a6b2a;border-radius:16px;background:#0b2e24;color:#f3ede0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.offline-content>img{width:104px;height:104px}.offline-content h2{font:600 29px/1.2 Georgia,serif;max-width:24ch;margin:0}.offline-content>p{max-width:44ch;line-height:1.6;margin:0;color:#e3d9c2;font-size:14px}
.offline-context{width:100%;text-align:left;border:1px solid #8a6b2a;border-radius:12px;padding:4px 20px}.offline-context p{margin:0;padding:16px 0;font-size:14px;line-height:1.6}.offline-context p+p{border-top:1px solid #345443}
.offline-content button{margin-top:auto;min-height:50px;padding:12px 26px;border:1px solid #e8c77a;border-radius:9px;background:transparent;color:#e8c77a;font:600 15px Inter,system-ui,sans-serif}.offline-content :focus-visible{outline:3px solid #ffe6a5;outline-offset:5px}.offline-content .offline-feedback{min-height:22px;font-size:12px}
.network-offline #content>:not(#offline-view),.network-offline #status,.network-offline .preview-notes{display:none!important}.network-offline #primary>a{opacity:.55}
.offline-collection{max-width:1080px;margin:20px auto;padding:28px;border:1px solid #8a6b2a;border-radius:16px;background:#0b2e24;color:#f3ede0}
.offline-collection>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.offline-collection h2{font:600 28px/1.2 Georgia,serif;margin:10px 0}.offline-collection button{min-height:44px;border:1px solid #8a6b2a;border-radius:9px;padding:10px 14px;background:#102e26;color:#f3ede0;font:500 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.offline-collection button:disabled{opacity:.55;cursor:default}.offline-collection :focus-visible{outline:3px solid #ffe6a5;outline-offset:4px}
.offline-collection-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}.offline-pieces{display:grid;gap:12px}.offline-piece{display:flex;align-items:center;gap:14px;text-align:left;min-width:0}.offline-piece[aria-pressed=true]{border-color:#eed494;background:#25483a}.offline-piece>.cosmetic-art{width:66px;height:76px;min-height:0;flex:0 0 66px}.offline-piece .cosmetic-art img{width:100%;height:100%;object-fit:contain}.offline-piece small{display:block;color:#c8c4b3;font-size:11px;margin-top:5px}.offline-look{min-width:0;scroll-margin-top:20px}
@media(max-width:767px){.offline-collection{margin:8px 0;padding:20px 16px}.offline-collection>header{align-items:start;flex-direction:column;gap:8px}.offline-collection h2{font-size:25px}.offline-collection-layout{grid-template-columns:minmax(0,1fr);gap:22px}.offline-collection>header>button{width:100%}}
@media(max-width:767px){.offline-content{margin:8px 0;min-height:620px;padding:36px 22px;gap:22px}.offline-content h2{font-size:26px}.offline-context{padding:4px 14px}.offline-content button{width:100%}}