/* ------Product detail CSS-------- */
.true-color
{
    color: rgb(35, 202, 110);
}
.false-color{
    color: rgb(124, 128, 126);
}
.rating .true-color
{
    color: rgb(35, 202, 110);
}
.rating .false-color
{
    color: rgb(124, 128, 126);
}
.pull-right
{
    transform: rotateY(180deg);
}
.review-top span, a
{
    color: black;
}
.user-date
{
    display: inline;
    color: black;
}
.review-top p
{
    color: black;
}
.break
{
    text-align: center;
}
.dat
{
    margin-left: 40px;
}
.stars
{
    position: absolute;
    display: flex;
    margin: 5px;
    transform:rotateY(180deg);
} 
.stars input
{
    display: none;
} 
.stars label
{
   display: block;
   cursor: pointer;
   width: 50px;
}
.stars label:before
{
   content: '\f005';
   font-family: fontAwesome;
   position: relative;
   display: block;
   font-size: 25px;
   color: rgb(124, 128, 126);
} 
.stars label:after
{
   content: '\f005';
   font-family: fontAwesome;
   position: absolute;
   display: block;
   font-size: 25px;
   color: #1f9cff;
   top: 0;
   opacity: 0;
   transition: .5s;
   text-shadow: 0 2px 5px rgba(0,0,0,.5);
} 
.stars label:hover:after,
.stars label:hover ~ label:after,
.stars input:checked ~ label:after
{
    opacity: 1;
}
.reviews{
    flex-basis: 50%;
    padding:10px;
    min-width: 200px;
    width: auto;
    margin-bottom: 50px;
    transition: transform 0.5s;
}

.review-top
{
    position: relative;
}
.review-rating{
    position: absolute;
    right: 2%;
    top: 5%;
}
.review-Display
{
    /* background: #cfe4ee; */
    display: block;
    padding:10px;
    border-style: ridge;
    min-width: 300px;
    width: 50%;
    margin-bottom: 50px;
    transition: transform 0.5s;
}
.review-Display p{
    width: 100%;
}
.reviews  .subject-input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin: 10px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.reviews textarea {
    display: block;
    width: 100%;
    margin: 10px;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    overflow: hidden;
    resize: both;
    min-height: 60px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 20px;
  }

.row-Review{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: top;
    justify-content: space-around;
}
.review-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    margin-top: 40px;
    margin-left: 10px;
    line-height: 1.5;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: .2rem;
}

.row-2{
    justify-content: space-between;
    margin: 100px auto 50px;
}
select{
    border:1px solid #ff523b;
    padding: 5px;
}
select:focus{
    outline: none;
}
.page-btn{
    margin:0 auto 80px;
}
.page-btn span{
    display: inline-block;
    border:1px solid #ff523b;
    margin-left:10px;
    width: 40px;
    height:40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.page-btn span:hover{
    background:#ff8a80;
    color: black;
    font-weight: bold;

}

/*Product Details*/
.single-product{
    margin-top: 80px;
}
.single-product .col-2 img{
    padding: 0;
}
.single-product .col-2{
    padding: 20px;
}
.single-product h4{
    margin: 10px;
    font-size: 22px;
    font-weight: bold;
}
.single-product select{
    display: block;
    padding: 10px;
    margin-top: 20px;
}
.single-product input{
    width: 50px;
    height: 40px;
    padding-left:10px;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid black;
}
.single-product .fa{
    color: #ff523b;
    margin-left: 10px;
}
.small-img-row{
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
}
.small-img-col{
    flex-basis: 24%;
    cursor: pointer;
}
.btn-style{
  position: absolute;
  margin:5px;
}
.fb-btn-back{
    background-color: #ff523b;
}
.input{
    width: 100px;
}

textarea.textArea_input {
    height: auto;
}
.textArea_input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea{
    overflow: auto;
    resize: vertical;
}

/*========== RESPONSIVE PRODUCTS ==========*/
@media (max-width: 768px) {
  .review-Display {
    min-width: auto;
    width: 100%;
  }
  .row-Review {
    flex-direction: column;
  }
  .reviews {
    flex-basis: auto;
    width: 100%;
    min-width: auto;
  }
  .review-top {
    flex-wrap: wrap;
  }
  .single-product {
    margin-top: 60px;
  }
  .small-img-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .small-img-col {
    flex-basis: 48%;
  }
  .row-2 {
    margin: 60px auto 30px;
  }
}

@media (max-width: 480px) {
  .reviews textarea,
  .reviews .subject-input {
    width: 100%;
    margin: 6px 0;
  }
  .stars label {
    width: 36px;
  }
}


/* ============================================================
   Category Page (products/<category>)
   ============================================================ */
/* ============================================================
   HomeDirect - Category Page (products/<category>)
   Palette: navy #1f2f8f, orange #ff9800
   ============================================================ */
:root{
  --hd-navy:#1f2f8f;
  --hd-navy-2:#3346c0;
  --hd-navy-grad:linear-gradient(135deg,#3a55c4 0%,#1f2f8f 100%);
  --hd-orange:#ff9800;
  --hd-orange-2:#e67e00;
  --hd-orange-grad:linear-gradient(135deg,#ffb040 0%,#ff9800 55%,#e67e00 100%);
  --hd-bg:#f7f8fc;
  --hd-card:#ffffff;
  --hd-border:#e9edf5;
  --hd-text:#1b2333;
  --hd-muted:#6d7690;
  --hd-soft:#eef1fb;
  --hd-radius:18px;
}

.hd-cat-page{
  width:100%;
  padding:4px 28px 10px 0;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:26px;
  align-items:start;
  font-family:Arial,sans-serif;
  color:var(--hd-text);
}

/* Tuck the footer right up against the category page (10px gap) */
.hd-cat-page + .footer_div,
.hd-cat-page ~ .footer_div,
.footer_div{ margin-top:10px; }

/* ---------- SIDEBAR ---------- */
.hd-cat-side{
  position:sticky;
  top:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  align-self:stretch;
  margin-top:8px;
}
.hd-widget{
  background:var(--hd-card);
  border:1px solid var(--hd-border);
  border-radius:var(--hd-radius);
  box-shadow:0 4px 20px rgba(31,47,143,.05);
  padding:10px 12px;
}
.hd-widget-head{
  display:flex;
  align-items:center;
  gap:8px;
  height:32px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
  color:#fff;
  background:var(--hd-navy);
  padding:0 12px;
  border-radius:8px 8px 0 0;
  margin:-10px -12px 8px;
}
.hd-widget-head .material-symbols-outlined{ color:#fff; font-size:14px; }

/* Shop by Category */
.hd-cat-side .hd-category-panel{
  width:100%;
  grid-row:auto;
}
.hd-cat-compact .hd-category-list{
  max-height:230px;
  overflow-y:auto;
  justify-content:flex-start;
  gap:0;
}
.hd-cat-compact .hd-category-list li{
  padding:0;
  flex:none;
}
.hd-cat-compact .hd-cat-row{
  padding:0 12px;
  gap:8px;
  height:31px;
  min-width:0;
}
.hd-cat-compact .cat-name{
  font-size:12px;
  font-weight:400;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hd-cat-compact li.hd-cat-open .cat-name{
  font-weight:800;
  color:var(--hd-navy);
}
.hd-cat-compact li.hd-cat-open .cat-row,
.hd-cat-compact li.hd-cat-open .hd-cat-row{
  background:var(--hd-soft);
}
.hd-cat-compact li.hd-cat-open .arrow{
  transform:rotate(90deg);
  color:var(--hd-navy);
}
.hd-cat-compact .cat-icon .material-symbols-outlined{ font-size:14px; }
.hd-cat-compact .hd-category-title{
  height:36px;
  font-size:13px;
  font-weight:700;
  padding:0 14px;
  border-radius:8px 8px 0 0;
}
.hd-cat-compact .hd-subcategory-container{
  max-height:180px;
  overflow-y:auto;
}
.hd-cat-compact .hd-subcategory-item{
  padding:5px 8px 5px 20px;
  font-size:12px;
}
.hd-cat-compact .hd-subcat-loading,
.hd-cat-compact .hd-subcat-empty{
  padding:5px 8px 5px 22px;
  font-size:12px;
}

/* ---- Accordion Filter Groups ---- */
.hd-fgroup{
  border-bottom:1px solid var(--hd-border);
  margin-top:0;
}
.hd-fgroup:last-of-type{
  border-bottom:none;
}
.hd-fgroup-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  font-size:12px;
  font-weight:400;
  letter-spacing:.3px;
  color:var(--hd-text);
  padding:7px 0 0;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  transition:color .2s;
}
.hd-fgroup.open .hd-fgroup-title{
  font-weight:800;
  color:var(--hd-navy);
}
.hd-fgroup-title:hover{
  color:var(--hd-navy);
}
.hd-fgroup-title .hd-chevron{
  font-size:15px;
  color:var(--hd-muted);
  transition:transform .25s ease;
  line-height:1;
  flex-shrink:0;
}
.hd-fgroup.open .hd-fgroup-title .hd-chevron{
  transform:rotate(180deg);
}
.hd-fgroup-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease, padding .3s ease;
}
.hd-fgroup.open .hd-fgroup-body{
  max-height:400px;
  padding:5px 0 3px;
}

/* Checkboxes / Radios */
.hd-check{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--hd-text);
  cursor:pointer;
  padding:3px 8px;
  margin:0;
  position:relative;
  border-radius:6px;
  transition:background .15s;
}
.hd-check:hover{ background:var(--hd-soft); }
.hd-check input{ position:absolute; opacity:0; pointer-events:none; }
.hd-cb{
  width:15px;
  height:15px;
  border-radius:5px;
  border:1.6px solid #ccd3ec;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  transition:all .2s;
}
.hd-check input[type=checkbox]:checked + .hd-cb{ background:var(--hd-navy); border-color:var(--hd-navy); }
.hd-check input[type=checkbox]:checked + .hd-cb:after{
  content:'';
  width:7px;
  height:4px;
  border:solid #fff;
  border-width:0 0 2px 2px;
  transform:rotate(-45deg) translate(1px,-1px);
}
.hd-check input[type=radio] + .hd-cb{ border-radius:50%; }
.hd-check input[type=radio]:checked + .hd-cb{ background:var(--hd-navy); border-color:var(--hd-navy); }
.hd-check input[type=radio]:checked + .hd-cb:after{
  content:'';
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
}
.hd-view-icon{
  width:15px;
  height:15px;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--hd-muted);
}
.hd-check:has(input:checked) .hd-view-icon{ color:var(--hd-navy); }

/* Select */
.hd-select{
  width:100%;
  padding:6px 8px;
  border-radius:9px;
  border:1.5px solid #dbe1f2;
  background:#fbfcff;
  font-size:12px;
  color:var(--hd-text);
  outline:none;
  transition:border-color .2s;
}
.hd-select:focus{ border-color:var(--hd-navy); }

/* Price Buckets */
.hd-price-buckets{
  display:flex;
  flex-direction:column;
  gap:0;
}
.hd-price-bucket{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--hd-text);
  cursor:pointer;
  padding:3px 8px;
  border-radius:7px;
  transition:background .15s;
}
.hd-price-bucket:hover{
  background:var(--hd-soft);
}
.hd-price-bucket input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hd-price-bucket .hd-pb-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  border:1.6px solid #ccd3ec;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  transition:all .2s;
}
.hd-price-bucket input:checked ~ .hd-pb-dot{
  background:var(--hd-navy);
  border-color:var(--hd-navy);
}
.hd-price-bucket input:checked ~ .hd-pb-dot::after{
  content:'';
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
}
.hd-pb-label{
  flex:1;
}

/* Apply / Clear */
.hd-filter-apply{
  width:100%;
  margin-top:8px;
  border:none;
  cursor:pointer;
  background:var(--hd-navy-grad);
  color:#fff;
  font-weight:700;
  font-size:12px;
  padding:8px 14px;
  border-radius:10px;
  transition:all .25s;
  box-shadow:0 8px 20px rgba(31,47,143,.28);
}
.hd-filter-apply:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(31,47,143,.36); }
.hd-filter-apply:disabled{ opacity:.6; cursor:wait; transform:none; }
.hd-filter-clear{
  display:block;
  text-align:center;
  margin-top:6px;
  font-size:12px;
  color:var(--hd-muted);
  text-decoration:none;
}
.hd-filter-clear:hover{ color:var(--hd-navy); }

/* Need Help */
.hd-help-widget{ flex:1; align-content:flex-start; }
.hd-help-widget a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border-radius:11px;
  text-decoration:none;
  font-size:12.5px;
  color:var(--hd-text);
  transition:all .2s;
}
.hd-help-widget a:hover{ background:var(--hd-soft); color:var(--hd-navy); }
.hd-help-widget a .material-symbols-outlined{ font-size:16px; color:var(--hd-navy-2); }

/* Sticky header + breadcrumb on products page */
.nav-wrapper{ position:sticky; top:0; }

/* ---------- MAIN ---------- */
.hd-cat-main{ min-width:0; overflow-y:auto; padding-right:6px; scrollbar-width:thin; scrollbar-color:#ccd3ec transparent; display:flex; flex-direction:column; }

.hd-breadcrumb{
  font-size:12.5px;
  color:var(--hd-muted);
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:5px 0 10px;
}
.hd-breadcrumb a{ color:var(--hd-muted); text-decoration:none; }
.hd-breadcrumb a:hover{ color:var(--hd-navy); }
.hd-breadcrumb .hd-sep{ color:#c2c9e0; }
.hd-breadcrumb .hd-cur{ color:var(--hd-navy); font-weight:700; }

/* Mobile filter bar */
.hd-mobile-bar{ display:none; }
.hd-filter-btn{
  display:none;
  align-items:center;
  gap:6px;
  padding:9px 16px;
  border-radius:11px;
  border:none;
  cursor:pointer;
  background:var(--hd-navy);
  color:#fff;
  font-size:13px;
  font-weight:700;
}

/* Product grid */
.hd-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  flex:1;
  align-content:flex-start;
}
.hd-card{
  position:relative;
  background:var(--hd-card);
  border:1px solid var(--hd-border);
  border-radius:20px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
  box-shadow:0 4px 18px rgba(31,47,143,.05);
  text-decoration:none;
  color:inherit;
}
.hd-card:hover{ transform:translateY(-6px); box-shadow:0 20px 46px rgba(31,47,143,.15); }
.hd-card-media{
  position:relative;
  aspect-ratio:2/1;
  overflow:hidden;
  background:linear-gradient(160deg,#fbfcff,#f5f7ff);
}
.hd-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.hd-card:hover .hd-card-media img{ transform:scale(1.08); }
.hd-disc{
  position:absolute;
  top:8px;
  left:8px;
  z-index:2;
  background:#e6f6ec;
  color:#16a34a;
  font-size:10px;
  font-weight:800;
  padding:4px 8px;
  border-radius:20px;
}
.hd-card .fvt{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  color:#9aa3c0;
  font-size:20px;
  cursor:pointer;
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  border:none;
  box-shadow:none;
  display:inline;
  align-items:initial;
  justify-content:initial;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  transition:color .2s, transform .2s;
}
.hd-card .fvt:hover{ color:#e91e63; transform:scale(1.15); }
.hd-card .fvt.active{ color:#e91e63; font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24; }
.hd-card-body{ padding:4px 7px 7px; display:flex; flex-direction:column; flex:1; }
.hd-card-title{
  font-size:11.5px;
  font-weight:700;
  color:var(--hd-text);
  margin:0 0 2px;
  line-height:1.25;
  min-height:22px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.hd-card-qty{ font-size:11px; color:var(--hd-muted); margin-bottom:1px; }
.hd-card-rating{ display:flex; align-items:center; gap:6px; margin-bottom:2px; }
.hd-stars{ font-size:12px; letter-spacing:1px; color:var(--hd-orange); }
.hd-count{ font-size:10.5px; color:var(--hd-muted); }
.hd-no-rev{ font-size:9.5px; font-weight:600; color:#999; font-style:italic; }
.hd-card-price{ display:flex; align-items:baseline; gap:7px; }
.hd-price{ font-size:14.5px; font-weight:900; color:var(--hd-text); letter-spacing:-.3px; }
.hd-mrp{ font-size:12px; color:#b6bdd4; }

/* List view */
.hd-grid.hd-list-view{ grid-template-columns:1fr; }
.hd-list-view .hd-card{ flex-direction:row; align-items:stretch; }
.hd-list-view .hd-card-media{ width:220px; aspect-ratio:auto; flex:none; }
.hd-list-view .hd-card-body{ padding:18px 22px; }
.hd-list-view .hd-card-title{ min-height:0; }

/* Empty state */
.hd-empty{
  grid-column:1/-1;
  text-align:center;
  padding:70px 20px;
  background:var(--hd-card);
  border:1px dashed #ccd3ec;
  border-radius:20px;
}
.hd-empty .material-symbols-outlined{ font-size:46px; color:#b6bdd4; }
.hd-empty h3{ font-size:18px; color:var(--hd-text); margin:12px 0 6px; }
.hd-empty p{ font-size:13.5px; color:var(--hd-muted); margin:0 0 18px; }
.hd-empty a{
  display:inline-block;
  text-decoration:none;
  color:#fff;
  font-weight:700;
  background:var(--hd-navy-grad);
  padding:11px 24px;
  border-radius:40px;
}

/* Pagination bar below the product grid.
   The main area is a flex column with a fixed height (= sidebar height) on
   desktop, so the grid (flex:1) fills the space and this bar is always pinned
   to the bottom — right at the level of the sidebar's "Clear all filters".
   It stays in the same spot on every page, even when a page has few products. */
.hd-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
  margin-top:10px;
  padding-bottom:6px;
  flex:none;
}
/* single page-number button (or prev/next arrow) */
.hd-page-btn{
  min-width:30px;
  height:30px;
  padding:0 9px;
  border:1px solid #d3d9ef;
  border-radius:9px;
  background:#fff;
  color:var(--hd-text);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:all .2s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.hd-page-btn:hover{
  border-color:var(--hd-navy);
  color:var(--hd-navy);
  background:var(--hd-soft);
}
/* current page -> filled navy pill */
.hd-page-btn.active{
  background:var(--hd-navy-grad);
  border-color:transparent;
  color:#fff;
  box-shadow:0 6px 16px rgba(31,47,143,.3);
  cursor:default;
}
/* "…" gap marker between far-apart page numbers */
.hd-page-ellipsis{
  min-width:18px;
  text-align:center;
  color:var(--hd-muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  user-select:none;
}

/* Mobile filter drawer */
.hd-drawer-overlay{
  position:fixed;
  inset:0;
  z-index:9000;
  display:none;
  background:rgba(15,20,45,.45);
  backdrop-filter:blur(2px);
}
.hd-drawer-overlay.show{ display:block; }
.hd-drawer{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  z-index:9001;
  width:min(320px,88vw);
  background:#f7f8fc;
  padding:18px;
  overflow-y:auto;
  transform:translateX(-105%);
  transition:transform .3s ease;
  box-shadow:0 0 60px rgba(0,0,0,.25);
}
.hd-drawer.show{ transform:translateX(0); }
.hd-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  font-weight:800;
  font-size:16px;
  color:var(--hd-text);
}
.hd-drawer-close{
  border:none;
  background:var(--hd-soft);
  border-radius:10px;
  width:34px;
  height:34px;
  cursor:pointer;
  color:var(--hd-navy);
  font-size:18px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1600px){
  .hd-grid{ grid-template-columns:repeat(5,1fr); }
}
@media (max-width:1360px){
  .hd-grid{ grid-template-columns:repeat(4,1fr); }
}
@media (max-width:1024px){
  .hd-cat-page{ grid-template-columns:1fr; }
  .hd-cat-side{ display:none; }
  .hd-filter-btn{ display:inline-flex; }
  .hd-mobile-bar{ display:flex; margin-bottom:14px; }
  .hd-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:768px){
  .hd-cat-page{ padding:16px 14px 40px; }
  .hd-grid{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .hd-list-view .hd-card-media{ width:140px; }
}
@media (max-width:460px){
  .hd-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .hd-card-title{ font-size:13px; }
  .hd-price{ font-size:16px; }
}