:root{--oa-bg:#080a0d;--oa-panel:#101317;--oa-ivory:#eee4d0;--oa-gold:#cdb58a;--oa-gold-bright:#e5cfa5;--oa-muted:#9b9b98;--oa-line:rgba(205,181,138,.19);--oa-serif:"Cormorant Garamond",Georgia,serif;--oa-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html{scroll-behavior:smooth}body{background:var(--oa-bg);color:var(--oa-ivory);font-family:var(--oa-sans);overflow-x:hidden}body::selection{background:var(--oa-gold);color:#080a0d}h1,h2,h3,.logo{font-family:var(--oa-serif)}a,button,input,select,textarea{font-family:var(--oa-sans)}img{max-width:100%}
.navbar{width:100%;min-height:82px;padding:17px clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(180deg,rgba(8,10,13,.96),rgba(8,10,13,.76));border-bottom:1px solid transparent;backdrop-filter:blur(18px);z-index:1000;transition:.3s}.navbar.is-scrolled{min-height:70px;background:rgba(8,10,13,.96);border-color:var(--oa-line)}.navbar .logo{color:var(--oa-ivory);font-size:25px;line-height:.82;letter-spacing:.02em;text-decoration:none}.navbar .logo span{display:block;margin-top:11px;color:var(--oa-gold);font:600 9px/1 var(--oa-sans);letter-spacing:.32em}.navbar nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}.navbar nav a{position:relative;color:#c6c4bd;font-size:10px;font-weight:600;letter-spacing:.19em;text-decoration:none;white-space:nowrap}.navbar nav a:not(.admin-link)::after{content:"";position:absolute;left:0;bottom:-9px;width:100%;height:1px;background:var(--oa-gold);transform:scaleX(0);transform-origin:right;transition:transform .3s}.navbar nav a:hover{color:var(--oa-ivory)}.navbar nav a:hover::after{transform:scaleX(1);transform-origin:left}.navbar .admin-link{padding:10px 14px;border:1px solid var(--oa-line);color:var(--oa-gold)}.navbar .admin-link:hover{border-color:var(--oa-gold);background:rgba(205,181,138,.07)}
.small,.statue-eyebrow{font-family:var(--oa-sans);color:var(--oa-gold);font-weight:600;letter-spacing:.28em}.hero{min-height:100svh;padding:150px clamp(24px,7vw,105px) 90px;background:linear-gradient(90deg,rgba(6,8,10,.96),rgba(6,8,10,.72) 48%,rgba(6,8,10,.35)),url("main_wallpaper.png") center/cover no-repeat}.hero-content{max-width:760px}.hero-content h1{font-size:clamp(62px,8vw,118px);line-height:.79;letter-spacing:-.035em}.hero-content .desc{max-width:620px;font-size:15px;line-height:1.85}.hero-side{align-self:flex-end}.hero-card{border-radius:2px;border:1px solid var(--oa-line);background:linear-gradient(145deg,rgba(21,25,30,.84),rgba(7,9,12,.7));box-shadow:0 35px 80px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.hero-card h2{font-size:clamp(35px,4vw,52px)}.hero-tags span{border-color:var(--oa-line);background:rgba(205,181,138,.05)}.btn,.whatsapp-btn{border-radius:1px;background:var(--oa-gold);color:#090b0e;box-shadow:none;transition:.25s}.btn:hover,.whatsapp-btn:hover{transform:translateY(-2px);background:var(--oa-gold-bright)}.btn-outline{border-color:var(--oa-line);border-radius:1px}.btn-outline:hover{border-color:var(--oa-gold);background:rgba(205,181,138,.06)}
.featured-section,.why-section,.process-section,.materials-section,.commission-section,.social-section{padding:clamp(85px,10vw,140px) clamp(22px,7vw,105px)}.section-title{max-width:1280px;margin:0 auto 55px}.section-title h2{color:var(--oa-ivory);font-size:clamp(48px,6vw,76px);font-weight:500}.featured-grid,.why-grid,.process-grid,.material-grid,.commission-grid{max-width:1280px;margin-left:auto;margin-right:auto}.featured-card,.category-card{border-radius:2px;border:1px solid var(--oa-line);overflow:hidden;background:var(--oa-panel)}.featured-card img,.category-card img{transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}.featured-card:hover img,.category-card:hover img{transform:scale(1.045);filter:saturate(1.06) contrast(1.04)}.featured-overlay{background:linear-gradient(0deg,rgba(5,7,9,.96),transparent 75%)}.featured-overlay h3{font-size:clamp(30px,3vw,43px)}.why-card,.process-card,.material-card,.commission-card{border-radius:2px;border:1px solid var(--oa-line);background:linear-gradient(145deg,rgba(20,23,27,.85),rgba(11,13,16,.9))}.why-card:hover,.process-card:hover,.material-card:hover,.commission-card:hover{border-color:rgba(205,181,138,.55);transform:translateY(-5px)}.commission-banner{border-top:1px solid var(--oa-line);border-bottom:1px solid var(--oa-line)}.social-grid a{border-color:var(--oa-line)}.footer{border-top:1px solid var(--oa-line);background:#06080a}
.collection-hero{min-height:78svh;background:linear-gradient(90deg,rgba(6,8,10,.94),rgba(6,8,10,.47)),url("main_wallpaper.png") center/cover no-repeat}.collection-title{font-size:clamp(68px,9vw,118px)}.category-grid{max-width:1280px;margin:0 auto;padding:clamp(75px,9vw,125px) clamp(22px,4vw,50px);gap:24px}.category-card{min-height:590px}.category-info{background:linear-gradient(0deg,rgba(5,7,9,.98),rgba(5,7,9,.05))}.category-info h2{font-size:clamp(40px,4vw,60px)}.atelier-hero,.commission-hero{border-bottom:1px solid var(--oa-line)}.atelier-story{max-width:1280px;margin:0 auto}.commission-content h1{font-size:clamp(65px,8vw,108px)}
.catalogue-page{min-height:100vh;padding-top:82px}.catalogue-intro{max-width:1280px;margin:0 auto;padding:clamp(80px,10vw,140px) clamp(22px,5vw,70px) 55px}.catalogue-intro h1{max-width:820px;margin:12px 0 22px;font-size:clamp(62px,8vw,108px);font-weight:500;line-height:.86}.catalogue-intro h1 em{color:var(--oa-gold);font-weight:400}.catalogue-intro>p:last-child{max-width:580px;color:var(--oa-muted);line-height:1.8}.catalogue-showcase{max-width:1280px;margin:0 auto;padding:0 clamp(22px,5vw,70px) 120px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px}.catalogue-product{min-height:580px;position:relative;overflow:hidden;border:1px solid var(--oa-line)}.catalogue-product img{width:100%;height:100%;object-fit:cover;filter:brightness(.74);transition:transform .8s}.catalogue-product:hover img{transform:scale(1.035)}.catalogue-product__copy{position:absolute;inset:auto 0 0;padding:45px;background:linear-gradient(0deg,rgba(5,7,9,.97),transparent)}.catalogue-product__copy h2{margin:7px 0 10px;font-size:clamp(40px,5vw,66px);font-weight:500}.catalogue-product__copy p{color:#c4c2bb;line-height:1.65}.catalogue-note{padding:42px;border:1px solid var(--oa-line);background:var(--oa-panel);display:flex;flex-direction:column;justify-content:space-between}.catalogue-note span{color:var(--oa-gold);font-size:11px;letter-spacing:.22em}.catalogue-note h3{margin:22px 0;font-size:42px;font-weight:500}.catalogue-note p{color:var(--oa-muted);line-height:1.75}.catalogue-note .btn{margin-top:35px;text-align:center}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-ready.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid var(--oa-gold);outline-offset:4px}
@media(max-width:900px){.navbar{align-items:flex-start;flex-direction:column;gap:16px;padding:18px 22px}.navbar nav{width:100%;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.navbar nav::-webkit-scrollbar{display:none}.hero{padding-top:175px}.hero-side{margin-top:45px}.catalogue-page{padding-top:125px}.catalogue-showcase{grid-template-columns:1fr}.catalogue-note{min-height:340px}}
@media(max-width:620px){.navbar .logo{font-size:22px}.navbar nav{gap:22px}.navbar nav a{font-size:9px}.navbar .admin-link{padding:8px 10px}.hero{min-height:auto}.hero-content h1{font-size:clamp(54px,17vw,76px)}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons a{text-align:center}.featured-grid{grid-template-columns:1fr}.category-card{min-height:480px}.catalogue-product{min-height:480px}.catalogue-product__copy,.catalogue-note{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal-ready{opacity:1;transform:none}}

/* CUSTOM 3D PHOTO DISPLAY */
.photo-display-page{padding-top:82px}.display-hero{min-height:78svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);padding:clamp(80px,9vw,135px) clamp(24px,7vw,105px);background:radial-gradient(circle at 80% 40%,rgba(205,181,138,.13),transparent 30%),#080a0d;border-bottom:1px solid var(--oa-line)}.display-hero__copy h1{margin:18px 0 30px;font-size:clamp(62px,7vw,105px);font-weight:500;line-height:.84}.display-hero__copy h1 em{color:var(--oa-gold);font-weight:400}.display-hero__copy>p:not(.small){max-width:570px;margin-bottom:35px;color:var(--oa-muted);line-height:1.8}.display-hero__image{position:relative;max-width:620px;padding:16px;border:1px solid var(--oa-line);background:#101317;box-shadow:0 40px 90px rgba(0,0,0,.45)}.display-hero__image:before{content:"CUSTOM · MADE IN PENANG";position:absolute;right:15px;bottom:-28px;color:var(--oa-gold);font-size:8px;letter-spacing:.2em}.display-hero__image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.display-product{max-width:1380px;margin:auto;padding:clamp(90px,10vw,145px) clamp(24px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(35px,6vw,90px)}.display-gallery__main{padding:18px;border:1px solid var(--oa-line);background:#101317}.display-gallery__main img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.display-gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.display-gallery__thumbs button{padding:7px;border:1px solid var(--oa-line);background:#101317;color:var(--oa-muted);cursor:pointer}.display-gallery__thumbs button.is-active,.display-gallery__thumbs button:hover{border-color:var(--oa-gold);color:var(--oa-gold)}.display-gallery__thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover}.display-gallery__thumbs span{display:block;padding:8px 2px 3px;font-size:7px;letter-spacing:.12em}.display-details h2{margin:15px 0 25px;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:.92}.display-lead{color:var(--oa-muted);line-height:1.8}.display-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.display-options article{padding:22px;border:1px solid var(--oa-line);background:#101317}.display-options span,.display-sizes span{color:var(--oa-gold);font-size:8px;letter-spacing:.18em}.display-options h3{margin:10px 0 7px;font-size:25px;font-weight:500}.display-options p{color:var(--oa-muted);font-size:11px;line-height:1.5}.display-sizes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--oa-line)}.display-sizes div{padding:15px;border-right:1px solid var(--oa-line)}.display-sizes div:last-child{border:0}.display-sizes strong{display:block;margin-top:7px;color:var(--oa-ivory);font-size:12px}.display-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:30px 0;padding:0;list-style:none;color:#bdb9b0;font-size:11px}.display-features li:before{content:"◇";margin-right:9px;color:var(--oa-gold)}.display-whatsapp{display:block;text-align:center}
@media(max-width:900px){.photo-display-page{padding-top:125px}.display-hero,.display-product{grid-template-columns:1fr}.display-hero__image{max-width:720px}.display-product{padding-top:75px}}@media(max-width:560px){.display-options,.display-features{grid-template-columns:1fr}.display-sizes{grid-template-columns:1fr}.display-sizes div{border-right:0;border-bottom:1px solid var(--oa-line)}}
.custom-choice-note{margin:25px 0;padding:18px 20px;border-left:2px solid var(--oa-gold);background:rgba(205,181,138,.07);color:#aaa;font:12px/1.7 var(--oa-sans)}.custom-choice-note strong{display:block;margin-bottom:4px;color:var(--oa-gold-bright);font-size:10px;letter-spacing:.14em;text-transform:uppercase}


/* =========================================================
   CLEAN RESPONSIVE PUBLIC LAYOUT — MOBILE / TABLET
   Keeps desktop unchanged and replaces the crowded mobile
   navigation with a compact menu.
========================================================= */
.mobile-nav-toggle{
  display:none;
  flex:0 0 42px;
  width:42px !important;
  height:42px;
  padding:0 !important;
  margin:0 !important;
  border:1px solid var(--oa-line) !important;
  border-radius:50% !important;
  background:rgba(205,181,138,.05) !important;
  box-shadow:none !important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  cursor:pointer;
}
.mobile-nav-toggle span{
  display:block;
  width:17px;
  height:1px;
  background:var(--oa-gold);
  transition:transform .25s ease,opacity .25s ease;
}

@media (max-width:768px){
  body{overflow-x:hidden;}

  .navbar,
  header.navbar{
    min-height:68px !important;
    padding:11px 16px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    background:rgba(8,10,13,.96) !important;
    border-bottom:1px solid var(--oa-line) !important;
  }

  .navbar .logo{
    flex:1 1 auto;
    min-width:0;
    font-size:21px !important;
    line-height:.9 !important;
    letter-spacing:.01em !important;
    white-space:nowrap;
  }
  .navbar .logo span{
    margin-top:8px !important;
    font-size:7px !important;
    letter-spacing:.28em !important;
  }

  .mobile-nav-toggle{display:flex !important;}
  .navbar.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg);}
  .navbar.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0;}
  .navbar.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}

  .navbar nav,
  header.navbar nav{
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:7px !important;
    overflow:visible !important;
    background:rgba(12,14,17,.985) !important;
    border:1px solid var(--oa-line) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.48) !important;
  }
  .navbar.nav-open nav{display:flex !important;}

  .navbar nav a,
  header.navbar nav a{
    width:100% !important;
    margin:0 !important;
    padding:13px 14px !important;
    border-bottom:1px solid rgba(205,181,138,.11);
    color:#ddd7ca !important;
    font-size:10px !important;
    letter-spacing:.17em !important;
    text-align:left;
  }
  .navbar nav a:last-child{border-bottom:0;}
  .navbar nav a::after{display:none !important;}
  .navbar .admin-link{
    border:0 !important;
    border-radius:0 !important;
    background:rgba(205,181,138,.07) !important;
    color:var(--oa-gold-bright) !important;
  }

  /* HOME */
  .hero{
    display:flex !important;
    align-items:flex-start !important;
    min-height:100svh !important;
    padding:112px 18px 48px !important;
    background-position:58% center !important;
  }
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(5,7,9,.92) 0%,rgba(5,7,9,.76) 58%,rgba(5,7,9,.40) 100%);
    pointer-events:none;
  }
  .hero .overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35));}
  .hero-glow{display:none;}
  .hero-content{
    width:100%;
    max-width:520px !important;
    margin:0 !important;
  }
  .hero .small{
    margin-bottom:14px !important;
    font-size:8px !important;
    line-height:1.5;
    letter-spacing:.22em !important;
  }
  .hero-content h1,
  .hero h1{
    margin-top:0 !important;
    font-size:clamp(46px,12.5vw,61px) !important;
    line-height:.88 !important;
    letter-spacing:-.025em !important;
    max-width:100%;
  }
  .hero-content .desc,
  .hero .desc{
    max-width:460px !important;
    margin-top:20px !important;
    font-size:14px !important;
    line-height:1.65 !important;
    color:#c0bdb5 !important;
  }
  .hero-buttons{
    display:block !important;
    margin-top:0 !important;
  }
  .hero-buttons .btn{
    display:block !important;
    width:100% !important;
    max-width:330px;
    margin-top:25px !important;
    padding:15px 18px !important;
    text-align:center;
    border-radius:1px !important;
    font-size:11px !important;
  }
  .hero-side{display:none !important;}

  /* COMMON SECTION SPACING */
  .featured-section,
  .why-section,
  .process-section,
  .materials-section,
  .commission-section,
  .social-section{
    padding:64px 18px !important;
  }
  .section-title{margin-bottom:30px !important;}
  .section-title h2{
    font-size:clamp(36px,10vw,47px) !important;
    line-height:.95 !important;
  }
  .why-grid,.process-grid,.material-grid,.commission-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:28px !important;
  }
  .why-card,.process-card,.material-card,.commission-card{
    padding:24px !important;
  }
  .why-card h3,.process-card h3,.material-card h3,.commission-card h3{
    font-size:28px !important;
    margin:10px 0 12px !important;
  }
  .why-card p,.process-card p,.material-card p,.commission-card p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .parallax-section{
    height:auto !important;
    min-height:68svh !important;
  }
  .parallax-video{top:50% !important;transform:translate(-50%,-50%) !important;}
  .parallax-content{padding:60px 18px !important;}
  .parallax-content h2{
    margin:15px 0 !important;
    font-size:clamp(39px,11vw,50px) !important;
    line-height:.95 !important;
  }
  .parallax-content p{font-size:14px !important;line-height:1.65 !important;margin-bottom:24px !important;}
  .parallax-content a{padding:14px 20px !important;font-size:10px !important;border-radius:1px !important;}

  .commission-banner{padding:68px 18px !important;}
  .commission-banner h2{
    font-size:clamp(37px,10vw,48px) !important;
    line-height:.96 !important;
  }
  .commission-banner p{font-size:14px !important;line-height:1.65 !important;margin-bottom:25px !important;}
  .commission-banner .btn{display:block;width:100%;max-width:330px;margin:25px auto 0 !important;text-align:center;}

  .social-section h2{
    margin:14px auto 28px !important;
    max-width:430px;
    font-size:clamp(36px,10vw,46px) !important;
    line-height:.98 !important;
  }
  .social-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .social-grid a{
    min-width:0;
    padding:14px 10px !important;
    border-radius:1px !important;
    font-size:9px !important;
    letter-spacing:.14em !important;
  }

  .footer{padding:48px 18px 30px !important;}
  .footer-logo h2{font-size:34px !important;}
  .footer-links{gap:14px !important;margin:28px 0 !important;}
  .footer-links a{font-size:9px !important;}
  .footer-copy{font-size:11px !important;line-height:1.6;}

  /* COLLECTION */
  .collection-hero{
    min-height:66svh !important;
    height:auto !important;
    padding:112px 18px 58px !important;
    align-items:center !important;
  }
  .collection-content{max-width:500px !important;}
  .collection-title{
    margin-top:12px !important;
    font-size:clamp(51px,14vw,66px) !important;
    line-height:.84 !important;
  }
  .collection-desc{margin-top:20px !important;font-size:14px !important;line-height:1.65 !important;}
  .category-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:40px 16px 60px !important;
  }
  .category-card{
    min-height:390px !important;
    height:390px !important;
    border-radius:2px !important;
  }
  .category-info{left:0 !important;bottom:0 !important;width:100%;padding:55px 22px 22px !important;}
  .category-info h2{font-size:38px !important;margin-bottom:7px !important;}
  .category-text{font-size:13px !important;}

  /* OUR STORY */
  .atelier-hero{
    min-height:68svh !important;
    padding:112px 18px 58px !important;
  }
  .atelier-content h1{font-size:clamp(49px,13vw,62px) !important;line-height:.87 !important;}
  .atelier-content p{font-size:15px !important;line-height:1.65 !important;margin-top:20px !important;}
  .atelier-story{grid-template-columns:1fr !important;gap:30px !important;padding:60px 18px !important;}
  .atelier-story h2,.process-section h2,.materials-section h2,.atelier-cta h2{font-size:40px !important;line-height:.96 !important;}
  .atelier-story p{font-size:15px !important;line-height:1.7 !important;}
  .atelier-story img{height:auto !important;aspect-ratio:4/3;border-radius:2px !important;}
  .atelier-cta{margin:18px !important;padding:50px 20px !important;border-radius:2px !important;}

  /* CUSTOM ORDER */
  .commission-hero{
    min-height:70svh !important;
    padding:112px 18px 60px !important;
  }
  .commission-content{max-width:520px !important;font-size:initial !important;}
  .commission-content h1{
    font-size:clamp(50px,14vw,65px) !important;
    line-height:.85 !important;
    letter-spacing:-.025em !important;
  }
  .commission-content .desc{font-size:14px !important;line-height:1.65 !important;margin-top:20px !important;}
  .commission-content .btn{display:block;width:100%;max-width:330px;text-align:center;margin-top:25px !important;}

  /* PRODUCT LIST PAGES */
  .statue-hero{
    padding:112px 18px 38px !important;
    text-align:left !important;
  }
  .statue-hero h1{font-size:clamp(44px,12vw,58px) !important;line-height:.9 !important;}
  .statue-hero p{margin:14px 0 !important;font-size:14px !important;line-height:1.6 !important;}
  .statue-list{grid-template-columns:1fr !important;gap:14px !important;padding:20px 16px 60px !important;}
  .statue-thumb,.statue-card{border-radius:2px !important;}
  .statue-thumb img{height:310px !important;padding:12px !important;}
  .statue-thumb h2{font-size:25px !important;padding:18px !important;}

  /* NAMEPLATE / PHOTO DISPLAY */
  .photo-display-page,.catalogue-page{padding-top:68px !important;}
  .display-hero{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding:54px 18px 58px !important;
  }
  .display-hero__copy h1{margin:12px 0 20px !important;font-size:clamp(47px,13vw,61px) !important;line-height:.86 !important;}
  .display-hero__copy>p:not(.small){font-size:14px !important;line-height:1.65 !important;margin-bottom:25px !important;}
  .display-hero__image{padding:8px !important;box-shadow:none !important;}
  .display-product{grid-template-columns:1fr !important;gap:36px !important;padding:58px 16px !important;}
  .display-gallery__main{padding:8px !important;}
  .display-details h2{font-size:43px !important;}
  .display-options{grid-template-columns:1fr !important;}
  .display-features{grid-template-columns:1fr !important;}
}

@media (max-width:390px){
  .navbar .logo{font-size:19px !important;}
  .hero{padding-left:15px !important;padding-right:15px !important;}
  .hero-content h1,.hero h1{font-size:44px !important;}
  .hero-content .desc,.hero .desc{font-size:13px !important;}
  .social-grid{grid-template-columns:1fr !important;}
  .category-card{height:350px !important;min-height:350px !important;}
}