/* U'R Barbershop - luxury customer landing page */
.public-body{background:#090a0b;color:#f5f0e7;background-image:radial-gradient(ellipse at 50% -10%,#49361d55,transparent 48%),linear-gradient(180deg,#0b0c0d,#101112 58%,#090a0b)}
.public-wrap{max-width:1280px;padding:24px 30px 70px}
.public-nav{position:sticky;top:0;z-index:30;margin:0 -30px 28px;padding:14px 30px;background:#0b0c0df2;backdrop-filter:blur(16px);border-bottom:1px solid #c7a16a2b}
.public-brand{gap:10px}.public-brand-logo{width:108px;max-height:78px;filter:drop-shadow(0 6px 16px #0008)}
.public-brand>span{font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#f3eadb}.public-brand>span small{font:500 8px 'DM Sans',sans-serif!important;letter-spacing:.25em!important;color:#c7a16a!important;margin-top:4px}
.public-nav-links{gap:22px}.public-nav-links .public-link{color:#c8c2b8;font-size:9px;letter-spacing:.16em;transition:color .2s}.public-nav-links .public-link:hover{color:#e4c18b}
.public-nav-cta{background:linear-gradient(135deg,#e4c18b,#b78b50);padding:13px 20px;box-shadow:0 6px 22px #c7a16a22;transition:transform .2s,filter .2s}.public-nav-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
.public-hero{min-height:490px;padding:clamp(34px,7vw,86px);border:1px solid #b78b5047;border-radius:3px;margin-bottom:0;background:linear-gradient(90deg,rgba(6,7,8,.97) 0%,rgba(7,8,9,.84) 48%,rgba(7,8,9,.3) 100%),linear-gradient(0deg,#090a0b80,transparent 60%),url('https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=2200&q=90') center 45%/cover;box-shadow:0 25px 80px #0005}
.public-hero:before{content:'';position:absolute;inset:16px;border:1px solid #d2ad7240;pointer-events:none;z-index:0}.public-hero:after{right:35px;bottom:-35px;color:#ffffff09;font-size:clamp(120px,22vw,260px)}
.public-hero .eyebrow{font-size:10px;letter-spacing:.28em;display:flex;align-items:center;gap:12px}.public-hero .eyebrow:before{content:'';width:34px;height:1px;background:#d9b47d}
.public-hero h1{font-size:clamp(54px,8vw,100px);line-height:.88;letter-spacing:.015em;max-width:820px;margin:22px 0 20px;text-shadow:0 5px 30px #0008}
.public-hero p:not(.eyebrow){font-size:14px;max-width:520px;color:#d0cbc2;line-height:1.9}.hero-actions{gap:13px;margin-top:28px}.hero-actions .btn{padding:16px 22px;min-width:170px}
.public-body .btn.primary{background:linear-gradient(135deg,#e2c18d,#b58a4e);box-shadow:0 8px 24px #c7a16a24}.public-body .btn.secondary{background:#151617b8;border-color:#666052}
.public-section-nav{margin:0 0 58px;padding:18px 0 22px;justify-content:center;gap:12px;border-bottom:1px solid #c7a16a25}.public-section-nav a{padding:11px 18px;border-color:#38352f;color:#c7c0b4;letter-spacing:.15em;font-size:9px;transition:all .2s}.public-section-nav a:hover{background:#c7a16a12;border-color:#c7a16a;color:#e8c995}
.brand-story{padding:10px 0 62px;margin-bottom:58px;gap:60px;border-bottom-color:#c7a16a30}.brand-story h2,.section-heading h2{font-size:clamp(38px,5vw,60px);line-height:.92;letter-spacing:.015em}.brand-story>p{font-size:14px;line-height:2;color:#b6b0a5;border-left:1px solid #c7a16a;padding-left:26px}
.eyebrow{color:#d4b17a!important;letter-spacing:.22em!important;font-size:9px!important}.catalog-section,.team-section{margin-bottom:72px}.section-heading{margin-bottom:26px}.section-heading>p{font-size:12px;line-height:1.9;color:#a8a196}
.service-catalog{gap:16px}.service-tile{position:relative;min-height:250px;padding:25px;background:linear-gradient(145deg,#202020,#121314 72%);border-color:#38352f;border-radius:3px;box-shadow:0 14px 34px #0002;overflow:hidden}.service-tile:after{content:'';position:absolute;right:-32px;top:-40px;width:110px;height:110px;border:1px solid #c7a16a19;border-radius:50%;box-shadow:0 0 0 16px #c7a16a08;pointer-events:none}.service-tile:hover,.barber-tile:hover{border-color:#b28c56;transform:translateY(-4px);box-shadow:0 18px 40px #0005}.service-symbol{width:42px;height:42px;border-color:#8d7046;color:#e3c28d;font-size:23px}.service-duration{letter-spacing:.16em}.service-tile h3{font-size:29px}.service-tile>p{font-size:12px;line-height:1.9;color:#b2ada4}.service-tile-bottom{border-top-color:#39352f;padding-top:18px}.service-tile-bottom strong{font-size:27px;color:#e4c28d}.text-link{letter-spacing:.08em;text-transform:uppercase;font-size:9px}
.barber-catalog{gap:16px}.barber-tile{border-radius:3px;background:#171819;border-color:#37342e;box-shadow:0 14px 34px #0002}.barber-photo{height:300px}.barber-photo img{filter:grayscale(22%) saturate(.78) contrast(1.08);transition:transform .6s,filter .4s}.barber-tile:hover .barber-photo img{transform:scale(1.045);filter:grayscale(0) saturate(.9) contrast(1.04)}.barber-photo:after{background:linear-gradient(transparent 30%,#101112e8)}.barber-photo-tag{background:#d4b17a;letter-spacing:.18em}.barber-tile-body{padding:22px}.barber-tile-body h3{font-size:31px}.barber-tile-body>p:not(.eyebrow){line-height:1.9;font-size:12px}.barber-select-btn{margin-top:10px}
.public-grid#reservasi{gap:20px}.public-card{background:linear-gradient(145deg,#1c1d1f,#121314);border:1px solid #39352e;border-radius:3px;padding:clamp(20px,3vw,32px);box-shadow:0 20px 50px #0003}.public-card h2{font-size:31px;letter-spacing:.02em}.public-card .muted{color:#aaa69e;line-height:1.8}.public-form{gap:18px}.public-form label{font-size:9px;letter-spacing:.12em;color:#d8d0c2}.public-form input,.public-form select,.public-form textarea{border-radius:3px;padding:14px;background:#0e0f10;border-color:#3c3b38;font-size:13px}.public-form input:focus,.public-form select:focus,.public-form textarea:focus{outline:none;border-color:#c7a16a;box-shadow:0 0 0 3px #c7a16a16}.public-form .wide[style*='border-top']{border-color:#39352f!important}.public-price{font-size:34px}.qris-box{border-radius:3px;background:#111213;border-color:#716044}.callout{background:#2b241a;border-color:#5c4a30;color:#e3c995;border-radius:3px;line-height:1.8}.public-footer{border-color:#c7a16a25;letter-spacing:.13em;padding-top:28px;color:#858076}
@media(max-width:900px){.public-wrap{padding:15px 18px 45px}.public-nav{margin:0 -18px 20px;padding:12px 18px}.public-brand-logo{width:90px}.public-nav-links{gap:10px}.public-hero{min-height:430px}.brand-story{gap:20px}.barber-photo{height:250px}}
@media(max-width:600px){.public-wrap{padding:10px 12px 38px}.public-nav{position:relative;margin:0 -12px 14px;padding:10px 12px;gap:12px}.public-brand{gap:6px}.public-brand-logo{width:70px;max-height:58px}.public-brand>span{font-size:13px}.public-nav-links{width:100%;display:flex;justify-content:space-between;gap:5px}.public-nav-links .public-link{font-size:8px;letter-spacing:.04em}.public-nav-cta{padding:10px 11px;font-size:8px}.public-hero{min-height:390px;padding:32px 24px;background-position:60% center}.public-hero:before{inset:9px}.public-hero h1{font-size:clamp(48px,13vw,68px)}.public-hero p:not(.eyebrow){font-size:12px;line-height:1.8}.hero-actions .btn{min-width:0;padding:14px 12px;font-size:9px}.public-section-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-bottom:42px;padding:14px 0 18px}.public-section-nav a{white-space:nowrap;padding:9px 12px}.brand-story{padding-bottom:38px;margin-bottom:42px}.brand-story h2,.section-heading h2{font-size:42px}.brand-story>p{font-size:12px;padding-left:16px}.catalog-section,.team-section{margin-bottom:48px}.service-catalog,.barber-catalog{grid-template-columns:1fr}.service-tile{min-height:210px;padding:22px}.barber-photo{height:310px}.public-card{padding:20px 16px}.public-card h2{font-size:28px}.public-form{grid-template-columns:1fr}.public-form .wide{grid-column:auto}.public-status-row{gap:8px}.public-status-row b{max-width:60%;overflow-wrap:anywhere}}