*{box-sizing:border-box}html,body{background:#050207;margin:0}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.coffee-page{color:#f7e7c5;background:#050207;width:100%;min-height:100vh;overflow-x:hidden}.language-selector{direction:ltr;align-items:center;gap:6px;display:flex}.language-selector button{color:#d9c7a4;background:#0b060fc2;border:1px solid #daac5861;border-radius:8px;min-width:38px;height:34px;padding:0 9px;transition:border-color .16s,background .16s,color .16s}.language-selector button:hover,.language-selector button.active{color:#ffe1a0;background:#662c75cc;border-color:#e8b95f;box-shadow:0 0 14px #9647ab5c}.upload-card{background:linear-gradient(#170c1ce0,#07040cf0);border:1px solid #d5a44ead;border-radius:15px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #cf993e0d,0 8px 28px #00000057}.upload-label,.photo-preview{position:absolute;inset:0}.upload-label{cursor:pointer;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 8px 12px;display:flex}.upload-label input,.replace-photo input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.slot-icon{object-fit:contain;border-radius:11px;flex:1;width:100%;min-height:0;display:block}.upload-label strong{color:#f0d69d;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:7px;font-size:clamp(10px,1vw,16px);line-height:1.15;overflow:hidden}.upload-label span{color:#bd8fd0;margin-top:5px;font-size:clamp(9px,.86vw,14px);font-weight:700}.photo-preview{background:#07040b}.photo-preview>img{object-fit:cover;width:100%;height:100%;display:block}.remove-photo{z-index:5;color:#f8d88e;background:#08040ae0;border:1px solid #f1cb7ec2;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid;position:absolute;top:7px;right:7px}.replace-photo{z-index:4;cursor:pointer;color:#f5d38c;text-align:center;background:#18081ee0;border:1px solid #e2b35bb3;border-radius:8px;padding:7px 4px;font-size:12px;font-weight:800;position:absolute;bottom:7px;left:7px;right:7px}.progress-segments{grid-template-columns:repeat(7,1fr);gap:4px;width:100%;display:grid}.progress-segments i{background:#504858b8;border-radius:999px;height:5px;display:block}.progress-segments i.filled{background:linear-gradient(90deg,#8c511e,#e2b456);box-shadow:0 0 8px #dda74973}.coffee-desktop{aspect-ratio:16/9;width:100%;min-height:100vh;display:block;position:relative;overflow:hidden}.coffee-background{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.desktop-sidebar{z-index:20;width:13%;position:absolute;top:4.5%;left:2.1%}.coffee-logo-link{width:100%;display:block}.coffee-logo{object-fit:contain;width:100%;height:auto;display:block}.coffee-navigation{flex-direction:column;gap:9px;margin-top:24px;display:flex}.coffee-navigation a{color:#dfca9f;background:linear-gradient(90deg,#2d0f36c7,#0a060f26);border-left:2px solid #d8a9538a;align-items:center;min-height:39px;padding:8px 12px;font-size:clamp(12px,1.05vw,18px);font-weight:700;transition:padding .16s,color .16s,border-color .16s;display:flex}.coffee-navigation a:hover{color:#ffe1a0;border-color:#f2c56c;padding-left:17px}.desktop-top-controls{z-index:20;align-items:center;gap:18px;display:flex;position:absolute;top:4.7%;right:2.5%}.coffee-price{color:#f3c96f;letter-spacing:1px;text-shadow:0 0 12px #f1be5b80,0 2px 5px #000c;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2.2vw,42px);font-weight:700}.coffee-heading{z-index:10;text-align:center;width:67%;position:absolute;top:12%;left:19%}.coffee-heading h1{color:#f1c76f;text-shadow:0 0 22px #9b4aad9e;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.2vw,64px);font-weight:500}.coffee-heading p{color:#d7c6dc;margin:11px 0 0;font-size:clamp(13px,1.13vw,21px)}.desktop-upload-grid{z-index:15;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.2%;width:78%;height:31%;display:grid;position:absolute;top:43.5%;left:16.4%}.desktop-progress{z-index:20;color:#e7d9e8;text-align:center;width:47%;font-size:clamp(11px,.95vw,17px);font-weight:700;position:absolute;top:77%;left:28%}.desktop-progress .progress-segments{margin-top:9px}.desktop-submit-button{z-index:20;color:#ffe0a0;background:linear-gradient(#672879f5,#300f3dfa);border:1px solid #eabb5be6;border-radius:14px;width:31%;min-height:58px;padding:12px 20px;font-size:clamp(13px,1.1vw,20px);font-weight:800;position:absolute;top:83%;left:36%;box-shadow:inset 0 0 22px #ffd57c1a,0 10px 30px #00000080}.desktop-submit-button:hover:not(:disabled){filter:brightness(1.12)}.desktop-submit-button:disabled,.mobile-submit-button:disabled{cursor:not-allowed;opacity:.62}.coffee-mobile{display:none}@media (max-width:768px){.coffee-desktop{display:none}.coffee-page{min-height:100svh}.coffee-mobile{width:100%;min-height:100svh;padding:18px 14px calc(98px + env(safe-area-inset-bottom));background:#050207;display:block;position:relative;overflow:hidden}.coffee-mobile-background{z-index:0;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.coffee-mobile:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0402071f,#04020733 35%,#040207c2 100%);position:absolute;inset:0}.mobile-header,.mobile-navigation,.mobile-language-selector,.mobile-heading,.mobile-upload-grid,.mobile-progress,.mobile-submit-button{z-index:5;position:relative}.mobile-header{direction:ltr;justify-content:space-between;align-items:flex-start;display:flex}.mobile-logo-link{width:min(47%,190px);display:block}.mobile-logo{width:100%;height:auto;display:block}.mobile-price{color:#f3c96f;text-shadow:0 0 13px #ebb1497a;pointer-events:none;padding-top:7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,8vw,39px);font-weight:700}.mobile-navigation{gap:6px;width:min(62%,240px);margin-top:10px;display:grid}[dir=rtl] .mobile-navigation{margin-left:auto;margin-right:0}.mobile-navigation a{color:#ead4a8;background:linear-gradient(90deg,#3a1344d4,#0a050e2e);border-left:2px solid #e1b257b8;min-height:34px;padding:7px 11px;font-size:clamp(12px,3.7vw,16px);font-weight:700}[dir=rtl] .mobile-navigation a{background:linear-gradient(270deg,#3a1344d4,#0a050e2e);border-left:0;border-right:2px solid #e1b257b8}.mobile-language-selector{z-index:10;position:absolute;top:78px;right:14px}.mobile-language-selector button{min-width:35px;height:31px;padding:0 7px;font-size:12px}.mobile-heading{text-align:center;margin:clamp(80px,20vh,180px) auto 18px}.mobile-heading h1{color:#f1c76f;text-shadow:0 0 20px #9a43b299;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,8vw,43px);font-weight:500}.mobile-heading p{color:#d8c8dd;max-width:330px;margin:8px auto 0;font-size:clamp(12px,3.4vw,15px);line-height:1.4}.mobile-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto;display:grid}.mobile-upload-grid .upload-card{aspect-ratio:.88}.mobile-upload-grid .slot-7{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.mobile-upload-grid .upload-label{padding:7px 7px 11px}.mobile-upload-grid .upload-label strong{font-size:clamp(11px,3.3vw,15px)}.mobile-upload-grid .upload-label span{font-size:clamp(10px,3vw,13px)}.mobile-progress{color:#eee4ef;text-align:center;max-width:520px;margin:18px auto 0;font-size:13px;font-weight:800}.mobile-progress .progress-segments{margin-top:9px}.mobile-submit-button{z-index:100;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));color:#ffe0a0;background:linear-gradient(#642677fa,#2d0d3afc);border:1px solid #ebbb5bf5;border-radius:15px;min-height:62px;padding:12px 16px;font-size:clamp(14px,4vw,18px);font-weight:900;display:block;position:fixed;left:12px;box-shadow:inset 0 0 22px #ffd2741a,0 10px 34px #000000a6}.remove-photo{width:30px;height:30px}}