.outfit-page{min-height:100vh;padding:20px;position:relative}.back-button{z-index:100;background:var(--white);cursor:pointer;color:var(--text-dark);box-shadow:0 4px 15px var(--shadow);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:20px;left:20px}.back-button:hover{box-shadow:0 6px 20px var(--shadow-hover);transform:translateY(-2px)}.back-icon{width:20px;height:20px}.outfit-hero{flex-direction:column;gap:20px;margin:60px auto 0;display:flex}.outfit-hero-image{background:#ffffff80;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 8px 32px #0000001a}.outfit-full-image{object-fit:contain;width:100%;height:auto;display:block}.outfit-hero-content{text-align:center}.outfit-page-title{letter-spacing:-.5px;margin:0 0 12px;font-family:Jost,sans-serif;font-size:22px;font-weight:700}.products-section{max-width:1200px;margin:0 auto;padding:0}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.empty-products{text-align:center;color:#666;padding:40px 20px}.qr-section{display:none}@media (min-width:768px) and (max-width:1199px){.qr-section{display:none}}@media (min-width:768px){body:before{content:"";-webkit-backdrop-filter:blur(20px);z-index:0;background:#eacdea;position:fixed;inset:0}.outfit-page{z-index:1;border-radius:40px 40px 0 0;max-width:560px;margin:40px auto 0;padding:40px;position:relative;overflow:hidden;box-shadow:0 0 60px #00000026}.back-button{top:40px;left:40px}.outfit-hero{flex-direction:column;align-items:center;gap:20px}.outfit-hero-image{flex:1;max-width:100%}.outfit-hero-content{text-align:center;flex:1}.outfit-page-title{font-size:22px}.products-grid{gap:20px}.qr-section{z-index:50;opacity:.85;transition:opacity .3s;position:fixed;bottom:40px;right:40px}.qr-section:hover{opacity:1}.qr-text{color:#0009;text-align:center;margin:0 0 8px;font-family:Jost,sans-serif;font-size:13px;font-weight:600}.qr-code-container{display:inline-block}.qr-code{border-radius:12px;width:120px;height:120px;display:block}.qr-loading{justify-content:center;align-items:center;width:120px;height:120px;display:flex}}@media (min-width:1200px){.qr-section{display:block}}