@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,700');
/* Breadcrumbs: show in-landing path (canvas-print-page.phtml); hide duplicate from col1 layout */
.new-desing-layout .main > .breadcrumbs, .new-desing-layout .page-title.category-title { display: block !important; margin: 0; background: #f9f9f9;}
.new-desing-layout .main > .breadcrumbs ul, .new-desing-layout .page-title.category-title h1{max-width: 1200px; margin-inline: auto; margin-bottom: 0;}
.new-desing-layout .main > .breadcrumbs ul{margin-bottom: 10px !important;}
.new-desing-layout .main > .breadcrumbs ul li{text-transform: capitalize !important;}
.new-desing-layout .main > .breadcrumbs ul li.home a{color:#252525; text-decoration: underline;}
.new-desing-layout .main > .breadcrumbs ul li.home a:hover{text-decoration: none;}
.new-desing-layout .main > .breadcrumbs span{padding-inline: 10px !important;}
.new-desing-layout .page-title h1{text-transform: capitalize !important; font-size: 37px; padding-bottom: 0;}
.canvas-print-breadcrumbs-outer { background: #F9F9F9; padding: 8px 0 0; }
.canvas-print-breadcrumbs-outer .breadcrumbs { margin: 0; }
.homepage_banner {background: #F9F9F9; padding-block: 20px; border-bottom: none !important;}
.homepage_banner .new_ch_container{display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 20px;}
.homepage_banner .hero img{width: 100%; height: auto;}
.pricing-panel { background: #ffff; display: flex; flex-direction: column; width: 500px; padding: 20px; height: auto;}
.panel-sub-title { text-align: center; font-family: "graphikmedium"; font-size: 18px; color: #252525; margin-bottom: 0 !important;}
.panel-title { text-align: center; font-family: "graphikbold"; text-transform: uppercase; color: #252525; font-size: 36px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.new-desing-layout .panel-sub-title, .new-desing-layout .panel-title{display: none !important;}
/* GRID */
.price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: transparent; border: none;}
.price-cell { background: #ffffff; padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; cursor: pointer; border: 1px solid #E5E5E5; border-radius: 3px;}
.price-cell:hover { border-color: #C3A058; }
.price-cell.active { border-color: #C3A058; border-width: 1px; }
.cell-top { display: flex; align-items: baseline; justify-content: space-between;}
.cell-size { font-family: 'Work Sans', sans-serif; font-size: 18px; color: #888;}
.orig-price { font-size: 16px; font-family: 'Work Sans', sans-serif; color: #888; text-decoration: line-through;}
.cell-bottom { display: flex; align-items: center; justify-content: space-between; gap: 6px;}
.badge { display: inline-block; position: relative; background: #C3A058; font-family: 'Circular Std', sans-serif; color: #ffffff; font-size: 12px; padding: 4px 14px 4px 8px; white-space: nowrap; line-height: 12px; clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);}
.sale-price { font-family: 'graphikregular'; font-size: 36px; color: #C3A058; line-height: 0.7;}
.bottom-bar { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid #E5E5E5;}
.bottom-left { display: flex; flex-direction: column; gap: 6px; }
.bottom-pricing { display: flex; align-items: baseline; gap: 10px;}
.bottom-orig { font-size: 16px; font-family: 'Work Sans', sans-serif; color: #252525; text-decoration: line-through;}
.bottom-sale { font-size: 36px; font-family: 'graphikregular'; color: #C3A058; line-height: 1;}
.bottom-badges { display: flex; align-items: center; gap: 8px;}
.badge-off { display: inline-block; position: relative; background: #C3A058; color: #ffffff; font-family: 'Circular Std', sans-serif; font-size: 11px; line-height: 11px; font-weight: bold; padding: 4.5px 14px 4.5px 8px; white-space: nowrap; clip-path: polygon(   0 0,   calc(100% - 8px) 0,   100% 50%,   calc(100% - 8px) 100%,   0 100% );}
.badge-guarantee { background: #F4E8D0; color: #946F21; font-size: 11px; line-height: 11px; font-family: 'Work Sans', sans-serif; font-weight: 500; text-transform: uppercase; padding: 4.5px 8px;}
.btn-order { font-family: 'Work Sans', sans-serif; font-size: 16px; color: #FFEABF; background: #252525; padding: 8px 35px; border: none; border-radius: 20px; cursor: pointer; transition: background 0.2s, transform 0.15s;}
.btn-order:hover { background:#C3A058; color: #ffffff;}
.ships-row { padding: 10px 0; display: flex; align-items: center; gap: 6px; font-size: 16px; color: #888; font-family: 'Work Sans', sans-serif;}
.ships-row .divider { color: #888; margin: 0 4px; }
.ships-row a { color: #bf0303; text-decoration: none; display: flex; align-items: center; gap: 4px;}
.ships-row a:hover { text-decoration: underline; }
/* @media only screen and (max-width:1670px){
  .homepage_banner .hero .flexslider{height:auto}
  .pricing-panel{padding: 15px; height: auto;}
  .price-cell{padding: 5px 12px 8px;}
  .sale-price, .bottom-sale{font-size: 26px;}
  .panel-title{font-size: 30px;}
  .panel-sub-title, .cell-size{font-size: 16px;}
  .bottom-left{gap: 0;}
  .ships-row{padding-bottom: 0;}
  .btn-order{padding-inline: 20px; font-size: 14px}
}
@media only screen and (max-width:1440px){
  .panel-title{font-size: 24px;}
  .panel-sub-title, .cell-size, .orig-price, .bottom-orig{font-size: 13px;}
  .sale-price, .bottom-sale{font-size: 20px;}
  .btn-order{padding: 8px 15px; font-size: 13px;}
  .ships-row{padding-top: 5px;}
  .badge{padding-block: 3px;}
}*/
@media only screen and (max-width:1370px){
  .new-desing-layout .page-title h1{font-size: 24px;}
} 

@media only screen and (max-width:1024px){
  .homepage_banner .new_ch_container{flex-direction: column; background: #f9f9f9 !important; display: flex;}
  .homepage_banner .hero{width: 100%;}
  .pricing-panel{padding: 10px; height: auto; width: 100%; margin-bottom: 20px;}
  .new-desing-layout .main > .breadcrumbs ul, .new-desing-layout .page-title.category-title h1{padding-inline: 15px;}
  .new-desing-layout .page-title h1{font-size: 22px;}
  .ships-row{font-size: 13px; justify-content: center;}
}
@media only screen and (max-width:479px){
  .homepage_banner .new_ch_container{padding-inline: 15px;}
  .panel-sub-title, .cell-size, .orig-price, .bottom-orig{font-size: 12px;}
  .price-cell{padding-inline: 8px;}
  .badge{font-size: 11px;line-height: 11px;padding-block:4px; padding-right: 10px;}
  .sale-price, .bottom-sale {font-size: 16px; font-family: 'graphikmedium'; }
  .btn-order{width: 100%;}
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 48px;
  column-gap: 20px;
}

.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
}

.feature-icon-wrap {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: #fff;
  flex-shrink: 0;
  transition: box-shadow 0.2s;
}
.feature-card:hover .feature-icon-wrap{
  border-color: #C3A058;
}

.feature-icon-wrap svg {
  width: 48px;
  height: 48px;
  filter:brightness(0)
}
.feature-card:hover .feature-icon-wrap svg{
  filter:unset;
}

.feature-title {
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
  color: #252525;
  margin-bottom: 8px;
}
.feature-card:hover .feature-title {
  color: #C3A058;
}
.feature-desc {
  color: #888;
}

@media (max-width: 900px) {
  .features-section { padding: 40px 24px 48px; }
  .features-grid { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
}

@media (max-width: 480px) {
  .features-grid { grid-template-columns: repeat(1, 1fr); column-gap:0; row-gap: 10px; }
  .feature-icon-wrap { width: 70px; height: 70px; }
  .feature-icon-wrap svg { width: 30px; height: 30px; }
}