/* Module base */
.tdm_content{
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	margin: 20px auto 40px auto !important; 
	padding: 25px 30px 40px 30px !important; 
	position: relative; 
	display: block !important; 
	background: #ffffff; 
	border: 1px solid #e1e8ed; 
	border-radius: 12px; 
	box-shadow: 0 8px 25px rgba(0,0,0,0.1); 
	transition: box-shadow 0.3s ease;
}

.tdm_content:hover {
    box-shadow: 0 12px 35px rgba(0,0,0,0.15);
}
table{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:14px; border-collapse:collapse; width:100%; margin:10px 0;}
table th, table td {padding: 12px 15px; text-align: left; border-bottom: 1px solid #e9ecef;}
table th {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); font-weight: 600; color: #495057;}
table tr:hover {background-color: #f8f9fa;}
.tdm_content h1{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; display:inline-block; color:#2c3e50; line-height:24px; font-weight:600; font-size:22px !important; text-shadow:0px 0px 2px #ffffff; margin:20px 0px 15px 0px; }
.tdm_content h1 b{color:#e74c3c !important;}
.tdm_content h1 span{font-size:14px !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; color:#7f8c8d !important;}
.tdm_content h2{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; color:#34495e !important; font-weight:600; font-size:16px !important; text-shadow:0px 0px 2px #ffffff;}
.tdm_content a{color:#0086a7; text-decoration:none;}
.tclear{clear:both;}
.fnta{font-family:Arial!important;}
.gtx1{color:#b4b4b4;} .gtx2{color:#838383;} .gtx3{color:#4c4c4c;}
.tderror{color:#ffffff; clear:both!important; text-shadow:1px 1px 1px #1C1C1C; font-family:Verdana; line-height:20px; background-image: linear-gradient(0deg,#c6673c,#f6b698); margin:10px 20px 16px 0px; font-size:13px; padding:8px 16px 8px 16px; display:inline-block;   box-shadow:inset 0 0 0 1px #faad8a, 0 0 0 1px #c87e5e, 2px 2px 4px rgba(0,0,0,0.3); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.tderror a{color:#ffffff!important; text-shadow:1px 1px 2px #cc0000!important;}
.tderror a:hover{text-decoration:underline!important;}
.tdnote{color:#ffffff; text-shadow:1px 1px 2px #000000; font-family:Verdana; margin:4px 20px 16px 0px; clear:both!important; font-size:12px; padding:8px 16px 8px 16px; background-image: linear-gradient(0deg,#659f22,#b3df81); display:inline-block; box-shadow:inset 0 0 0 1px #9cca67, 0 0 0 1px #648643, 2px 2px 4px rgba(0,0,0,0.3); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.tdnote a{color:#ffffff!important;}
.tdm_content hr{padding:0px!important; margin:6px 0px 18px 0px!important; color:#ffffff!important; height:1px!important; background:#ffffff!important; border-bottom:1px solid #c3c3c3!important; border-top:0px!important; border-left:0px!important; border-right:0px!important;}
.tarig{text-align:right;}
.hlight{color:#e10202!important; font-family:Courier New!important; text-decoration:none!important; text-shadow:1px 1px 2px #ffffff;}
.hlight:hover{text-decoration:underline!important;}
.empty{font-style:italic; color:#838383;}
.codetext{font-family:Courier New; text-decoration:none;}
.nowrp{white-space:nowrap;}
.dblock{display:block;}
.flrig{float:right; display:block;}
.tiptext{font-size:11px; color:#747474;} .tiptext a{color:#747474;}
.bglink{color:#434343 !important; text-decoration:none; font-size:14px;  margin-left:10px;}
.bglink:hover{color:#0e47a5 !important; text-shadow:1px 1px 3px #ffffff!important;text-decoration:none!important;  margin-left:0px;}
.SeoText{padding:10px 0px 20px 0px;}
.option_clear{float:left; width:16px; height:16px; margin-right:4px;}
.editprice{color:#379C08!important; text-decoration:none;} .editprice:hover{text-decoration:underline;}
.breadcumbs{margin:0px 0px 10px 0px; font-size:12px; font-family:Arial; color:#c1c1c1;}
.breadcumbs a{color:#5e5e5e;} .breadcumbs a:hover{color:#0e47a5 !important; text-shadow:1px 1px 3px #ffffff!important;text-decoration:none!important;}
.autopic{width:90px; height:90px; right:20px; top:0px; position:absolute; background-position:center center!important; background-repeat:no-repeat!important;}
.tdsform{
    font-size: 16px !important; 
    padding: 10px 15px !important; 
    margin: 0px 0px 10px 0px !important; 
    border: 2px solid #ced4da; 
    border-radius: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease;
}

.tdsform:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.25);
    outline: none;
}

.tdsbut{
    font-size: 16px !important; 
    padding: 10px 20px !important; 
    margin: 0px 0px 10px 0px !important; 
    border: 2px solid #007bff; 
    border-radius: 8px; 
    cursor: pointer; 
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tdsbut:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,123,255,0.4);
}

/* Tips */
.tdmtiplay{display:none; position:absolute; border:1px solid #b3b392; background-color:#ffffe1; padding:10px;	color:#292929;	font-family:Verdana; font-size:12px; line-height:13px; z-index:9999;
	border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
	
/* Pagination */
.pagination{margin:0px 0px 15px 0px; float:left; border:0px solid #000;}
.pagination .pagetext{float:left; margin:10px 8px 0px 0px;}
.pagination .totaltext{float:left; margin:10px 0px 0px 15px;}
.pagination .diapazon{float:left; padding:0px 6px 0px 6px; margin-top:10px;}
.pagination a{display:block; float:left; padding:5px 6px 5px 6px; margin:4px 2px 4px 2px; color:#000!important; font-family:Arial; transition:all 0.3s ease-in-out;
	background:#e0e0e0;border:1px solid #ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
.pagination a:hover{color:#fff!important; text-decoration:none; background:#6195e8;}
.pagination .active{color:#000!important; font-weight:bold;
	background:#fff;-moz-box-shadow:0px 0px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 0px rgba(0,0,0,0.2);
}
.pagination .active:hover{cursor:default!important; color:#000!important; background:#fff!important;}

/* Catalog table */
.corp_table{font-family:Verdana; font-size:12px; color:#464646!important; border-collapse:collapse;}
.corp_table .head td{height:40px; padding:0px 6px 0px 6px; border-right:1px solid #d9d9d9; background:#ffffff url(images/gradient.png) left bottom repeat-x!important; vertical-align:middle!important;}
.corp_table .gtr:hover{background:#e7f2f4 !important;}
.corp_table .gtr a:hover{text-decoration:none !important;}
.corp_table .pads td{padding:4px 10px 4px 10px!important;}


/* Prices options */
.opstab{padding:0px!important; margin:0px!important;border-collapse:collapse!important; min-width:1px!important; }
.option_SET{float:left; color:#000!important; padding:1px 2px 1px 2px; line-height:16px; background:#F2D5C9; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_WEIGHT{float:left; color:#000!important; padding:1px 2px 1px 2px; line-height:16px; background:#DAF0CC; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_USED{float:left; color:#000!important; padding:1px 3px 1px 3px; line-height:16px; background:#CCDDF0; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_RESTORED{background:url('images/restored.png') no-repeat; float:left; width:16px; height:16px; margin-right:4px;}
.option_DAMAGED{background:url('images/damaged.png') no-repeat; float:left; width:16px; height:16px; margin-right:4px;}
.option_NORETURN{background:url('images/noreturn.png') no-repeat; float:left; width:16px; height:16px; margin-right:4px;}
.option_COPY{background:url('images/copy.png') no-repeat; float:left; width:16px; height:16px; margin-right:4px;}
.option_HOT{background:url('images/hot.png') no-repeat; float:left; width:16px; height:16px; margin-right:4px;}
.option_PERCENTGIVE{float:left; color:#000!important; padding:1px 2px 1px 2px; line-height:16px; background:#E7CCF0; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_MINIMUM{float:left; color:#000!important; padding:1px 2px 1px 2px; line-height:16px; background:#CCF0EE; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_LITERS{float:left; color:#000!important; padding:1px 2px 1px 2px; line-height:16px; background:#F0E0CC; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}
.option_PRICE_ID{float:left; color:#000!important; padding:1px 3px 1px 3px; line-height:16px; border-radius:4px; font-size:11px; font-family:Calibri; white-space:Arial; cursor:default; margin-right:4px; white-space:nowrap;}

/* ARTICLE kinde names */
.artkind_trade{color:#0065D9;}
.artkind_original{color:#DE4A00;}
.artkind_analog{color:#278A00;}
.artkind_barcode{color:#A400D1;}

/* Characteristics table */
.chartab{margin:0px 0px 20px 0px; box-shadow:4px 4px 2px #d3d3d3; border-collapse:collapse;}
.chartab td{font-size:11px; background:#EDEDED; padding:6px 10px 6px 10px; border:1px solid #a8a8a8;}
.chartab a{color:#326390; text-decoration:none;}
.chartab .head td{font-weight:bold; font-size:12px; cursor:pointer; white-space:nowrap; height:37px; text-shadow:1px 1px 1px #ffffff; border-top:0px solid #a8a8a8;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#B3B3B3));
	background-image: linear-gradient(#fff, #B3B3B3);
}
.chartab a:hover{color:#D13000; text-decoration:underline;}
.chartab .rows:hover td{background:#ffffff!important;}
.chartab tr td:first-child{border-left:0px!important;}
.chartab tr td:last-child{border-right:0px!important;}
.chartab_b td{font-size:14px!important;}

/* Add to cart buttons */
.tdcartadd{display:block!important; background:url('images/cart.gif') no-repeat; width:19px; height:19px;}
.tdcartadd:hover{background:url('images/carth.gif');}
.tdcartadded{background:url('images/badd.png') no-repeat; width:19px; height:19px;}
.tdorder{display:block!important; float:right; color:#000!important; padding:4px 38px 0px 10px; background:#CFD7E3 url('images/cart.gif'); height:19px;
	margin:10px 10px 6px 0px; background-position:right 10px top; background-repeat:no-repeat; border:1px solid #fff; border-radius:8px; box-shadow:2px 2px 3px #d3d3d3;  clear:both; 
}
.tdorder:hover{background:#E3D2CF url('images/carth.gif'); color:#AB2500!important; background-position:right 10px top; background-repeat:no-repeat; box-shadow:0px 0px 0px #d3d3d3;}
.tdordered{background:url('images/badd.png') no-repeat; width:19px; height:19px;}

/* User Header Styles */
.user-header {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 2px solid #0056b3;
}

.header-logo h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.header-nav {
    display: flex;
    gap: 25px;
}

.nav-link {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 6px;
    transition: all 0.3s ease;
    position: relative;
}

.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transform: translateY(-1px);
}

.nav-link:active {
    transform: translateY(0);
}

.header-spacer {
    height: 90px; /* Adjust based on header height */
}

/* General Body Improvements */
body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

/* Responsive Design */
@media (max-width: 768px) {
    .user-header {
        padding: 10px 15px;
        flex-direction: column;
        gap: 10px;
    }
    
    .header-logo h2 {
        font-size: 24px;
    }
    
    .header-nav {
        gap: 15px;
    }
    
    .nav-link {
        font-size: 16px;
        padding: 6px 12px;
    }
    
    .header-spacer {
        height: 120px;
    }
}