/* COMPANY WEBSITE SHELL — INSIDE THE ACTUAL V4 DIGITAL FSC WEB APP.
   All guest and staff functions use the unchanged Supabase backend. */
.gj-banner{background:#15120f;color:#f1d8ba;min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px max(22px,calc((100vw - 1310px)/2));font-size:10px;letter-spacing:.12em;font-weight:800}
.gj-live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#f48628;box-shadow:0 0 0 3px #f4862830;margin-right:8px}
.gj-banner-right{color:#b9ad9e}
.gj-header{background:#fffdf9;color:#2b2018;border-bottom:1px solid #e9e0d5;position:sticky;top:0;z-index:45;box-shadow:0 2px 20px #1d0e0712}
.gj-head-inner{max-width:1358px;padding:12px 26px;margin:auto;min-height:84px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.gj-brand{display:flex;align-items:center;gap:18px;min-width:0;flex-shrink:0;color:#33271e}
.gj-logo-wrap{width:205px;height:53px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}
.gj-logo-wrap img{display:block;position:absolute;width:203px;height:203px;object-fit:cover;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%)}
.gj-logo-wrap .gj-wordmark{display:block;font-family:Georgia,serif;font-size:21px;font-style:italic;white-space:nowrap;letter-spacing:-1.2px;font-weight:700;color:#201714}
.gj-logo-wrap .gj-wordmark small{font:800 10px/1 'DM Sans';letter-spacing:.3em;color:#e8791c;display:block;text-align:right;margin-top:1px}
.gj-logo-wrap.gj-has-logo .gj-wordmark{display:none}.gj-logo-wrap.gj-no-logo .gj-wordmark{display:block}
.gj-brand-country{font-weight:800;letter-spacing:.21em;white-space:nowrap;font-size:11px;border-left:1px solid #d8ccbd;padding-left:18px;color:#675748}
.gj-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800}
.gj-links>a{color:#46372b;white-space:nowrap;padding:7px 0}.gj-links>a:hover{color:#cf6822}
.gj-free-tab{display:inline-flex!important;align-items:center;justify-content:center;background:#f48628;color:#28170a!important;border-radius:8px;padding:14px 20px!important;font-weight:900;white-space:nowrap;box-shadow:0 8px 23px #f4862826}
.gj-free-tab:hover,.gj-free-tab.gj-selected{background:#ffae61!important}
.gj-mobile-links{display:none;gap:8px;align-items:center}
.gj-mobile-menu{background:#f4ede5;color:#302016;border:1px solid #e3d3c3;border-radius:9px;padding:10px 13px;font-size:20px}
.gj-mobile-drawer{display:none;flex-direction:column;background:#fffdf9;border-top:1px solid #ece1d4;padding:12px 25px 21px;gap:4px}
.gj-mobile-drawer.gj-expanded{display:flex}.gj-mobile-drawer a{color:#352b20;padding:11px 6px;font-size:14px;font-weight:750}
.gj-company-content{background:#fffbf6;color:#251911}
.gj-company-content .gj-hero{min-height:620px;display:flex;align-items:center;position:relative;isolation:isolate;background:#17100c;overflow:hidden;color:#fff}
.gj-hero-photo{position:absolute;inset:0 0 0 30%;z-index:-2;background-image:url('https://cms.gloriajeanscoffeesbd.com/uploads/gulshan_2_b20816179f.jpg');background-position:center;background-size:cover;filter:saturate(.8)}
.gj-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(92deg,#150e0bdc 7%,#18110bea 39%,#1d110bb8 61%,#27150b22 100%),radial-gradient(circle at 77% 55%,#eb9a3555,transparent 36%)}
.gj-hero-content{max-width:1300px;width:100%;margin:auto;padding:70px 35px 46px}
.gj-overline{color:#efa559;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:900}
.gj-hero h1,.gj-headline h2,.gj-banner-cta h2,.gj-free-copy h1{font-family:Georgia,'Playfair Display',serif;letter-spacing:-.055em}
.gj-hero h1{font-size:clamp(52px,7.1vw,100px);max-width:900px;line-height:1.08;margin:25px 0}.gj-hero h1 em{color:#ffb86c}
.gj-hero-content>p{font-size:17px;line-height:1.8;color:#e5d7ca;max-width:580px;margin:0}
.gj-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 60px}
.gj-cta{border:0;border-radius:8px;color:#23140a;background:#f48628;padding:16px 23px;font-weight:900;font-size:14px;box-shadow:0 14px 25px #00000021;display:inline-flex;gap:15px;align-items:center;justify-content:center;width:auto;transition:transform .2s,background .2s;text-decoration:none}
.gj-cta:hover{transform:translateY(-2px);background:#ffa24b}.gj-outline{background:#ffffff11;border:1px solid #d7c2aa89;box-shadow:none;color:#fff}.gj-outline:hover{background:#ffffff27;color:#fff}.gj-dark{background:#28201a;color:#fff}
.gj-hero-bottom{display:flex;gap:30px;flex-wrap:wrap;color:#edc8a0;font-size:11px;letter-spacing:.17em;font-weight:850}
.gj-section{max-width:1260px;padding:90px 26px;margin:auto;color:#281b12}
.gj-headline{max-width:820px;margin-bottom:34px}.gj-headline h2{font-size:clamp(38px,5vw,64px);line-height:1.16;margin:9px 0 16px}.gj-headline>p:last-child{color:#716359;line-height:1.8;font-size:15px}
.gj-three,.gj-two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gj-feature{background:#fff;padding:33px;border:1px solid #e9dece;border-radius:19px;box-shadow:0 12px 28px #21130d0c}
.gj-feature-icon{font-size:32px;width:60px;height:60px;display:grid;place-items:center;background:#fff1e2;border-radius:17px;margin-bottom:29px}
.gj-feature>span{font-size:11px;letter-spacing:.2em;font-weight:900;color:#d57122}.gj-feature h3{font:700 28px Georgia,serif;letter-spacing:-.045em;margin:9px 0}.gj-feature p{font-size:13px;line-height:1.85;color:#7a6a5b}
.gj-banner-cta{background:#221913;color:#fff;padding:60px max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.gj-banner-cta h2{font-size:clamp(29px,3vw,42px);margin:10px 0}.gj-banner-cta p:not(.gj-overline){color:#c2b2a2;font-size:14px;line-height:1.8;max-width:630px}
.gj-two{grid-template-columns:repeat(2,minmax(0,1fr))}.gj-path{padding:36px;border:1px solid #e7daca;background:#fff;border-radius:19px;box-shadow:0 16px 28px #4f21050d}.gj-path h3{font:700 26px Georgia,serif;letter-spacing:-.05em}.gj-path p{font-size:14px;line-height:1.8;color:#77695d;min-height:77px}.gj-pill{display:inline-flex;font-size:10px;letter-spacing:.14em;color:#ce6b1c;border:1px solid #f0cfae;padding:9px 11px;border-radius:99px;font-weight:800}
.gj-footer{background:#18130f;color:#f7efdf;padding:55px 25px}.gj-footer-inner{max-width:1220px;margin:auto;display:grid;grid-template-columns:2.6fr 1fr 1fr;gap:30px}.gj-footer-inner b{font:700 22px Georgia,serif}.gj-footer-inner b span{font:800 10px 'DM Sans';color:#ffa355;letter-spacing:.13em;text-transform:uppercase}.gj-footer-inner p{color:#b2a392;line-height:1.9;font-size:12px}.gj-footer-inner small{display:block;color:#f49842;letter-spacing:.13em;font-size:10px;margin-bottom:16px;font-weight:850}.gj-footer-inner a{display:block;font-size:12px;color:#dbc8b1;margin-bottom:13px;text-decoration:underline dotted}
.gj-loyalty-frame{background:#13110f;color:#f8f3eb;min-height:55vh}.gj-loyalty-frame>.top{position:relative;z-index:10}.gj-loyalty-frame>.footer{background:#1b1714;border-top:1px solid #3e3027;color:#9f9083;text-align:center;padding:24px;font-size:11px}
.gj-free-intro{max-width:1160px;margin:0 auto;padding:42px 20px 2px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.gj-free-copy{max-width:760px}.gj-free-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:14px 0;color:#fff7e8}.gj-free-copy p{font-size:14px;line-height:1.75;color:#c3b6a7;max-width:650px}.gj-how{display:flex;gap:11px;flex-wrap:wrap;margin:20px 0 0}.gj-how span{border:1px solid #594131;color:#fcb878;font-size:11px;font-weight:800;padding:9px 12px;border-radius:99px}
.gj-free-cup{flex-shrink:0;width:170px;height:170px;border:1px solid #8c4926;border-radius:32px;display:grid;place-items:center;transform:rotate(8deg);background:linear-gradient(145deg,#452a1c,#1c1612);font-size:72px;box-shadow:0 28px 70px #f4862811;position:relative}
.gj-free-cup>span{position:absolute;bottom:8px;right:-8px;font:800 24px 'Outfit';text-align:center;line-height:.84;color:#2a1508;background:#ffac4f;padding:12px;border-radius:18px;transform:rotate(-8deg)}.gj-free-cup>span small{font-size:8px;letter-spacing:.02em}
.gj-loyalty-frame .shell{padding-top:32px}.gj-loyalty-frame .auth{margin-left:auto;margin-right:auto}
@media(max-width:1060px){.gj-links{gap:12px}.gj-brand-country{display:none}.gj-logo-wrap{width:178px}.gj-logo-wrap img{width:178px;height:178px}.gj-banner-right{display:none}}
@media(max-width:770px){.gj-head-inner{min-height:75px;padding:9px 15px}.gj-links{display:none}.gj-mobile-links{display:flex}.gj-logo-wrap{width:152px;height:47px}.gj-logo-wrap img{width:153px;height:153px}.gj-free-tab{font-size:12px;padding:11px 12px!important}.gj-banner{font-size:8px;letter-spacing:.06em;min-height:30px;padding:7px 12px}.gj-hero-content{padding:62px 22px 30px}.gj-hero{min-height:630px}.gj-hero-photo{inset:0 0 0 15%;background-position:68% center}.gj-hero h1{font-size:clamp(43px,10vw,68px)}.gj-hero-content>p{font-size:15px}.gj-hero-shade{background:linear-gradient(90deg,#18100bea,#18100bc9 67%,#18100b77)}.gj-actions{margin-bottom:50px}.gj-hero-bottom{gap:13px;font-size:9px}.gj-section{padding:62px 19px}.gj-three,.gj-two{grid-template-columns:1fr}.gj-feature{padding:26px}.gj-banner-cta{padding:40px 25px;flex-direction:column;align-items:start}.gj-footer-inner{grid-template-columns:1fr;gap:20px}.gj-free-intro{padding:35px 18px 0}.gj-free-cup{display:none}.gj-loyalty-frame .shell{padding:22px 15px 55px}.gj-loyalty-frame>.top .top-inner{padding:12px 15px}.gj-loyalty-frame .tag{display:none}}
@media(max-width:390px){.gj-logo-wrap{width:125px}.gj-logo-wrap img{width:126px;height:126px}.gj-free-tab{font-size:11px;padding:9px!important}.gj-head-inner{gap:5px}.gj-mobile-menu{padding:7px 10px}}