/* Crown Ceramics — site layer over the design's inline styles */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'IBM Plex Sans','Helvetica Neue',sans-serif;color:#16181D;background:#F5F2EC;overflow-x:hidden}
a{color:#22399A}a:hover{color:#D7141A}
img,video{max-width:100%}
svg[viewBox]{max-width:100%}
img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.dc-page{max-width:100%;margin:0 auto}
.dc-px{padding-left:max(96px,calc((100% - 1248px)/2))!important;padding-right:max(96px,calc((100% - 1248px)/2))!important}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.dc-lang{display:none}
label:has(> .dc-lang){display:none!important}
:focus-visible{outline:3px solid #D7141A;outline-offset:2px}

/* toast */
#crown-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:#0F1B3D;color:#fff;padding:14px 20px;border-radius:6px;font:500 15px/1.4 'IBM Plex Sans',sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.25);z-index:9999;max-width:min(92vw,560px);transition:transform .25s ease;pointer-events:none}
#crown-toast.show{transform:translate(-50%,0)}
#crown-toast.err{background:#9E1015}

/* mobile menu button */
#menu-btn{display:none;width:46px;height:46px;border:1px solid #E6E0D4;border-radius:6px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
#menu-btn span{display:block;width:22px;height:2px;background:#16181D;transition:transform .2s,opacity .2s}
#menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#menu-btn.open span:nth-child(2){opacity:0}
#menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1280px){
  .dc-px{padding-left:48px!important;padding-right:48px!important}
  .dc-px2{padding-left:40px!important;padding-right:40px!important}
  .dc-nav{gap:16px!important}
  .dc-nav a{font-size:14px!important}
}

@media (max-width:1100px){
  #menu-btn{display:flex}
  .dc-nav{display:none!important;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 24px 16px;border-bottom:1px solid #E6E0D4;box-shadow:0 12px 24px rgba(15,27,61,.12);z-index:50}
  .dc-nav.open{display:flex!important}
  .dc-nav a{padding:14px 0!important;border-bottom:1px solid #F0ECE4!important;font-size:16px!important}
  .dc-page>div:nth-child(2){position:relative}
  .dc-g3,.dc-g4,.dc-g5,.dc-g6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dc-w{width:100%!important;max-width:100%!important}
  .dc-g2{gap:32px!important}
}

@media (max-width:820px){
  .dc-g2{grid-template-columns:minmax(0,1fr)!important}
  .dc-row{flex-wrap:wrap}
  .dc-h{height:auto!important;min-height:0!important}
  .dc-absb{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:40px}
  .dc-g h3,.dc-g h2{overflow-wrap:break-word;hyphens:auto}
}

@media (max-width:700px){
  .dc-sb{flex-wrap:wrap;row-gap:12px}
  .dc-scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .dc-wide-svg{min-width:760px;height:auto}
  .dc-wide-table{min-width:640px}
  .dc-px,.dc-px2{padding-left:20px!important;padding-right:20px!important}
  .dc-g3,.dc-g4,.dc-g6{grid-template-columns:minmax(0,1fr)!important}
  .dc-g5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dc-page>div:first-child{display:none!important}
  .dc-page>div:nth-child(2){height:72px!important}
  .dc-page>div:nth-child(2) img{height:54px!important}
  .dc-page>div:nth-child(2)>a:last-child{display:none!important}
  [style*="padding-top: 96px"],[style*="padding-top: 104px"],[style*="padding-top: 88px"],[style*="padding-top: 80px"]{padding-top:48px!important}
  [style*="padding-bottom: 96px"],[style*="padding-bottom: 104px"],[style*="padding-bottom: 88px"],[style*="padding-bottom: 80px"]{padding-bottom:48px!important}
  [style*="padding: 44px"],[style*="padding: 48px"],[style*="padding: 40px"],[style*="padding: 56px"]{padding:24px!important}
  [style*="gap: 56px"],[style*="gap: 64px"],[style*="gap: 72px"],[style*="gap: 80px"]{gap:28px!important}
}

@media (max-width:1100px){.dc-fs26{font-size:21px!important}.dc-fs28{font-size:23px!important}.dc-fs30{font-size:25px!important}.dc-fs32{font-size:26px!important}.dc-fs34{font-size:28px!important}.dc-fs36{font-size:30px!important}.dc-fs40{font-size:33px!important}.dc-fs42{font-size:34px!important}.dc-fs44{font-size:36px!important}.dc-fs48{font-size:39px!important}.dc-fs52{font-size:43px!important}.dc-fs54{font-size:44px!important}.dc-fs60{font-size:49px!important}.dc-fs64{font-size:52px!important}.dc-fs68{font-size:56px!important}.dc-fs72{font-size:59px!important}}
@media (max-width:700px){.dc-fs26{font-size:22px!important;line-height:1.15!important}.dc-fs28{font-size:22px!important;line-height:1.15!important}.dc-fs30{font-size:22px!important;line-height:1.15!important}.dc-fs32{font-size:22px!important;line-height:1.15!important}.dc-fs34{font-size:24px!important;line-height:1.15!important}.dc-fs36{font-size:25px!important;line-height:1.15!important}.dc-fs40{font-size:28px!important;line-height:1.15!important}.dc-fs42{font-size:29px!important;line-height:1.15!important}.dc-fs44{font-size:31px!important;line-height:1.15!important}.dc-fs48{font-size:27px!important;line-height:1.15!important}.dc-fs52{font-size:29px!important;line-height:1.15!important}.dc-fs54{font-size:30px!important;line-height:1.15!important}.dc-fs60{font-size:34px!important;line-height:1.15!important}.dc-fs64{font-size:36px!important;line-height:1.15!important}.dc-fs68{font-size:38px!important;line-height:1.15!important}.dc-fs72{font-size:40px!important;line-height:1.15!important}}