.elementor-272 .elementor-element.elementor-element-1039bf63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-272 .elementor-element.elementor-element-1039bf63:not(.elementor-motion-effects-element-type-background), .elementor-272 .elementor-element.elementor-element-1039bf63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0cb35d7 );}.elementor-272 .elementor-element.elementor-element-2003ed65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-272 .elementor-element.elementor-element-2003ed65.e-con{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-272 .elementor-element.elementor-element-834197e .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-272 .elementor-element.elementor-element-834197e .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-272 .elementor-element.elementor-element-834197e .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-viewport, .woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-control-thumbs img{border-style:none;}.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-viewport:not(:last-child){margin-bottom:6px;}.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-control-thumbs img{border-style:none;}.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-control-thumbs li{padding-right:calc(6px / 2);padding-left:calc(6px / 2);padding-bottom:6px;}.woocommerce .elementor-272 .elementor-element.elementor-element-a8a40a0 .flex-control-thumbs{margin-right:calc(-6px / 2);margin-left:calc(-6px / 2);}.elementor-272 .elementor-element.elementor-element-381373b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-272 .elementor-element.elementor-element-66a7277a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-272 .elementor-element.elementor-element-e21ae34{padding:25px 0px 0px 0px;}.elementor-272 .elementor-element.elementor-element-e21ae34 .woocommerce-breadcrumb{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-272 .elementor-element.elementor-element-37a0bf0{padding:20px 0px 0px 0px;text-align:left;}.elementor-272 .elementor-element.elementor-element-37a0bf0 .elementor-heading-title{font-family:var( --e-global-typography-2f3ff88-font-family ), Sans-serif;font-size:var( --e-global-typography-2f3ff88-font-size );font-weight:var( --e-global-typography-2f3ff88-font-weight );line-height:var( --e-global-typography-2f3ff88-line-height );color:#888888;}.elementor-272 .elementor-element.elementor-element-37a0bf0 .elementor-heading-title a:hover, .elementor-272 .elementor-element.elementor-element-37a0bf0 .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-272 .elementor-element.elementor-element-1a7bf42d{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-272 .elementor-element.elementor-element-4cc9336{--display:flex;}.elementor-272 .elementor-element.elementor-element-d04f2fe{--display:flex;}.elementor-272 .elementor-element.elementor-element-92e8652{--display:flex;}.elementor-272 .elementor-element.elementor-element-95a4f72{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:20px;--n-tabs-gap:20px;}:where( .elementor-272 .elementor-element.elementor-element-95a4f72.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-272 .elementor-element.elementor-element-79730e54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-272 .elementor-element.elementor-element-a037553{text-align:left;}.elementor-272 .elementor-element.elementor-element-a037553 .elementor-heading-title{font-family:var( --e-global-typography-3d7f757-font-family ), Sans-serif;font-size:var( --e-global-typography-3d7f757-font-size );font-weight:var( --e-global-typography-3d7f757-font-weight );line-height:var( --e-global-typography-3d7f757-line-height );color:var( --e-global-color-secondary );}.elementor-272 .elementor-element.elementor-element-4dbae2b6{--grid-columns:4;--grid-column-gap:20px;}.elementor-272 .elementor-element.elementor-element-4dbae2b6 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-272 .elementor-element.elementor-element-4dbae2b6 .e-loop-item > .elementor-section, .elementor-272 .elementor-element.elementor-element-4dbae2b6 .e-loop-item > .elementor-section > .elementor-container, .elementor-272 .elementor-element.elementor-element-4dbae2b6 .e-loop-item > .e-con, .elementor-272 .elementor-element.elementor-element-4dbae2b6 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-272 .elementor-element.elementor-element-2003ed65{--width:37%;}.elementor-272 .elementor-element.elementor-element-381373b7{--width:63%;}}@media(max-width:1024px) and (min-width:768px){.elementor-272 .elementor-element.elementor-element-2003ed65{--width:100%;}.elementor-272 .elementor-element.elementor-element-381373b7{--width:100%;}}@media(max-width:1024px){.elementor-272 .elementor-element.elementor-element-1039bf63{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-e21ae34 .woocommerce-breadcrumb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-272 .elementor-element.elementor-element-37a0bf0 .elementor-heading-title{font-size:var( --e-global-typography-2f3ff88-font-size );line-height:var( --e-global-typography-2f3ff88-line-height );}.elementor-272 .elementor-element.elementor-element-1a7bf42d{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-79730e54{--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-272 .elementor-element.elementor-element-a037553 .elementor-heading-title{font-size:var( --e-global-typography-3d7f757-font-size );line-height:var( --e-global-typography-3d7f757-line-height );}.elementor-272 .elementor-element.elementor-element-4dbae2b6{--grid-columns:3;}}@media(max-width:767px){.elementor-272 .elementor-element.elementor-element-e21ae34 .woocommerce-breadcrumb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-272 .elementor-element.elementor-element-37a0bf0 .elementor-heading-title{font-size:var( --e-global-typography-2f3ff88-font-size );line-height:var( --e-global-typography-2f3ff88-line-height );}.elementor-272 .elementor-element.elementor-element-a037553 .elementor-heading-title{font-size:var( --e-global-typography-3d7f757-font-size );line-height:var( --e-global-typography-3d7f757-line-height );}.elementor-272 .elementor-element.elementor-element-4dbae2b6{--grid-columns:1;}}/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-2612dea */.woocommerce table.shop_attributes th {
  width: 30%;

  font-weight: 700;

  padding: 8px;

    padding-left: 8px;

  border-top: 0;

  border-bottom: 1px dotted rgba(0,0,0,.1);

  margin: 0;

  line-height: 1.5;

  text-align: left;

  background: none;

  border: none;

  padding-left: 20px;

}



.woocommerce table.shop_attributes td {
  font-style: normal;
  padding: 0;
    padding-left: 0px;
  border-top: 0;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin: 0;
  line-height: 1.5;
  padding-left: 20px;
  border: none;
  background: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e8652 */.documents-tabs h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.documents-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.documents-tabs ul li {
  margin-bottom: 0.75rem;
}

.documents-tabs ul li a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  color: #0066cc;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 0.95rem;
}

.documents-tabs ul li a:hover {
  background-color: #e6f0ff;
  border-left-color: #0052a3;
  color: #0052a3;
  transform: translateX(5px);
}


.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

//* Стили для документов с SVG иконками */

.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* PDF - КРАСНЫЙ */
.documents-tabs ul li a[href$=".pdf"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23E74C3C" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23E74C3C"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PDF</text></svg>');
}

/* DOC - СИНИЙ */
.documents-tabs ul li a[href$=".doc"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOC</text></svg>');
}

/* DOCX - СИНИЙ */
.documents-tabs ul li a[href$=".docx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOCX</text></svg>');
}

/* XLS - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xls"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLS</text></svg>');
}

/* XLSX - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xlsx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLSX</text></svg>');
}

/* PPT - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".ppt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPT</text></svg>');
}

/* PPTX - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".pptx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPTX</text></svg>');
}

/* ZIP - СЕРЫЙ */
.documents-tabs ul li a[href$=".zip"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">ZIP</text></svg>');
}

/* RAR - СЕРЫЙ */
.documents-tabs ul li a[href$=".rar"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">RAR</text></svg>');
}

/* TXT - ЧЕРНЫЙ */
.documents-tabs ul li a[href$=".txt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23424242" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23424242"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">TXT</text></svg>');
}

/* CSV - ЗЕЛЕНЫЙ (как Excel) */
.documents-tabs ul li a[href$=".csv"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">CSV</text></svg>');
}

/* Стандартная иконка для неизвестных файлов */
.documents-tabs ul li a:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%236C757D" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%236C757D"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">📄</text></svg>');
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-2612dea */.woocommerce table.shop_attributes th {
  width: 30%;

  font-weight: 700;

  padding: 8px;

    padding-left: 8px;

  border-top: 0;

  border-bottom: 1px dotted rgba(0,0,0,.1);

  margin: 0;

  line-height: 1.5;

  text-align: left;

  background: none;

  border: none;

  padding-left: 20px;

}



.woocommerce table.shop_attributes td {
  font-style: normal;
  padding: 0;
    padding-left: 0px;
  border-top: 0;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin: 0;
  line-height: 1.5;
  padding-left: 20px;
  border: none;
  background: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e8652 */.documents-tabs h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.documents-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.documents-tabs ul li {
  margin-bottom: 0.75rem;
}

.documents-tabs ul li a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  color: #0066cc;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 0.95rem;
}

.documents-tabs ul li a:hover {
  background-color: #e6f0ff;
  border-left-color: #0052a3;
  color: #0052a3;
  transform: translateX(5px);
}


.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

//* Стили для документов с SVG иконками */

.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* PDF - КРАСНЫЙ */
.documents-tabs ul li a[href$=".pdf"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23E74C3C" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23E74C3C"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PDF</text></svg>');
}

/* DOC - СИНИЙ */
.documents-tabs ul li a[href$=".doc"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOC</text></svg>');
}

/* DOCX - СИНИЙ */
.documents-tabs ul li a[href$=".docx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOCX</text></svg>');
}

/* XLS - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xls"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLS</text></svg>');
}

/* XLSX - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xlsx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLSX</text></svg>');
}

/* PPT - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".ppt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPT</text></svg>');
}

/* PPTX - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".pptx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPTX</text></svg>');
}

/* ZIP - СЕРЫЙ */
.documents-tabs ul li a[href$=".zip"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">ZIP</text></svg>');
}

/* RAR - СЕРЫЙ */
.documents-tabs ul li a[href$=".rar"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">RAR</text></svg>');
}

/* TXT - ЧЕРНЫЙ */
.documents-tabs ul li a[href$=".txt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23424242" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23424242"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">TXT</text></svg>');
}

/* CSV - ЗЕЛЕНЫЙ (как Excel) */
.documents-tabs ul li a[href$=".csv"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">CSV</text></svg>');
}

/* Стандартная иконка для неизвестных файлов */
.documents-tabs ul li a:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%236C757D" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%236C757D"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">📄</text></svg>');
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-2612dea */.woocommerce table.shop_attributes th {
  width: 30%;

  font-weight: 700;

  padding: 8px;

    padding-left: 8px;

  border-top: 0;

  border-bottom: 1px dotted rgba(0,0,0,.1);

  margin: 0;

  line-height: 1.5;

  text-align: left;

  background: none;

  border: none;

  padding-left: 20px;

}



.woocommerce table.shop_attributes td {
  font-style: normal;
  padding: 0;
    padding-left: 0px;
  border-top: 0;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin: 0;
  line-height: 1.5;
  padding-left: 20px;
  border: none;
  background: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e8652 */.documents-tabs h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.documents-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.documents-tabs ul li {
  margin-bottom: 0.75rem;
}

.documents-tabs ul li a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  color: #0066cc;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 0.95rem;
}

.documents-tabs ul li a:hover {
  background-color: #e6f0ff;
  border-left-color: #0052a3;
  color: #0052a3;
  transform: translateX(5px);
}


.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

//* Стили для документов с SVG иконками */

.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* PDF - КРАСНЫЙ */
.documents-tabs ul li a[href$=".pdf"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23E74C3C" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23E74C3C"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PDF</text></svg>');
}

/* DOC - СИНИЙ */
.documents-tabs ul li a[href$=".doc"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOC</text></svg>');
}

/* DOCX - СИНИЙ */
.documents-tabs ul li a[href$=".docx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOCX</text></svg>');
}

/* XLS - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xls"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLS</text></svg>');
}

/* XLSX - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xlsx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLSX</text></svg>');
}

/* PPT - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".ppt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPT</text></svg>');
}

/* PPTX - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".pptx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPTX</text></svg>');
}

/* ZIP - СЕРЫЙ */
.documents-tabs ul li a[href$=".zip"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">ZIP</text></svg>');
}

/* RAR - СЕРЫЙ */
.documents-tabs ul li a[href$=".rar"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">RAR</text></svg>');
}

/* TXT - ЧЕРНЫЙ */
.documents-tabs ul li a[href$=".txt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23424242" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23424242"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">TXT</text></svg>');
}

/* CSV - ЗЕЛЕНЫЙ (как Excel) */
.documents-tabs ul li a[href$=".csv"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">CSV</text></svg>');
}

/* Стандартная иконка для неизвестных файлов */
.documents-tabs ul li a:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%236C757D" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%236C757D"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">📄</text></svg>');
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-2612dea */.woocommerce table.shop_attributes th {
  width: 30%;

  font-weight: 700;

  padding: 8px;

    padding-left: 8px;

  border-top: 0;

  border-bottom: 1px dotted rgba(0,0,0,.1);

  margin: 0;

  line-height: 1.5;

  text-align: left;

  background: none;

  border: none;

  padding-left: 20px;

}



.woocommerce table.shop_attributes td {
  font-style: normal;
  padding: 0;
    padding-left: 0px;
  border-top: 0;
  border-bottom: 1px dotted rgba(0,0,0,.1);
  margin: 0;
  line-height: 1.5;
  padding-left: 20px;
  border: none;
  background: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e8652 */.documents-tabs h3 {
  color: #1a1a1a;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.documents-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.documents-tabs ul li {
  margin-bottom: 0.75rem;
}

.documents-tabs ul li a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  color: #0066cc;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 0.95rem;
}

.documents-tabs ul li a:hover {
  background-color: #e6f0ff;
  border-left-color: #0052a3;
  color: #0052a3;
  transform: translateX(5px);
}


.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

//* Стили для документов с SVG иконками */

.documents-tabs ul li a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* PDF - КРАСНЫЙ */
.documents-tabs ul li a[href$=".pdf"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23E74C3C" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23E74C3C"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PDF</text></svg>');
}

/* DOC - СИНИЙ */
.documents-tabs ul li a[href$=".doc"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOC</text></svg>');
}

/* DOCX - СИНИЙ */
.documents-tabs ul li a[href$=".docx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%232E75B6" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%232E75B6"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">DOCX</text></svg>');
}

/* XLS - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xls"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLS</text></svg>');
}

/* XLSX - ЗЕЛЕНЫЙ */
.documents-tabs ul li a[href$=".xlsx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">XLSX</text></svg>');
}

/* PPT - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".ppt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPT</text></svg>');
}

/* PPTX - ОРАНЖЕВЫЙ */
.documents-tabs ul li a[href$=".pptx"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23ED7D31" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23ED7D31"/><text x="50%25" y="50%25" font-size="6" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">PPTX</text></svg>');
}

/* ZIP - СЕРЫЙ */
.documents-tabs ul li a[href$=".zip"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="7" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">ZIP</text></svg>');
}

/* RAR - СЕРЫЙ */
.documents-tabs ul li a[href$=".rar"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%238B8B8B" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%238B8B8B"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">RAR</text></svg>');
}

/* TXT - ЧЕРНЫЙ */
.documents-tabs ul li a[href$=".txt"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%23424242" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%23424242"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">TXT</text></svg>');
}

/* CSV - ЗЕЛЕНЫЙ (как Excel) */
.documents-tabs ul li a[href$=".csv"]:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%2370AD47" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%2370AD47"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">CSV</text></svg>');
}

/* Стандартная иконка для неизвестных файлов */
.documents-tabs ul li a:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" fill="%236C757D" rx="3"/><path d="M6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" fill="%236C757D"/><text x="50%25" y="50%25" font-size="8" fill="white" font-weight="bold" text-anchor="middle" dominant-baseline="central">📄</text></svg>');
}/* End custom CSS */