.elementor-8 .elementor-element.elementor-element-8a62f98{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-8a62f98:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-8a62f98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://foremostmarbles.in/wp-content/uploads/2026/08/marble-bg.jpg");}/* Start custom CSS for html, class: .elementor-element-25a378c */.hero{
    --void:#0a0a0a;
    --gold:#c9a227;
    --ink:#f3f1ea;
    --ink-muted:#a6a297;
    padding:88px 5vw 56px;
    text-align:center;
    max-width:760px; margin:0 auto;
  }
  *{box-sizing:border-box;}
  body{margin:0; background:var(--void); color:var(--ink); font-family:'Inter',sans-serif;}

  /* ---------- hero ---------- */
  .kicker{
    display:flex; align-items:center; justify-content:center; gap:16px;
    color:var(--gold); font-size:22px; letter-spacing:3px; text-transform:uppercase;
    margin-bottom:12px; font-family:'JetBrains Mono',monospace;
  }
  .kicker .line{height:1px; width:56px; background:linear-gradient(90deg, transparent, var(--gold));}
  .kicker .line.r{background:linear-gradient(90deg, var(--gold), transparent);}
  h1.hero-title{
    font-family:'Fraunces',serif; font-weight:600; font-size:clamp(34px,5vw,54px);
    letter-spacing:-0.5px; margin:0 0 18px;
  }
  .hero p{
    color:var(--ink-muted); font-size:16px; line-height:1.7; margin:0 auto;
    max-width:540px;
  }

  /* ---------- responsive breakdowns ---------- */
  @media (max-width:600px){
    .hero{padding:48px 6vw 32px;}
    .kicker{font-size:10.5px; gap:10px; margin-bottom:16px;}
    .kicker .line{width:34px;}
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3a6694 */.featured{
    --void:#0a0a0a;
    --panel:#131311;
    --panel-2:#1a1a17;
    --hair:#2a2a25;
    --gold:#c9a227;
    --gold-soft:#8a7328;
    --green:#28b463;
    --green-dim:#1c8a4b;
    --ink:#f3f1ea;
    --ink-muted:#a6a297;
    --ink-faint:#6f6c62;
    max-width:1180px; margin:0 auto; padding:0 5vw 10px;
  }
  *{box-sizing:border-box;}
  body{margin:0; background:var(--void); color:var(--ink); font-family:'Inter',sans-serif;}
  button{font-family:inherit;}

  /* ---------- featured catalogue ---------- */
  .featured-card{
    display:grid; grid-template-columns:220px 1fr auto; gap:28px; align-items:center;
    background:linear-gradient(120deg, var(--panel), var(--panel-2));
    border:1px solid var(--hair); border-radius:18px; padding:26px;
    position:relative; overflow:hidden;
  }
  .featured-card::before{
    content:''; position:absolute; inset:0;
    background:radial-gradient(circle at 90% 20%, rgba(201,162,39,0.10), transparent 45%);
    pointer-events:none;
  }
  .pdf-badge {
    width: 100%;
    aspect-ratio: 1 / 1; 
    border-radius: 12px;
    background: #2a2a2a; 
    border: 1px solid var(--hair);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
  .pdf-badge .icon{
    width:46px; height:46px; border-radius:10px; background:#c0392b;
    display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:11px;
    font-family:'JetBrains Mono',monospace; letter-spacing:1px;
  }
  .pdf-badge span{font-size:11px; color:var(--ink-faint); font-family:'JetBrains Mono',monospace;}
  .featured-info .eyebrow{
    color:var(--gold); font-size:11px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px;
    font-family:'JetBrains Mono',monospace;
  }
  .featured-info h3{font-family:'Fraunces',serif; font-size:26px; margin:0 0 10px; font-weight:600;}
  .featured-info p{color:var(--ink-muted); font-size:14px; line-height:1.65; margin:0; max-width:520px;}
  .featured-actions{display:flex; flex-direction:column; gap:10px; align-items:stretch; min-width:170px;}

  /* ---------- buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 18px; border-radius:99px; font-size:13.5px; font-weight:600;
    border:1px solid transparent; cursor:pointer; white-space:nowrap; transition:transform .12s, background .15s;
  }
  .btn:active{transform:scale(0.97);}
  .btn-primary{background:var(--green); color:#0a0a0a;}
  .btn-primary:hover{background:#33c470;}
  .btn-ghost{background:transparent; border-color:var(--hair); color:var(--ink-muted);}
  .btn-ghost:hover{border-color:var(--gold-soft); color:var(--gold);}
  .btn-sm{padding:7px 12px; font-size:12.5px;}

  .admin-only{display:none;}
  body.admin .admin-only{display:flex;}
  input[type=file]{display:none;}

  /* ---------- responsive breakdowns ---------- */
  @media (max-width:820px){
    .featured-card{grid-template-columns:140px 1fr; grid-template-areas:"badge info" "actions actions"; gap:20px;}
    .pdf-badge{grid-area:badge;}
    .featured-info{grid-area:info;}
    .featured-actions{grid-area:actions; flex-direction:row; min-width:0;}
    .featured-actions .btn, .featured-actions label{flex:1;}
  }
  @media (max-width:520px){
    .featured-card{grid-template-columns:100px 1fr; padding:18px; gap:14px; border-radius:14px;}
    .pdf-badge .icon{width:36px; height:36px; font-size:9px;}
    .pdf-badge span{font-size:10px;}
    .featured-info h3{font-size:19px;}
    .featured-info p{font-size:13px;}
    .featured-actions{flex-direction:column;}
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd0aa48 */.collections{
    --void:#0a0a0a;
    --panel:#131311;
    --panel-2:#1a1a17;
    --hair:#2a2a25;
    --gold:#c9a227;
    --gold-soft:#8a7328;
    --green:#28b463;
    --green-dim:#1c8a4b;
    --ink:#f3f1ea;
    --ink-muted:#a6a297;
    --ink-faint:#6f6c62;
  }
  *{box-sizing:border-box;}
  body{margin:0; background:var(--void); color:var(--ink); font-family:'Inter',sans-serif;}
  button{font-family:inherit;}
  input[type=file]{display:none;}

  /* ---------- section titles ---------- */
  .section{max-width:1180px; margin:0 auto; padding:38px 5vw 6px;}
  .section-head{
    display:flex; align-items:baseline; gap:14px; margin-bottom:22px;
  }
  .section-head h2{
    font-family:'Fraunces',serif; font-size:22px; font-weight:600; margin:0; white-space:nowrap;
  }
  .section-head .rule{height:1px; flex:1; background:var(--hair);}
  .section-head .count{font-size:12px; color:var(--ink-faint); font-family:'JetBrains Mono',monospace;}

  /* ---------- buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 18px; border-radius:9px; font-size:13.5px; font-weight:600;
    border:1px solid transparent; cursor:pointer; white-space:nowrap; transition:transform .12s, background .15s;
  }
  .btn:active{transform:scale(0.97);}
  .btn-primary{background:var(--green); color:#0a0a0a;}
  .btn-primary:hover{background:#33c470;}
  .btn-ghost{background:transparent; border-color:var(--hair); color:var(--ink-muted);}
  .btn-ghost:hover{border-color:var(--gold-soft); color:var(--gold);}
  .btn-sm{padding:7px 12px; font-size:12.5px;}

  /* ---------- collection grid ---------- */
  .grid{
    max-width:1180px; margin:0 auto; padding:0 5vw 10px;
    display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px;
  }
  .card{
    background:var(--panel); border:1px solid var(--hair); border-radius:16px; overflow:hidden;
    display:flex; flex-direction:column; transition:border-color .18s, transform .18s;
  }
  .card:hover{border-color:var(--gold-soft); transform:translateY(-3px);}
  .swatch{
    position:relative; height:128px; overflow:hidden;
  }
  .swatch::after{ /* vein overlay */
    content:''; position:absolute; inset:0;
    background:
      repeating-linear-gradient(70deg, transparent 0 22px, rgba(255,255,255,0.10) 22px 23px, transparent 23px 60px),
      repeating-linear-gradient(155deg, transparent 0 34px, rgba(255,255,255,0.06) 34px 35px, transparent 35px 80px);
    mix-blend-mode:overlay;
  }
  .swatch .label-chip{
    position:absolute; bottom:10px; left:12px; z-index:2;
    font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px;
    color:rgba(255,255,255,0.85); text-transform:uppercase;
    background:rgba(0,0,0,0.35); padding:4px 9px; border-radius:999px;
    backdrop-filter:blur(3px);
  }
  .card-body{padding:16px 16px 14px; display:flex; flex-direction:column; gap:12px; flex:1;}
  .card-body h4{font-family:'Fraunces',serif; font-size:16px; font-weight:600; margin:0;}
  .meta-row{display:flex; align-items:center; justify-content:space-between; font-size:11.5px; color:var(--ink-faint);}
  .status-dot{width:6px; height:6px; border-radius:50%; background:var(--ink-faint); display:inline-block; margin-right:6px;}
  .status-dot.ready{background:var(--green);}
  .card-actions{display:flex; gap:8px; margin-top:auto;}
  .card-actions .btn{flex:1;}
  .upload-icon-btn{
    width:36px; height:36px; border-radius:99px; border:1px solid var(--hair); background:transparent;
    display:flex; align-items:center; justify-content:center; color:var(--ink-muted); cursor:pointer; flex-shrink:0;
    transition:.15s;
  }
  .upload-icon-btn:hover{border-color:var(--green-dim); color:var(--green);}
  .card.empty .card-actions .btn-primary{background:var(--panel-2); color:var(--ink-faint); pointer-events:none;}
  .admin-only{display:none;}
  body.admin .admin-only{display:flex;}
  body.admin .card-actions .btn-primary.dl-only{flex:1 1 auto;}

  /* swatch color mixes */
  .sw-beige{background:url('assets/swatches/beige.jpg') center/cover no-repeat;}
  .sw-black{background:url('assets/swatches/black.jpg') center/cover no-repeat;}
  .sw-blue{background:url('assets/swatches/blue.jpg') center/cover no-repeat;}
  .sw-brown{background:url('assets/swatches/brown.jpg') center/cover no-repeat;}
  .sw-green{background:url('assets/swatches/green.jpg') center/cover no-repeat;}
  .sw-grey{background:url('assets/swatches/grey.jpg') center/cover no-repeat;}
  .sw-red{background:url('assets/swatches/red.jpg') center/cover no-repeat;}
  .sw-white{background:url('assets/swatches/white.jpg') center/cover no-repeat;}
  .sw-yellow{background:url('assets/swatches/yellow.jpg') center/cover no-repeat;}
  .sw-onyx{background:url('assets/swatches/onyx.jpg') center/cover no-repeat;}
  .sw-exotic{background:url('assets/swatches/exotic.jpg') center/cover no-repeat;}
  .sw-exclusive{background:url('assets/swatches/exclusive.jpg') center/cover no-repeat;}
  .sw-semiprecious{background:url('assets/swatches/semiprecious.jpg') center/cover no-repeat;}
  .sw-limestone{background:url('assets/swatches/limestone.jpg') center/cover no-repeat;}
  .sw-travertine{background:url('assets/swatches/travertine.jpg') center/cover no-repeat;}
  .sw-matilda{background:url('assets/swatches/matilda.jpg') center/cover no-repeat;}
  .sw-cnc{background:url('assets/swatches/cnc.jpg') center/cover no-repeat;}

  .light-label{color:rgba(0,0,0,0.7) !important;}

  /* ---------- responsive breakdowns ---------- */
  @media (max-width:600px){
    .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; padding:0 6vw 10px;}
    .swatch{height:100px;}
    .card-body{padding:12px 12px 12px; gap:9px;}
    .card-body h4{font-size:14px;}
    .meta-row{font-size:10.5px;}
  }
  @media (max-width:480px){
    .section-head h2{font-size:18px;}
    .section{padding:28px 6vw 6px;}
  }
  @media (max-width:380px){
    .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  }/* End custom CSS */