@charset "utf-8";

/* Dolugo Partner Responsive CSS Variables */
:root {
    /* Responsive Breakpoints */
    --dolugo-breakpoint-xs: 480px;
    --dolugo-breakpoint-sm: 768px;
    --dolugo-breakpoint-md: 1024px;
    --dolugo-breakpoint-lg: 1200px;
    --dolugo-breakpoint-xl: 1400px;
    
    /* Responsive Spacing */
    --dolugo-spacing-xs: 0.25rem;   /* 4px */
    --dolugo-spacing-sm: 0.5rem;    /* 8px */
    --dolugo-spacing-md: 1rem;      /* 16px */
    --dolugo-spacing-lg: 1.5rem;    /* 24px */
    --dolugo-spacing-xl: 2rem;      /* 32px */
    --dolugo-spacing-2xl: 3rem;     /* 48px */
    
    /* Responsive Typography */
    --dolugo-font-size-xs: 0.75rem;   /* 12px */
    --dolugo-font-size-sm: 0.875rem;  /* 14px */
    --dolugo-font-size-base: 1rem;    /* 16px */
    --dolugo-font-size-lg: 1.125rem;  /* 18px */
    --dolugo-font-size-xl: 1.25rem;   /* 20px */
    --dolugo-font-size-2xl: 1.5rem;   /* 24px */
    --dolugo-font-size-3xl: 1.875rem; /* 30px */
    
    /* Responsive Container Widths */
    --dolugo-container-xs: 100%;
    --dolugo-container-sm: 540px;
    --dolugo-container-md: 720px;
    --dolugo-container-lg: 960px;
    --dolugo-container-xl: 1140px;
}

#modernpanel .ui-state-active {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
}

.ui-state-hover {
    color: #667eea;
}

.dolugo-categories-selector {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem 0;
  	padding: 0 30px;
  	gap: 2rem;
}

.dolugo-faq-title,
.dolugo-accordion-header {
    margin-bottom: 1rem !important;
}

.modernclient-rightcon {
    padding-bottom: unset !important;
}

#modernpanel #dashboard_button_close {
	display: none;
}

.dolugo-page-subtitle {
	text-align: center;
  	margin-top: 1rem;
}

/* Base Responsive Styles */
body {
    font-family: 'Titillium Web', sans-serif;
    font-size: var(--dolugo-font-size-base);
    line-height: 1.6;
    color: #374151;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-repeat: repeat-x;
    

}
#muspanel {
    background-image: url(../images/cloudbg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    

}

#wrapper {
    width: 85%;
    max-width: var(--dolugo-container-xl);
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--dolugo-spacing-md);
    

}
/* Responsive Form Elements */
a, img, input, select, textarea {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a {
    color: #374151;
    text-decoration: none;
    

}

input, select, textarea {
    font-family: 'Titillium Web', sans-serif;
    outline: none;
    padding: 10px;
    font-size: var(--dolugo-font-size-base);
    color: #667eea;
    border: 1px solid #ccc;
    border-radius: 6px;
    

}

input, textarea {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: none;
    border: 1px solid #444;
    
    /* Responsive focus states */
    &:focus {
        border-color: #10b981;
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
    }
}
::-webkit-input-placeholder{color:rgba(0,0,0,0.35);}
:-moz-placeholder{color:rgba(0,0,0,0.35);}
::-moz-placeholder{color:rgba(0,0,0,0.35);}
:-ms-input-placeholder{color:rgba(0,0,0,0.35);}
textarea{resize:vertical}
p {line-height:23px;}
.zorunlu{font-weight:bolder;color:red}
.notice{color:orange;font-weight:700;display:inline-block}
.error{color:#f44336;font-weight:700}
.complete{color:green;font-weight:700;display:inline-block}
.red-info{display:inline-block;width:100%;color:#f44336;border:1px solid #f44336;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.orange-info{display:inline-block;width:100%;color:#FF9800;border:1px solid #FF9800;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.green-info{display:inline-block;width:100%;color:#4caf50;border:1px solid #4caf50;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.blue-info{display:inline-block;width:100%;color:#00bcd4;border:1px solid #00bcd4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.gray-info{display:inline-block;width:100%;color:#777;border:1px solid #777;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.green-info i{float:left;font-size:70px;margin:0 35px 17px 20px}
.red-info i{float:left;font-size:70px;margin:0 35px 17px 20px}
.selectalltext{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
.clear{clear:both}
.is-fixed{position:fixed;top:20px;width:258px}
/* Responsive Typography */
h1, h2, h3, h4, h5 {
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 1.2;
}

h1 {
    font-size: var(--dolugo-font-size-3xl);
}

h2 {
    font-size: var(--dolugo-font-size-2xl);
}

h3 {
    font-size: var(--dolugo-font-size-xl);
    

}

h4 {
    font-size: var(--dolugo-font-size-lg);
}

h5 {
    font-size: var(--dolugo-font-size-base);
}
input:disabled{background:#eee;padding-left:10px;width:97%}
select:disabled{background:#eee;padding-left:10px}
textarea:disabled{background:#eee;padding-left:10px;width:97%}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-animation:autofill 0s forwards;animation:autofill 0s forwards}
@keyframes autofill{100%{background:transparent;color:inherit}
}
@-webkit-keyframes autofill{100%{background:transparent;color:inherit}
}
/* Responsive Padding Classes */
.padding5 {
    padding: var(--dolugo-spacing-xs);
}

.padding10 {
    padding: var(--dolugo-spacing-sm);
}

.padding15 {
    padding: var(--dolugo-spacing-md);
}

.padding20 {
    padding: var(--dolugo-spacing-lg);
}

.padding25 {
    padding: var(--dolugo-spacing-xl);
}

.padding30 {
    padding: var(--dolugo-spacing-2xl);
}


.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}
@keyframes jssorl-009-spin {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
/* Responsive Form Containers */
.formcon {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: var(--dolugo-spacing-sm) 0;
    word-wrap: break-word;
    

}

.kinfo {
    font-size: var(--dolugo-font-size-sm);
    font-weight: 400;
}

.middle .yuzde30 {
    vertical-align: middle;
}

.middle {
    vertical-align: middle;
}

.formcon .yuzde30 {
    vertical-align: middle;
    font-weight: 600;
    font-size: var(--dolugo-font-size-base);
    padding: var(--dolugo-spacing-sm) 0;
    

}

.formcon .yuzde70 {
    vertical-align: middle;
    font-size: var(--dolugo-font-size-base);
}

.formcon .yuzde40 {
    vertical-align: middle;
    font-weight: 600;
    font-size: var(--dolugo-font-size-base);
}

.formcon .yuzde60 {
    vertical-align: middle;
    font-size: var(--dolugo-font-size-base);
}

.formcon .yuzde50 {
    vertical-align: middle;
    font-size: var(--dolugo-font-size-base);
}
.jssorb064{position:absolute}
.jssorb064 .i{position:absolute;cursor:pointer}
.jssorb064 .i .b{fill:#000;fill-opacity:.5;stroke:#fff;stroke-width:400;stroke-miterlimit:10;stroke-opacity:.5}
.jssorb064 .iav .b{fill:#fff;fill-opacity:1;stroke:#fff;stroke-opacity:.7;stroke-width:2000}
.jssorb064 .i.idn{opacity:.3}
.jssora051{display:block;position:absolute;cursor:pointer}
.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}
.jssora051:hover{opacity:.8}
.jssora051.jssora051dn{opacity:.5}
.jssora051.jssora051ds{opacity:.3;pointer-events:none}
/* Responsive Slider Text */
.mioslidertext {
    color: #fff;
    position: absolute;
    top: 270px;
    left: 140px;
    width: 350px;
    height: 250px;
}

.mioslidertext h1 {
    font-weight: 700;
    font-size: var(--dolugo-font-size-2xl);
}

.mioslidertext p {
    font-weight: 200;
    font-size: var(--dolugo-font-size-sm);
}

.mioslidertext #largeredbtn {
    font-size: var(--dolugo-font-size-xs);
    color: #FFF;
    margin-top: var(--dolugo-spacing-sm);
    padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-2xl);
}
div.required-field-info h5{-webkit-animation:blink 3s ease-in 0 infinite normal;animation:blink 3s ease-in 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}

/* Responsive Navigation Menu */
.menu {
    float: right;
    position: relative;
    z-index: 75;
    

}

.menu ul {
    padding: 0;
    margin: 0;
    

}

.menu li {
    float: left;
    position: relative;
    list-style-type: none;
    

}

.menu li a {
    float: right;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    padding-left: var(--dolugo-spacing-lg);
    padding-right: var(--dolugo-spacing-lg);
    text-decoration: none;
    line-height: 68px;
    font-weight: 700;
    font-size: var(--dolugo-font-size-base);
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.menu li a:hover {
    border-bottom: 2px solid white;
}

#megamenuli {
    position: inherit;
}

#megamenuli a:hover {
    border: none;
}

.menu ul li ul li:hover a {
    background: rgba(0, 0, 0, 0.08);
}

/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    position: fixed;
    top: var(--dolugo-spacing-md);
    right: var(--dolugo-spacing-md);
    z-index: 100;
    background: rgba(0, 0, 0, 0.8);
    border: none;
    color: white;
    padding: var(--dolugo-spacing-sm);
    border-radius: 6px;
    cursor: pointer;
    

}

/* Mobile Menu Overlay */
.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 74;
    

}
/* Responsive Dropdown Menu */
.menu ul li ul {
    width: 200px;
    float: left;
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 1;
    display: none;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    

}

.menu ul li ul li {
    float: none;
    margin: 0;
    padding: 0;
    

}
.menu ul li ul li a {
    background: none;
    font-weight: 400;
    font-size: var(--dolugo-font-size-sm);
    color: #10b981;
    float: none;
    text-align: left;
    display: block;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 15px;
    transition: all 0.3s ease;
}

.menu ul li ul li a:hover {
    border: none;
}
#noborder a {
    border: none;
}

.menu li:hover > ul {
    display: block;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    position: absolute;
    

}
.sabithead .menu li:hover > ul {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    

}

.menu ul li ul li ul {
    width: 200px;
    height: auto;
    float: left;
    position: absolute;
    top: 0;
    left: 195px;
    z-index: 1;
    display: none;
    

}
.menu ul li ul li ul li a:hover{background:rgba(0,0,0,0.13)}
.ulup{position:absolute;color:white;width:100%;text-align:center;bottom:-9px;display:none;font-size:16px}
.menu li:hover .ulup{display:block}
.menu li a i{font-size:14px;margin-left:10px}
#megamenu{width:100%;left:0px;border-radius:5px;position:absolute;overflow:hidden;margin:0;padding:0;background-color:#fff;background-size:100% auto;background-repeat:repeat;background-position:top center}
#megamenu:hover a{border:none}
.menu li #megamenuservice:hover a{border:none}
.ulup.mega{width:auto;margin-left:7%;bottom:-7px}
#fullwidth .ulup.mega{margin-left:6%}
#megamenuservice a{float:none;padding:0;line-height:normal;font-weight:400;font-size:15px;color:#10b981}
#megamenuservice{width:30%;margin:0px 8px;margin-top:10px;display:inline-block;text-align:center;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:relative;background:rgba(255,255,255,0.7)}
#megamenuservice:hover{box-shadow:0px 0px 20px #ccc,inset 0px 0px 10px 5px #eee}
#megamenuservice i{font-size:50px;margin-left:0}
.menuAc{padding:5px;color:#fff;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
.sayfalama{width:100%;text-align:center;margin:17px auto}
input,select,textarea{width:100%;border-bottom-width:2px;border-bottom-color:#ccc;padding:10px 0;border-style:none none solid}
input:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;border-style:none none solid}
select:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;border-style:none none solid}
textarea:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;border-style:none none solid}
[data-tooltip],.tooltip{position:relative;cursor:pointer}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after{position:absolute;visibility:hidden;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-moz-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after{visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:transparent;content:""}
.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:150px;background-color:#ccc;color:#555;content:attr(data-tooltip);font-size:13px;line-height:1.2;text-align:center;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#raporlar [data-tooltip]:after{width:230px;background:#ccc;color:#2d2d2d;box-shadow:0 0 5px #c5c5c5}
#raporlar .tooltip-bottom:before{border-bottom-color:hsl(0,0%,80%)}
.mpanelinfo [data-tooltip]:after{width:100px;background-color:hsl(32,86%,64%);color:#fff;font-weight:700}
.mpanelinfo .tooltip-right:before{border-top-color:transparent;border-right-color:#000;border-right-color:hsl(32,86%,64%);margin-top:5px}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#ccc}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after{margin-left:-80px}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after{-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);transform:translateY(-12px)}
.tooltip-left:before,.tooltip-left:after{right:100%;bottom:50%;left:auto}
.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent;border-left-color:#000;border-left-color:hsla(0,0%,20%,0.9)}
.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after{-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);transform:translateX(-12px)}
.tooltip-bottom:before,.tooltip-bottom:after{top:100%;bottom:auto;left:50%}
.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent;border-bottom-color:hsl(0, 0%, 80%)}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after{-webkit-transform:translateY(12px);-moz-transform:translateY(12px);transform:translateY(12px)}
.tooltip-right:before,.tooltip-right:after{bottom:50%;left:100%}
.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent;border-right-color:#000;border-right-color:hsla(0,0%,20%,0.9)}
.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}
.tooltip-left:before,.tooltip-right:before{top:3px}
.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}
.sayfalama span a{text-decoration:none;border-radius: 5px;font-size:15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #CCC;padding:5px 10px}
.sayfalama span a:hover{background-color:#E5E5E5}
.sayfalama .sayfalama-active a{background-color:#E5E5E5}
.iletisimtable{float:left;width:49%}
.iletisiminfo{text-align:center;margin-top:15px;margin-bottom:15px}
.iletisimtable h4{color:#a93030}
/* Responsive Button Styles */
.gonderbtn {
    color: #10b981;
    border: 2px solid #10b981;
    display: inline-block;
    padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-lg);
    border-radius: 50px;
    font-size: var(--dolugo-font-size-base);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    

}

.gonderbtn:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #10b981;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn {
    font-family: 'Titillium Web', sans-serif;
    font-size: var(--dolugo-font-size-base);
    cursor: pointer;
    display: inline-block;
    padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-xs);
    width: 58%;
    border-radius: 50px;
    color: #374151;
    border: 1px solid #333;
    margin-top: var(--dolugo-spacing-xs);
    text-align: center;
    transition: all 0.3s ease;
    

}

.btn:hover {
    color: #fff;
    background: #333;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.iletisimbilgileri iframe{box-shadow:0 0 15px #ccc}
.clearmob{display:none}
#slider{position:relative}
#largeredbtn{font-size:16px;color:#FFF;margin-top:30px;padding:10px 60px;border:1px solid #FFF}
#largeredbtn:hover{color:#000;background:#fff}
.slidetext-container h1{font-weight:700;font-size:38px}
.slidetext-container p{font-weight:200;font-size:20px;width:50%}
.slides-container img{opacity:.7;filter:alpha(opacity=70)}
/* Responsive Header Styles */
.header {
    background-position: center center;
    margin-bottom: var(--dolugo-spacing-sm);
    background-image: url(../images/image4.jpg);
    float: left;
    height: 300px;
    width: 100%;
    position: relative;
    z-index: 55;
    -webkit-box-shadow: inset 0 198px 110px -45px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: inset 0 198px 110px -45px rgba(0, 0, 0, 0.68);
    box-shadow: inset 0 198px 110px -45px rgba(0, 0, 0, 0.68);
    background-size: 100% auto;
}

#fullwidth #wrapper {
    width: 85%;
}

#muspanel .header {
    height: auto;
    margin-bottom: 0;
}

#home .header {
    position: absolute;
    background: none;
}

.head {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: var(--dolugo-spacing-lg);
    

}
/* Responsive Social Buttons and Header Elements */
.sosyalbtns a {
    float: left;
    color: #ffffff87;
    font-size: var(--dolugo-font-size-lg);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    

}

.sosyalbtns a:hover {
    color: #fff;
    border: 1px solid #fff;
    transform: scale(1.1);
}

.sosyalbtns {
    float: left;
}

.langbtn {
    float: left;
    margin-left: var(--dolugo-spacing-sm);
}

.langbtn a {
    color: #fff;
    line-height: 40px;
    margin: 0 var(--dolugo-spacing-xs);
    

}

.headbutonlar {
    float: right;
    font-family: 'Raleway', sans-serif;
}

.headbutonlar a {
    float: right;
    color: #ffffff87;
    margin-left: var(--dolugo-spacing-lg);
    font-size: var(--dolugo-font-size-base);
    transition: all 0.3s ease;
}

.headbutonlar a:hover {
    color: #ccc;
}

.headbutonlar i {
    margin-right: var(--dolugo-spacing-sm);
}

#sepeticon {
    font-size: var(--dolugo-font-size-2xl);
    float: right;
    color: #fff;
    margin-top: -7px;
    margin-right: var(--dolugo-spacing-md);
}

.sabithead #sepeticon {
    font-size: var(--dolugo-font-size-2xl);
    margin-top: var(--dolugo-spacing-md);
    float: right;
    color: #fff;
}

#sepeticon span {
    font-size: var(--dolugo-font-size-sm);
    width: 20px;
    height: 20px;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 19px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -10px;
    

}

.logo {
    float: left;
    margin-top: var(--dolugo-spacing-md);
    position: absolute;
}

#muspanel .logo {
    position: relative;
    margin-bottom: var(--dolugo-spacing-lg);
}

#muspanel #fullwidth .logo {
    margin-bottom: 0;
}

.logo img {
    width: 180px;
}
.domainhome{background-color:#2563eb;float:left;height:112px;width:100%}
#v2domainhome{background-color:#2c3037}
.hdomainslogan{color:#fff;margin-top:20px;float:left}
.hdomainslogan h3{font-size:27px;font-weight:700}
.hdomainslogan h4{font-size:22px;font-weight:200}
.hdomainsorgu{float:right;width:47%;margin-top:10px}
.hdomainsorgu input{width:100%;padding:20px 0;color:#fff;font-size:26px;background:transparent;outline:none;border-color:transparent transparent #fff;border-style:solid;border-width:2px;position:relative;z-index:2}
.hdomainsorgu ::-webkit-input-placeholder{color:#fff}
.hdomainsorgu :-moz-placeholder{color:#fff}
.hdomainsorgu ::-moz-placeholder{color:#fff}
.hdomainsorgu :-ms-input-placeholder{color:#fff}
.hsorgulabtn{color:#fff;font-size:30px;padding:13px 15px;margin-top:-73px;float:right;position:relative;z-index:2;margin-right:-3px}
.hsorgulabtn:hover{color:#2563eb;background:#fff}
.domainfiyatlar{background-color:#696f7a;float:left;white-space:nowrap;overflow:hidden;height:50px;width:100%;box-shadow:0 0 10px #696f7a}
.domainfiyatlar h4{float:left;color:#fff;font-weight:600;font-size:24px;margin:5px 20px;text-shadow:0 0 2px #4a4e55;text-transform:lowercase}
.domainfiyatlar h4 span{color:#393d45;font-weight:700;font-size:22px}
.tablopaketler{background-repeat:no-repeat;background-position:center top;float:left;width:100%;background-size:100% 100%;text-align:center; padding: 25px 0px; margin: 35px 0px;box-shadow: inset 0 0 70px 40px #fff;}
#wrapper .tablopaketler { padding-top: 0px; margin-top: 35px; padding-bottom: 0px; margin-bottom: 0px;}
.tablopaketler{margin-bottom:25px;padding-bottom:50px;padding-top:35px}
.pakettitle{float:left;width:100%;padding-top:15px;text-align:center;    color: #2563eb;}
 .pakettitle{margin-top:50px;padding-bottom:15px}
.line{background-color:#ddd;float:left;height:0.5px;width:100%;margin-top:15px;margin-bottom:15px}
.pakettitle {display:none;}
.pakettitle h2{font-size:22px;margin:15px 0;display:inline-block;font-weight:300;color:#10b981}
.pakettitle h1{font-size:34px}
.tablopaketler .gonderbtn{border:none;font-size:17px;padding:17px 30px;color:#10b981;float:none;margin:5px;border-radius:50px;-webkit-box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08)}
.tablopaketler .gonderbtn:hover{background:#2563eb;color:#fff}
#paketaktifbtn{background:#10b981;color:#fff}
.miotab-content{text-align:center}
/* Responsive Table Package Styles */
.tablepaket {
    background-color: #FFF;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: center;
    margin: var(--dolugo-spacing-sm);
    padding-bottom: var(--dolugo-spacing-md);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tablepaket strong {
    margin-bottom: var(--dolugo-spacing-sm);
    display: inline-block;
}

.tablepaket b {
    margin-bottom: var(--dolugo-spacing-sm);
    display: inline-block;
}

.tablepaket.active {
    border: 2px solid #2563eb;
    padding: var(--dolugo-spacing-lg) 0px;
    margin-top: -10px;
    overflow: hidden;
    

}

.tablepaket.active .gonderbtn {
    background: #2563eb;
    color: #fff;
}

.tablepaket.active .gonderbtn i {
    display: none;
    font-size: var(--dolugo-font-size-lg);
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
}
 @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.tablepaket .gonderbtn i {display:none;}
.tablepaket:first-child:nth-last-child(4),
.tablepaket:first-child:nth-last-child(4) ~ .tablepaket {
    width: 23%;
}

.tablepaket:first-child:nth-last-child(8),
.tablepaket:first-child:nth-last-child(8) ~ .tablepaket {
    width: 23%;
}

.tablepaket:first-child:nth-last-child(12),
.tablepaket:first-child:nth-last-child(12) ~ .tablepaket {
    width: 23%;
}

.tablepaket:hover {
    -webkit-box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.17);
}
.tpakettitle {
    width: 100%;
    color: #10b981;
    text-align: center;
    font-size: var(--dolugo-font-size-2xl);
    font-weight: 900;
    margin-bottom: var(--dolugo-spacing-md);
    margin-top: var(--dolugo-spacing-lg);
}

.paketline {
    height: 1px;
    background: #cecece;
    width: 50%;
    display: inline-block;
    margin: var(--dolugo-spacing-sm) auto;
    

}

#upgrade .paketline {
    display: block;
}

#tableactive {
    border: 2px solid #2563eb;
}

.tpakettitle i {
    color: #10b981;
    margin-top: -12px;
    float: left;
    text-align: center;
    width: 100%;
    font-size: var(--dolugo-font-size-2xl);
    

}
.ribbonx{width:200px;height:300px;position:relative;border:1px solid #BBB;background:#EEE}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}
.ribbon div{font-size:12px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}
.ribbon div::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
.ribbon div::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}
div.mostpopularx{-webkit-animation:blink 3s linear 0 infinite normal;animation:blink 3s linear 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}

.tablepaket span {
    float: left;
    width: 100%;
    padding: var(--dolugo-spacing-xs) 0;
    

}

.tablepaket h3 {
    color: #2563eb;
    float: left;
    width: 100%;
    font-size: var(--dolugo-font-size-3xl);
    font-weight: 900;
}

.tablepaket h3 div {
    position: relative;
    display: inline;
}

.tablepopular {
    position: absolute;
    background: #2563eb;
    color: white;
    width: 150px;
    height: 60px;
    font-size: var(--dolugo-font-size-sm);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-40deg);
    left: -52px;
    line-height: 80px;
    top: -12px;
}

.tablepaket h4 {
    font-weight: 300;
    font-size: var(--dolugo-font-size-xl);
    color: #10b981;
    line-height: 25px;
    display: inline-block;
    width: 100%;
    

}
.tablepaket .gonderbtn {
    margin-top: var(--dolugo-spacing-sm);
    display: inline-block;
    width: 41%;
    text-transform: uppercase;
    margin-bottom: var(--dolugo-spacing-md);
    background: #fff;
    color: white;
    border: none;
    font-weight: 600;
    background: #4CAF50;
    transition: all 0.3s ease;
    

}

.tablepaket .gonderbtn:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.tablepaket .gonderbtn i {
    margin-right: var(--dolugo-spacing-xs);
    

}
/* Responsive Anascript Styles */
.anascript {
    background-image: url(../images/anascript-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    text-align: center;
    width: 100%;
    background-size: 100% 100%;
    padding: var(--dolugo-spacing-lg) 0;
    box-shadow: inset 0 0 70px 30px #fff;
    padding: var(--dolugo-spacing-sm) 0;
    background-size: cover;
    background-position: center;
}

.scriptkategoriler {
    float: left;
    width: 23%;
    margin-top: var(--dolugo-spacing-md);
}

.scriptkategoriler a {
    float: left;
    width: 100%;
    color: #fff;
    padding: var(--dolugo-spacing-xs);
    padding-left: var(--dolugo-spacing-lg);
    margin-bottom: var(--dolugo-spacing-sm);
    font-size: var(--dolugo-font-size-base);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
    transition: all 0.3s ease;
}

.scriptkategoriler a span {
    font-weight: 600;
}

.scriptkategoriler a:hover {
    background: #fff;
    color: #000;
}

#scataktif {
    background: #fff;
    color: #000;
}

.anascriptlist {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #FFF;
    margin: 1%;
    width: 255px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 7px;
    overflow: hidden;
    

}

.anascriptlist:hover {
    box-shadow: 0 0 10px #ccc;
    

}

.anascriptlist h4 {
    font-size: var(--dolugo-font-size-base);
    margin-top: var(--dolugo-spacing-sm);
    font-family: 'Raleway', sans-serif;
    

}

.anascripler {
    float: right;
    width: 72%;
    margin-top: var(--dolugo-spacing-md);
    

}

.anascriptlist div h5 {
    color: #2563eb;
    font-size: var(--dolugo-font-size-2xl);
    margin-bottom: var(--dolugo-spacing-sm);
    font-weight: 900;
    

}
.tumscriptbtn {
    font-size: var(--dolugo-font-size-base);
    margin: var(--dolugo-spacing-md) 0;
    margin-top: var(--dolugo-spacing-lg);
}

.scriptozellk {
    float: left;
    padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
    font-size: var(--dolugo-font-size-sm);
    color: #fff;
    background: #54d719;
    opacity: .8;
    filter: alpha(opacity=80);
    margin-bottom: -45px;
    margin-top: var(--dolugo-spacing-md);
}

#mobiluyum {
    margin-bottom: -75px;
    margin-top: var(--dolugo-spacing-2xl);
    background: #10b981;
    

}
/* Responsive Ribbon Styles */
.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    

}

.ribbon span {
    font-size: var(--dolugo-font-size-xs);
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
    

}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #1e5799;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #1e5799;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #1e5799;
}

.ribbon2 {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon2 span {
    font-size: var(--dolugo-font-size-xs);
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
    

}

.ribbon2 span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
    

}

.ribbon2 span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79A70A;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}
.anascriptlist img {
    height: 190px;
    width: 100%;
    border-radius: 5px;
    

}

.scripthoverinfo {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    filter: alpha(opacity=00);
    position: absolute;
    width: 255px;
    height: 195px;
    background: rgba(0, 0, 0, 0.6);
}

.scripthoverinfo a {
    color: #fff;
    background: none;
    border: 2px solid #fff;
    margin: 80px 5px;
    padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-xs);
    border-radius: 5px;
    transition: all 0.3s ease;
    

}

.scripthoverinfo a:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    background: #fff;
    color: #000;
    

}
.urunozellikleri {
    width: 100%;
    display: inline-block;
    margin-top: var(--dolugo-spacing-lg);
    text-align: center;
}

.urunozellik {
    display: inline-block;
    border: 1px solid #333;
    padding: var(--dolugo-spacing-md);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 26%;
    margin: var(--dolugo-spacing-sm);
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    

}

.urunozellik h4 {
    font-weight: 600;
    font-size: var(--dolugo-font-size-base);
    

}

.urunozellik i {
    font-size: var(--dolugo-font-size-3xl);
    margin-bottom: var(--dolugo-spacing-sm);
    
}
.katslogan {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: var(--dolugo-spacing-sm);
}

.urunozellikleri .fa-caret-right {
    display: inline-block;
    font-size: var(--dolugo-font-size-2xl);
    margin-left: -13px;
    margin-top: var(--dolugo-spacing-2xl);
    position: absolute;
}

.urunozellikleri .fa-check-circle {
    display: inline-block;
    font-size: var(--dolugo-font-size-lg);
    margin-left: -18px;
    margin-top: var(--dolugo-spacing-2xl);
    background: #fff;
    position: absolute;
}

.anascriptlist:hover .scripthoverinfo {
    opacity: 1;
    filter: alpha(opacity=100);
}
.nedenbiz {
    background-image: url(../images/nedenbizbg.jpg);
    background-repeat: repeat;
    background-position: center center;
    float: left;
    height: auto;
    width: 100%;
    margin: var(--dolugo-spacing-2xl) 0;
    box-shadow: inset 0 0 70px 30px #fff;
    text-align: center;
}

.ozellik {
    height: auto;
    width: 28%;
    text-align: center;
    margin: var(--dolugo-spacing-lg);
    display: inline-block;
    vertical-align: top;
    

}

.servisikon {
    height: 120px;
    width: 120px;
    background: #f0f0f0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 150px;
    display: inline-block;
    text-align: center;
    font-size: var(--dolugo-font-size-3xl);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    line-height: 100px;
    font-size: var(--dolugo-font-size-xl);
}

.ozellik h4 {
    color: #10b981;
    font-weight: 700;
    font-size: var(--dolugo-font-size-2xl);
    margin-bottom: var(--dolugo-spacing-md);
}

.ozellik p {
    font-size: var(--dolugo-font-size-base);
    line-height: 20px;
    margin: 0;
    

}
.servisikonalt {
    height: 104px;
    width: 104px;
    color: #2563eb;
    border: 3px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-left: var(--dolugo-spacing-xs);
    margin-top: var(--dolugo-spacing-xs);
    line-height: 104px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: hidden;
    

}

.ozellik .servisikonalt:hover {
    background: #2563eb;
}
.ozellik .servisikonalt:hover i {
    color: #fff;
}

.ozellik:hover .servisikon {
    background: #2563eb;
}
.ozellik:hover .servisikonalt i {
    color: #fff;
}

.servisinfos {
    width: 100%;
    margin-top: var(--dolugo-spacing-sm);
}
#genelpaketler .pakettitle {
    color: #FFF;
}

#genelpaketler .gonderbtn {
    color: #FFF;
    border: 2px solid #FFF;
}
#genelpaketler .gonderbtn:hover {
    background: #2563eb;
    border: 2px solid #2563eb;
}

#genelpaketler #paketaktifbtn {
    background: #2563eb;
    border: 2px solid #2563eb;
}
#genelpaketler .tpakettitle {
    background: #2563eb;
}

#genelpaketler .fa.fa-caret-down {
    color: #2563eb;
}
#genelpaketler .tablepaket .gonderbtn {
    color: #2563eb;
    border: 2px solid #2563eb;
}

#genelpaketler .tablepaket .gonderbtn:hover {
    color: #fff;
}
#genelpaketler .tablepaket h3 {
    color: #2563eb;
}

#genelpaketler .tablepaket h4 {
    color: #2563eb;
}
.musterigorusleri {
    width: 100%;
    float: left;
    margin: var(--dolugo-spacing-xl) 0;
}

.list_carousel {
    width: 100%;
    margin: auto;
    height: auto;
}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel li {
    width: 250px;
    height: auto;
    display: block;
    float: left;
    

}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.clearfix {
    float: none;
    clear: both;
}
.prev {
    float: left;
    margin-left: var(--dolugo-spacing-sm);
    

}

.next {
    float: right;
    margin-right: var(--dolugo-spacing-sm);
}
.pager {
    float: right;
    text-align: right;
    margin-top: -95px;
    position: relative;
    z-index: 22;
    

}

.pager a.selected {
    text-decoration: underline;
}
.pager a {
    margin: var(--dolugo-spacing-xs);
    border: 2px solid #10b981;
    background: #fff;
    color: transparent;
    width: 22px;
    height: 22px;
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    

}

.pager a:hover {
    background: #10b981;
}
.pager a.selected {
    background: #10b981;
}

.musterigorusleri .list_carousel {
    width: 900px;
    margin: auto;
}
#foo2 li {
    width: 900px;
    height: 250px;
}

.musyorum {
    width: 100%;
    height: auto;
    color: #10b981;
    background: #eeeeee57;
    text-align: center;
    float: left;
    font-size: var(--dolugo-font-size-base);
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    

}
#mgorusarrow {
    margin-left: var(--dolugo-spacing-xl);
    font-size: 65px;
    position: absolute;
    margin-top: -66px;
    color: #eeeeee57;
    

}

.yorumyapan {
    float: left;
    margin-top: var(--dolugo-spacing-xl);
    margin-left: var(--dolugo-spacing-xl);
    width: 45%;
    

}
.yorumyapan img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: var(--dolugo-spacing-lg);
}

.yorumyapan h3 {
    float: left;
    font-size: var(--dolugo-font-size-lg);
    font-weight: 700;
    width: 75%;
    margin-top: var(--dolugo-spacing-sm);
}
.yorumyapan h4 {
    float: left;
    font-size: var(--dolugo-font-size-base);
    width: 75%;
    font-weight: 300;
}

.gorusgonderbtn {
    float: right;
    margin-top: -45px;
    font-weight: 700;
    position: relative;
    z-index: 22;
    color: #999;
    

}
.gorusgonderbtn:hover {
    color: #000;
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    visibility: hidden;
}
.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.modalDialog>div {
    width: 700px;
    position: relative;
    margin: 5% auto;
    padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-lg) var(--dolugo-spacing-sm);
    border-radius: 4px;
    background: #fff;
    

}
.close {
    background: #606061;
    color: #FFF;
    line-height: 25px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: 700;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    line-height: 20px;
    font-size: var(--dolugo-font-size-sm);
}

.close:hover {
    background: #00d9ff;
}
#gorusgonder input {
    margin-bottom: var(--dolugo-spacing-xs);
    
}

#gorusgonder hr {
    border: 1px solid #ccc;
}
.modalDialog h2 {
    font-size: var(--dolugo-font-size-xl);
    padding: var(--dolugo-spacing-md) 0;
    margin-bottom: var(--dolugo-spacing-md);
    border-bottom: 1px solid #eee;
}

.blogvehaber {
    background-image: url(../images/bloghaberbg.jpg);
    background-repeat: repeat;
    background-position: center top;
    float: left;
    width: 100%;
    margin: var(--dolugo-spacing-2xl) 0;
    text-align: center;
    padding: var(--dolugo-spacing-2xl) 0;
    box-shadow: inset 0 0 70px 40px #fff;
    

}
.haberblog{
    background:#fff;
    width:485px;
    float:none;
    margin:20px 25px;
    display:inline-block;
    text-align:left;
    vertical-align:top;
    border-radius: 7px;
}

.haberbloktitle{
    width:100%;
    float:left;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #eee
    

}

.haberbloktitle h4{
    font-weight:700;
}

.haberbloktitle i {
    color:#10b981}

.haberblog li{
    width:455px;
}

.haberblog .list_carousel li img{
    float:left;
    margin-right:15px;
    border-radius: 7px;
}

.haberblog li h4 a{
    color:#2563eb;
    font-size:20px;
    font-weight:600;
    font-family:'Raleway',sans-serif;
}

.haberblog li h4 span{
    font-size:16px;
    color:#77777787;
    

}

.haberblog .pager{
    margin:0;
    

}

.haberblog p{
    font-size:14px;
    

}

.pager a{
    width:18px;
    height:18px;
    border:2px solid #ccc;
    

}

.pager a:hover{
    background:#ccc
}

.pager a.selected{
    background:#ccc
}

.haberbloktitle h4{
    font-size:18px;
}

#bloghome{
    float:right;
    

}

.rakamlarlabiz{
    margin-bottom:35px;
    float:left;
    width:100%;
}

.istatistik{
    float:left;
    width:22%;
    margin:15px;
    text-align:center;
    

}

.istatistik h1{
    font-size:46px;
    font-weight:700;
    color:#10b981;
}

.istatistik h2{
    font-size:24px;
    font-weight:200;
    color:#10b981;
    margin-top:15px;
}

.istatistik span{
    width:70%;
    height:1px;
    background:#10b981;
    display:inline-block;
}

.istatistik i{
    font-size:120px;
    color:#eee;
    float:right;
    position:absolute;
    margin-top:-130px;
    z-index:-1;
    

}
.footlogos{
    text-align:center;
    margin-top:20px;
    float:left;
    width:100%;
}

.footlogos img{
    width:120px;
    vertical-align:middle;
    margin:17px;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    

}

.footlogos img:hover{
    -webkit-filter:none;
    filter:none
}

.ebulten{
    background-image:url(../images/ebultenbg.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    height:200px;
    width:100%;
    background-size:100% auto;
    

}

.ebultencont{
    background-color:#FFF;
    width:700px;
    margin:auto;
    height:55px;
    margin-top:70px;
    box-shadow:0 0 45px #a9a9a9a8;
    border-radius:50px;
}

.ebultencont i{
    float:left;
    font-size:24px;
    color:#ccc;
    margin:14px;
    margin-left:20px;
}

.ebultencont input{
    float:left;
    border:none;
    line-height:45px;
    width:450px;
    padding:5px;
    font-family: 'Raleway',sans-serif;
}

.aboneolbtn{
    background:#10b981;
    color:#fff;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    float:right;
    margin:6px;
    width:95px;
    text-align:center;
    border-radius: 50px;
}

.aboneolbtn:hover{
    background:#2563eb;
}

.footslogan{
    float:left;
    text-align:center;
    width:100%;
    color:#ffffff80;
}

.footslogan:hover h2 a{
    color:white
}

.footslogan h4{
    font-size:22px;
    font-weight:200;
}

.footslogan h2{
    margin-bottom:10px;
    font-size:30px;
    font-weight:600;
    

}

.footer{
    background-image:url(../images/footerbg.png);
    background-color: #2e3d44;
    background-size: 100% auto;
    background-repeat:repeat;
    background-position:center top;
    float:left;
    height:auto;
    width:100%;
    padding:70px 0;
    color:#fff;
    

}

.footslogan a{
    color:#fff
}

.footer a{
    color:#ffffff80
}

.footlogo {
    width: 180px;
    margin-bottom: 30px;
}

.footinfos{
    float:left;
    width:25%;
    margin-right:20px;
    color:#ffffff80;
    font-family: 'Raleway',sans-serif;
}

.footinfos h5{
    font-size:15px;
    font-weight:600;
    margin:20px 0px;
}

.footinfos h4{
    font-weight:600;
    margin:15px 0px;
}

.footinfos h5 span{
    margin-top:10px;
    float:left;
    width:100%;
    font-weight:900;
}

.footblok{
    float:left;
    width:14%;
    margin:21px;
    font-size:14px;
    font-family:'Raleway',sans-serif;
}

.footblok h3{
    font-weight:900;
    font-size:15px;
    margin-bottom:10px;
}

.footblok a{
    color:#ffffff9e;
    float:left;
    width:100%;
    font-weight:400;
    padding:5px 0px;
}

.footblok a:hover{
    padding-left:3px;
    color:#fff;
}

.footend{
    width:100%;
    background:#1c1c1c;
    height:74px;
    float:left;
}

.footend a{
    color:#ccc
}

.footend span{
    line-height:74px;
    color:#ccc;
    font-weight:200;
    float:left;
    

}

.footer .line{
    background-color:#4c606b;
    margin-top:25px;
    margin-bottom:25px;
    
}

.footsosyal{
    display:inline-block;
    margin:auto;
    width:100%;
    text-align:center;
}

.footsosyal a{
    display:inline-block;
    color:#ffffff87;
    font-size:18px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    border:1px solid transparent;
    margin:0px 10px;
}

.footsosyal a:hover{
    background:#00000030
}
.cd-top{
    display:inline-block;
    height:60px;
    border-radius: 5px;
    width:60px;
    position:fixed;
    bottom:50px;
    right:20px;
    box-shadow:0 0 10px rgba(0,0,0,0.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:rgba(232,98,86,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s,visibility 0 .3s;
    -moz-transition:opacity .3s 0s,visibility 0 .3s;
    transition:opacity .3s 0s,visibility 0 .3s;
}

.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{
    -webkit-transition:opacity .3s 0s,visibility 0 0;
    -moz-transition:opacity .3s 0s,visibility 0 0;
    transition:opacity .3s 0s,visibility 0 0
}

.cd-top.cd-is-visible{
    visibility:visible;
    opacity:1;
}

.cd-top.cd-fade-out{
    opacity:.5
}

.cd-top.cd-fade-out:hover{
    opacity:1.5
}

.no-touch .cd-top:hover{
    background-color:#e86256;
    opacity:1
}

.sabithead{
    display:none;
    background-color:#10b981;
}

.sabithead .menu li a{
    line-height:60px;
    font-weight:600;
    font-size:15px;
    text-shadow:0 0 2px #767676;
}

.sabithead .menu li ul li a{
    line-height:40px;
}

.sabithead .menu ul li ul li a{
    border:none;
    color:white;
    font-weight:300;
}

.sabithead .menu ul li ul {
    background: #10b981;
    top:60px;
    

}

.sabithead .menu li:hover a{
    border: none
}

.sabithead .ulup {
    bottom: -5px;
}
#fullwidth{
    position:relative;
    height:auto;
    background:none;
    margin:0;
    padding-bottom:0;
    

}

#muspanel #fullwidth{
    height:auto;
}

#fullwidth .head{
    width:100%;
    background:#e5e5e5;
    margin:0;
    height:50px;
    line-height:50px;
}

#fullwidth .head a{
    color:#3d3d3d;
    padding:0 15px;
    margin-left:0;
    

}

#fullwidth .head a:hover{
    background:#d8d8d8
}

#fullwidth #sepeticon{
    margin-top:12px;
    position:relative;
    z-index:22;
    color:#fff;
    font-size:28px;
}

#fullwidth #sepeticon span{
    font-size:13px;
    width:20px;
    height:20px;
    background:linear-gradient(#9BC90D 0%,#79A70A 100%);
    color:#fff;
    position:absolute;
    text-align:center;
    line-height:20px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    margin-left:-10px;
}
#fullwidth .headustlinks a{
    line-height:50px;
    padding:0 10px;
    float:left;
    border-right:1px solid #dedede;
    

}

#fullwidth .sosyalbtns a{
    padding:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border:none;
    line-height:50px;
    height:auto;
}
#fullwidth .sosyalbtns a:hover{background:#d8d8d8}
.fullwidthhead{
    width:100%;
    height:auto;
    padding:12px 0;
    float:left;
    background-image:url(../images/menubg2018.jpg);
    position:relative;
    margin-top:0;
    background-size:100%;
    background-color:white;
}
#fullwidth .logo{
    padding:5px 0;
    display:inline-block;
    float:left;
    height:40px;
    position:relative;
    margin:0px;
    width:auto;
}

#fullwidth .headbutonlar a{
    float:right;
    color:#10b981;
    margin-left:10px;
    font-size:14px;
    border:2px solid transparent;
    padding:10px 15px;
    border-radius:50px;
    font-weight:500;
}
#fullwidth .headbutonlar a:hover{
    color:white;
    background:#10b981;
}

#fullwidth .headbutonlar{
    margin-top:5px;
}
#fullwidth .langbtn{
    float:left;
    margin-left:20px;
    margin-top:15px;
    font-size:16px;
}

#fullwidth .langbtn a{
    color:#333;
}
.headmail{
    float:right;
    margin-top:5px;
    font-size:16px;
    margin-left:40px;
    color:#333;
}

.headmail a{
    color:#333;
}
.headmail i{
    float:left;
    font-size:40px;
    margin-right:10px;
    margin-top:5px;
}

.headinfospan{
    float:left;
    font-size:16px;
    line-height:23px;
    
    @media (max-width: 768px) {
        font-size: var(--dolugo-font-size-sm);
        line-height: 20px;
    }
}

#fullwidth .menu{
    float:left;
    width:100%;
    margin:0;
    background-image:url(../images/menubg.jpg);
    background-position:top center;
}

.menucolor{
    background-color:#10b981;
    float:left;
    z-index: -1;
    height:68px;
    width:100%;
    position:absolute;
    opacity:.3;
    filter:alpha(opacity=30);
}
#fullwidth .menu ul li ul li:hover a{
    background:rgba(0,0,0,0.3);
}

#fullwidth .menu li:hover a{
    background:rgba(0,0,0,0.2);
    color:#ffffffd6;
}
#fullwidth .menu ul li ul li ul{
    top:0px;
}

#fullwidth .menu ul li ul{
    background:#10b981;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    top:68px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
#fullwidth .headbutonlar #headicon{
    font-size:20px;
    padding:0px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin:0px;
    margin-right:20px;
    margin-top:3px;
}

#fullwidth .headbutonlar #headicon .basket-count{
    font-size:13px;
    width:20px;
    height:20px;
    background:linear-gradient(#9BC90D 0%,#79A70A 100%);
    color:#fff;
    position:absolute;
    text-align:center;
    line-height:20px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    margin-left:-5px;
    margin-top:-5px;
}
#fullwidth .headbutonlar #headicon .fa-shopping-cart{font-size:22px}
#fullwidth #megamenuservice{
    width:20%;
    box-shadow:none;
    background:rgba(0,0,0,0.28);
    

}
#fullwidth #megamenuservice:hover{
    background:#2563eb69;
    

}

#fullwidth #megamenuservice:hover a{
    background:none;
}
#fullwidth #megamenuservice a{
    padding:0px;
}

.digerhmzinfo{
    float:right;
    width:200px;
    color:white;
    position:absolute;
    right:0px;
    top:0px;
    padding:0px 45px;
    height:100%;
    background:#2563eb;
    font-weight:200;
    

}
.digerhmzinfo h5{
    margin-top:25px;
    font-family:'Raleway',sans-serif;
}

.digerhzmucgen{
    width:0;
    height:0;
    top:30px;
    position:absolute;
    border-style:solid;
    border-width:15px 15px 15px 0;
    border-color:transparent #2563eb transparent transparent;
    margin-left:-53px;
    margin-top:65px;
    

}
#fullwidth .menu li .digerhmzinfo a{
    padding:10px 25px;
    line-height:normal;
    float:left;
    border-radius:50px;
    margin-top:10px;
    font-size:15px;
}

#fullwidth .menu li .digerhmzinfo a:hover{
    background:rgba(0,0,0,0.34);
}
#megamenu:hover #megamenuservice a {
    background:none;
    
    @media (max-width: 768px) {
        background: rgba(255,255,255,0.1);
        border-radius: var(--dolugo-border-radius-sm);
    }
}

#fullwidth .menu li:hover #megamenuservice a {
    background:none;
}
#fullwidth #megamenu {
    color: #ffffffd6;
}

#fullwidth .headbutonlar .borderedbtn {
    border:2px solid #10b981;
}
#fullwidth .headbutonlar #headicon i{margin:0px;}
#slider2,#slider3{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 auto;
    
    @media (max-width: 768px) {
        margin: 0 auto var(--dolugo-spacing-lg);
    }
}
.rslides_tabs{
    list-style:none;
    padding:0;
    background:rgba(0,0,0,.25);
    box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);
    -moz-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);
    -webkit-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);
    font-size:18px;
    list-style:none;
    margin:0 auto 50px;
    max-width:540px;
    padding:10px 0;
    text-align:center;
    width:100%;
}

.rslides_tabs li{
    display:inline;
    float:none;
    margin-right:1px;
}
.rslides_tabs a{
    width:auto;
    line-height:20px;
    padding:9px 20px;
    height:auto;
    background:transparent;
    display:inline;
}

.rslides_tabs li:first-child{
    margin-left:0;
    
    @media (max-width: 768px) {
        margin-left: 0;
    }
}
.rslides_tabs .rslides_here a{
    background:rgba(255,255,255,.1);
    color:#fff;
    font-weight:700;
}

.callbacks_container .slidetext-container{
    width:80%;
    margin:12%;
    margin-top:8%;
    position:absolute;
    z-index:22;
}
.callbacks{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}

.callbacks li{
    position:absolute;
    width:100%;
    left:0;
    top:0;
}
.callbacks img{
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}

.callbacks .caption{
    display:block;
    position:absolute;
    z-index:2;
    font-size:20px;
    text-shadow:none;
    color:#fff;
    background:#000;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
}
.callbacks_nav{
    position:relative;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    left:0;
    display:none;
    opacity:.7;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url(../images/themes.png) no-repeat left top;
    margin-top:-120px;
}

.callbacks_nav:active{
    opacity:1;
    
    @media (max-width: 768px) {
        transform: scale(1.1);
        transition: transform 0.2s ease;
    }
}

.callbacks_nav.next{
    left:auto;
    background-position:right top;
    right:0;
}
.head2logo{
    float:left;
    margin-right:25px;
}

.slidetext-container{
    width:80%;
    margin:auto;
    margin-top:20%;
    color:#fff;
    text-align:left;
}
.sayfaustheader{
    background-image:url(../images/image4.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    float:left;
    height:260px;
    width:100%;
    background-size:100% auto;
}

.headerwhite{
    background-image:url(../images/headerwhite.png);
    background-repeat:repeat;
    background-position:center bottom;
    width:100%;
    height:149px;
    display:inline-block;
    position:absolute;
    bottom:-2px;
}
#home .headerwhite {display:none;}
#muspanel .sayfabaslik{margin-top:20px;display:none}
.sayfabaslik{
    float:right;
    color:#fff;
    text-align:right;
    margin-top:35px;
    position:relative;
    z-index:1;
    text-shadow:0 0 2px #666;
}

.sayfabaslik i{
    font-size:12px;
    margin:10px;
    
    @media (max-width: 768px) {
        font-size: var(--dolugo-font-size-xs);
        margin: var(--dolugo-spacing-sm);
    }
}

.sayfabaslik a{
    color:#fff;
    font-weight:200;
    font-size:16px;
}

.sayfabaslik a:hover{
    color:#ccc;
}

.sayfabaslik h1{
    font-weight:bolder;
    font-size:24px;
}
.sayfacontent{
    float:right;
    width:74%;
    margin-bottom:35px;
}

.sidebar{
    float:left;
    width:24%;
    border-right-width:3px;
    border-bottom-width:3px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-right-color:#ececec;
    border-bottom-color:#fff;
    margin-top:20px;
    margin-bottom:35px;
}
.sidelinks a{
    float:left;
    width:100%;
    padding:10px 0;
    -webkit-border-radius:7px;
    -webkit-border-top-right-radius:1px;
    -webkit-border-bottom-right-radius:1px;
    -moz-border-radius:7px;
    -moz-border-radius-topright:1px;
    -moz-border-radius-bottomright:1px;
    border-radius:7px;
    border-top-right-radius:1px;
    border-bottom-right-radius:1px;
    border-bottom:1px solid #eee;
}

.sidelinks span{
    padding:2px 7px;
    display:inline-block;
}

.sidelinks a:hover{
    color:#2563eb;
    background:#eee;
}
.paypasbutonlar{float:right;margin-top:20px;text-align:center;color:#666;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;position:relative}
.scriptpaylas{margin-top:15px}
.fullwidtscriptdetay{margin-top:-65px}
#header2 .paypasbutonlar{margin-top:45px}
.paypasbutonlar a{color:#666;float:left;height:40px;width:40px;font-size:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;line-height:250%;background:#fff;border-top:1px solid #eee}
.paypasbutonlar a:hover{color:#fff;background:#666}
#facepaylas:hover{background:#365899}
#twitpaylas:hover{background:#000000}
#googlepaylas:hover{background:#d73d32}
#linkedpaylas:hover{background:#008cc9}
#uyeolgirisbody{background:#000}
#uyeolgirisbody .footend{bottom:0;position:fixed}
.uyeolgirishead{float:left;width:100%;margin-top:15px;color:#fff;margin-bottom:5%}
.uyeolgirishead h1{float:right;font-weight:200;margin-top:30px}
.uyeolgirisyap{float:left;width:100%;margin-bottom:80px}
#girisyapright h4{border-bottom:1px solid #ccc;padding-bottom:10px}
#girisyapright h4 i{margin-right:5px}
.uyeol h4{border-bottom:1px solid #ccc;padding-bottom:10px}
.uyeol h4 i{margin-right:5px}
.sifreunuttulink{float:right}
.uyeolgirisyap .btn{font-size:16px;    padding: 15px 0px;background:#fff;margin-bottom:15px;border:1.5px solid #2563eb;color:#2563eb;font-weight:700;outline:none}
.uyeolgirisyap .btn:hover{background:#2563eb;color:#fff;border:1.5px solid transparent}
.girisyap h3{text-align:center;font-size:20px;margin-top:30px;font-weight:700}
.uyeolgirisslogan{float:left;color:#fff;width:40%;text-align:center;margin-top:6%}
.uyeolgirisyap .gonderbtn{float:none;color:#fff;border:1px solid #fff;padding:15px 45px;font-weight:700;font-size:16px}
.uyeolgirisyap .gonderbtn:hover{background:#fff;color:#000}
.checkbox-custom,.radio-custom{opacity:0;position:absolute}
.checkbox-custom,.checkbox-custom-label,.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;cursor:pointer;width:auto}
.checkbox-custom-label,.radio-custom-label{position:relative;margin-bottom: 5px;}
.checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{content:'';border:1.5px solid #2563eb;    border-radius: 5px;display:inline-block;line-height:20px;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center}
.checkbox-custom:checked+.checkbox-custom-label:before{content:"\f00c";font-family:'FontAwesome';background:#2563eb;color:#fff;font-size:15px}
.radio-custom+.radio-custom-label:before{border-radius:50%}
.radio-custom:checked+.radio-custom-label:before{content:"\f00c";font-family:'FontAwesome';color:#fff;background:#2563eb}
#uyelik table tbody tr td h4{padding-bottom:10px;border-bottom:1px solid #eee;margin-top:-8px}
#uyelik input{border-bottom-width:2px;border-bottom-color:#ccc;padding:10px 0;border-style:none none solid}
#uyelik input:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;border-style:none none solid}
.uyeolgirisslogan h4{font-weight:200}
#uyelik::-webkit-input-placeholder{color:#444}
#uyelik:-moz-placeholder{color:#444}
#uyelik::-moz-placeholder{color:#444}
#uyelik:-ms-input-placeholder{color:#444}
#girisyapright{float:right}
#uyegirisloganleft{float:left}
.iletisimpage{float:left;width:100%}
.iletisimblok{display:inline-block;width:22%;    line-height: 23px;text-align:center;border-right:1px solid #eee;vertical-align:top;min-height:175px}
#compnayinfo{width:30%;text-align:left;    line-height: 27px;}
.iletisimblok h3{font-weight:700;font-size:18px;margin-bottom:10px;color:#2563eb}
.iletisimblok i{font-size:70px;margin-bottom:15px}
.iletisimblok span{float:left;width:100%;font-size:15px}
.googlemap{width:48%;float:left;margin-bottom:25px}
.iletisimtitle{padding-bottom:10px;margin-bottom:10px;width:100%;float:left;border-bottom:1px solid #eee;font-weight:700;font-size:20px}
.iletisimformu{float:right;width:48%}
.iletisimslogan{text-align:center;width:80%;font-weight:200;font-size:22px;margin:auto;margin-bottom:35px}
.iletisimformu input,textarea{width:100%;border-bottom-width:2px;border-bottom-color:#ccc;padding:16px 0;border-style:none none solid}
.iletisimformu input:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;color:#2563eb;border-style:none none solid}
.iletisimformu textarea:focus{border-bottom-width:2px;border-bottom-color:#2563eb;padding-left:5px;color:#2563eb;border-style:none none solid}
.bigmaplink{font-size:13px;float:right;color:#777;font-weight:400;margin-top:10px}
.bigmaplink:hover{color:#000;text-decoration:underline}
.sayfabaslik{margin-top:35px;background:rgba(0,0,0,0.4);padding:10px 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#header2 .sayfabaslik{margin-top:55px}
#rightsidebar{float:right}
.listeleme{float:left;width:73%;margin-top:17px}
.list{display:inline-block;width:46%;margin:10px;    border-radius: 7px;
    overflow: hidden;box-shadow:0 0 15px #eee;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.list:hover{box-shadow:0 0 15px #ccc}
.list h4 a{color:#2563eb}
.list p{margin:0;padding:7px 0;padding-right:5px}
.list img{margin-bottom:10px;float:left;width:100%;height:225px}
.listbaslik{font-size:22px;font-weight:700;float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px}
.sidebar h4{font-size:17px;font-weight:700;float:left;width:100%;padding-bottom:15px;border-bottom:1px solid #eee}
.bloginfos{font-size:14px;float:left;width:100%;background:rgba(0,0,0,0.6);margin-top:-35px;color:#fff}
.bloginfos a{color:#fff;float:right}
.alanadisorgu{width:100%;float:left;text-align:center;margin-bottom:20px}
.alanadisorgu .gonderbtn{background:#8BC34A;margin-left: -156px;}
.alanadisorgu .gonderbtn:hover{background:#72a833}
#transferbtn{background:#009595;margin-left:0px;}
#transferbtn:hover{background:#10b981}
.transfercode{width:70%;text-align:center;display:none;transition-property:all;transition-duration:0;transition-timing-function:ease;opacity:1;margin:auto;margin-bottom:50px}
.transfercode input{border-radius:2.20588rem;width:45%;border:0px;padding:20px 32px;padding-top:17px;padding-bottom:21px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:22px;font-weight:300;color:#607D8B}
.alanadisorgu h1{font-weight:200;font-size:36px;margin-bottom:20px}
.alanadisorgu input{border-radius: 2.20588rem;width: 45%;height: 100%;border: 0px;padding: 20px 32px;padding-top: 19px;-webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);border: 1px solid #f5f3f3;margin: 25px 0px;font-size: 22px;font-weight: 300;color: #607D8B;}
#transfercode .lbtn{border:0px;background-color:#10b981;border-radius:2.20588rem;color:#FFFFFF;margin-left:-158px;padding:20px 0px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-weight:normal;font-size:16px}
.alanadisorgu .gonderbtn{color:#fff;border:none;font-size:16px;-moz-border-radius:0;padding:18px 40px;z-index:5;position:relative}
#checkButton{border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:-158px;padding:20px 0px;position:absolute;margin-top:30px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
#checkButton:hover{background:#709d3d}
.uzantibox{width:10%;padding:5px 0;border:2px solid #eee;vertical-align:top;border-radius:7px;text-align:center;display:inline-block;margin:7px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-transform:lowercase}
.uzantibox img{width:auto;max-height:30px}
.uzantibox:hover{border:2px solid #2563eb}
.uzantibox H4{font-weight:700}
.popuzantilar{text-align:center;margin-top:15px}
.uzantibox .checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.domainozellikler{background-image:url(../images/domainbg.jpg);background-size: 100% auto;margin-bottom:0;margin-top: 80px;background-repeat:no-repeat;background-position:center center;float:left;height:auto;width:100%;padding-top:35px;padding-bottom:35px;font-size:16px;box-shadow: inset 0 0 70px 40px #fff;}
.domainozellikler h3{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #aac28f;font-weight:600;font-size:24px;display: none;}
.domainozellikler h4{font-weight: 700;font-size:18px;margin-bottom: 10px;}
.domainozellikler i{font-size: 70px;display: inline-block;/* margin-right:25px; */line-height:50px;text-align:center;width:75px;}
.dozelliklist{margin: 20px;display: inline-block;width: 29%;text-align: center;vertical-align: top;}
.domainiconleft{/* float:left; *//* width:100px; */margin-bottom: 20px;}
.domainfeatright{display:inline-block;width: 100%;font-size: 15px;}
.tescilucretleri{width:90%;padding-top:25px;text-align:center;margin:35px auto 50px}
.tescilucretleri span{float:left;width:125px;padding:5px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC}
.tescilucretleri table {    border-radius: 10px;    overflow: hidden;}
.tescilucretleri h4{margin-bottom:30px;font-size:26px}
.tescilsonuc{float:left;width:100%;margin-bottom:35px}
.tescilucretleri table tr td{padding:15px 0px;border-bottom:1px solid #efefef;}
.tescilucretleri table tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.tescilucretleri table tr:hover{background:#eee}
.tescilsonuc{float:left;width:100%;margin-bottom:25px;padding-bottom:40px;border-bottom:1px solid #eee}
.tescilsonuc table{width:70%;margin:auto}
#tesclsure{text-align-last:center;border:none;cursor:pointer;padding:0}
.tescilsonuc table thead tr td .checkbox-custom-label{margin-right:0}
.tescilsonuc tr td{padding:5px 10px;border-bottom:1px dotted #EBEBEB;line-height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before#tesclsure{width:190px;text-align:center;text-align-last:center}
.hostingozellikler{width:100%;}
.hostozellk{text-align:center;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.hostozellk h4{font-size:20px;font-weight:400}
.sss{float:left;width:100%;padding-top:20px;border-top:1px solid #ebebeb}
.sss h4{margin-bottom:15px}
.sss #accordion h3{font-size:17px;border-radius:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#scriptlistesi{background:none;padding:0;text-align:left}
#scriptlistesi .anascripler{text-align:center}
#scriptlistesi .scriptkategoriler a{color:#374151;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eee;border-right-width:2px;border-right-style:solid;border-right-color:#eee;margin-bottom:0;padding:12px 7px;font-size:15px}
#scriptlistesi .scriptkategoriler a:hover{background:#eee}
#scriptlistesi #scataktif{background:#eee}
.scriptlisttitle{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ebebeb;color:#2563eb;font-size:22px;width:100%;text-align:left}
#scriptlistesi .anascriptlist{box-shadow:0 0 5px #b1b1b1;margin:1.4%}
#scriptlistesi .anascriptlist:hover{box-shadow:0 0 10px #777}
.scriptdetayinfo{float:left;width:71.5%;padding-right:28px;margin-right:15px;border-right:2px solid #ebebeb}
.scriptrightside{float:right;width:24%;position:-webkit-sticky;position:sticky;top:15px}
.scriptdetayinfo img{width:100%;height:auto;margin-bottom:15px;box-shadow:0 0 10px #9d9d9d}
.scriptrightside h4{font-size:18px;margin-bottom:7px;font-weight:300}
.scriptrightside h4 i {margin-right:10px;}
.scriptrightside .btn{font-size:15px;padding:12px 0;width:100%;font-size:16px;border-radius:50px;background:#eee;border:#eee}
.scriptrightside .btn:hover{background:#ccc;color:#333}
.sunucugereksinim{margin-top:20px;line-height:25px;font-size:15px}
.scriptfiyat{float:left;width:100%;padding:10px 0;text-align:center;border-top:2px solid #ebebeb;border-bottom:2px solid #ebebeb;margin:20px 0}
.scriptfiyat span{font-size:24px;font-weight:200}
.scriptdetaybenzer{float:left;width:100%;margin-top:50px;text-align:center}
.scriptdetaybenzer .anascriptlist{box-shadow:0 0 5px #b1b1b1}
.scriptozellks{margin:5px;border:2px solid #eee;width:47.8%;line-height:20px;    border-radius: 5px;display:inline-block;height:120px;vertical-align:top;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-shadow:0 0 2px #ccc}
.scriptozellks:hover{border:2px solid #374151}
.scriptozellks h3{font-size:16px;font-weight:700;margin-bottom:7px}
.scriptozellkinfo{float:right;width:82%}
.ozellkiconxx{font-size:45px;text-align:center;width:50px;float:left}
.scriptozellks p{font-size:14px;font-weight:300;padding:0;margin:0;padding-bottom:10px}
.scriptfiyat h1{font-weight:700;color:#8bc34a;line-height:38px}
#urunsatinlink{border:1px solid #4CAF50;color:#4CAF50;font-weight:700;background:#4CAF50;color:#fff}
#urunsatinlink:hover{color:#fff;background:#368639}
.kutubanner{width:100%;text-align:center;margin-top:25px}
.scriptrightside .paypasbutonlar{margin-top:5px;float:left;margin-bottom:0}

@media (max-width: 768px) {
    .scriptrightside .paypasbutonlar {
        float: none;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .scriptrightside .paypasbutonlar {
        margin-top: 8px;
    }
}
.surumgecmisi{margin-top:25px;font-size:14px}
.sunucular{float:left;width:100%;margin-top:10px;margin-bottom:25px}

@media (max-width: 768px) {
    .sunucular {
        margin-top: 8px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .sunucular {
        margin-top: 5px;
        margin-bottom: 15px;
    }
}
#datatable tr td:last-child{border-right:none}
.datatable tr td:last-child{border-right:none}
.sunucular table tr td{font-size:16px;border-bottom:1px solid #ebebeb;padding:12px}
.sunucular table tr:hover{background:#eee;}
.sunucular table tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.sunucustok{background:#4caf50;color:#fff;padding:2px 0;font-size:12px;margin-left:-73px;position:absolute;margin-top:-50px;width:62px}
.sunucustok:after{content:'';position:absolute;border-color:transparent transparent transparent #4caf50;border-style:solid;border-width:5px;width:0;height:0;margin-top:5px;margin-left:4px}
.indirim{background:#4caf50;color:#fff;border-radius:3px;padding:2px 0;font-size:13px;display:inline-block;margin-left:15px;width:100px;text-align:center;line-height:21px;position:relative}
.indirim:after{content:'';position:absolute;border-color:transparent #4caf50 transparent transparent;border-style:solid;border-width:6px;width:0;height:0;margin-top:4px;left:-12px}
#tukendi{background:#f44336}
#tukendi:after{border-color:transparent transparent transparent #f44336;border-style:solid;margin-left:11px;border-width:5px}
.sunucular .gonderbtn i{margin-right:7px}
.sunucular select{padding:5px 0;font-weight:700;text-align-last:center}
.sunucular .gonderbtn{border:none;background:#4caf50;color:#fff}
.sunucular .gonderbtn:hover{background:#3a993e}
#sunucutukenbtn{opacity:.4;filter:alpha(opacity=40);background:none;color:#81c04e}
#digerpaketler .tpakettitle{background:#FF9800}
#digerpaketler .tpakettitle i{color:#FF9800}
#digerpaketler .tablepaket h3{color:#FF9800}
#digerpaketler .tablepaket h4{color:#FF9800}
#digerpaketler .tablepaket .gonderbtn{border:2px solid #FF9800;color:#FF9800}
#digerpaketler .tablepaket .gonderbtn:hover{color:#fff;background:#FF9800}
#smspaketleri .tpakettitle{background:#E91E63}
#smspaketleri .tpakettitle i{color:#E91E63}
#smspaketleri .tablepaket h3{color:#E91E63}
#smspaketleri .tablepaket h4{color:#E91E63}
#smspaketleri .tablepaket .gonderbtn{border:2px solid #E91E63;color:#E91E63}
#smspaketleri .tablepaket .gonderbtn:hover{color:#fff;background:#E91E63}
#sslpaketleri .tpakettitle{background:#8bc34a}
#sslpaketleri .tpakettitle i{color:#8bc34a}
#sslpaketleri .tablepaket h3{color:#8bc34a}
#sslpaketleri .tablepaket h4{color:#8bc34a}
#sslpaketleri .tablepaket .gonderbtn{border:2px solid #8bc34a;color:#8bc34a}
#sslpaketleri .tablepaket .gonderbtn:hover{color:#fff;background:#8bc34a}
.siparisbilgileri{margin-bottom:40px}
.siparisbilgileri .radio-custom-label{margin-bottom:5px}
.siparisbilgileri .btn{font-size:16px;float:right;color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:200px;background:#8bc34a;text-align:center;font-size:16px;margin-top:10px;font-weight:700;}
.siparisbilgileri .btn i {display:none}
.siparisbilgileri .btn i{margin-left:5px}
.siparisbilgileri .btn:hover{background:#10b981;color:#fff}
.siparisbilgileri table{width:70%}
.siparisbilgileri table tr td{padding: 12px 10px;border-bottom:1px solid #ebebeb}
.ilanasamalar{float:left;width:100%;padding-bottom:20px;text-align:center;margin-bottom:40px;margin-top: 25px;}
.ilanasamax{text-align:center;vertical-align:top;width:32.7%;font-size:18px;display:inline-block}
.ilanasamax h3{width:80px;background:#eee;text-align:center;height:80px;margin-bottom:7px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:80px;font-size:34px;font-weight:700;text-shadow:.03em .03em #fff}
.ilanasamalar .ilanasamax:first-child:nth-last-child(4),.ilanasamalar .ilanasamax:first-child:nth-last-child(4) ~ .ilanasamax{width:24%}
.ilanasamalar .ilanasamax:first-child:nth-last-child(5),.ilanasamalar .ilanasamax:first-child:nth-last-child(5) ~ .ilanasamax{width:19%}
.asamaline{width:100%;background:#eee;height:5px;margin-top:60px;float:left;margin-bottom:-70px}
#asamaaktif h3{background:#2563eb;color:#fff;text-shadow:none}
#asamaaktif{color:#2563eb;font-weight:bolder}
.domainsec{width:800px;margin:auto}
.domainsec input{width:76%;font-size:20px}
.domainsec select{border-radius:2.20588rem;width:80%;height:100%;border:0px;padding:20px 32px;padding-top:19px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:18px;font-weight:300}
.domainsec table{width:100%}
.domainsec .btn{margin-top:25px}
.domainsec h5{margin-top:7px;color:#374151;font-size:17px}
.domainsec .alanadisorgu .gonderbtn{text-align:center;border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:-160px;padding:18px 0px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
.domainsec .tescilsonuc table{width:100%;font-size:15px}
.domainsec .tescilsonuc{margin:0;padding:0;border:none}
.domainsec .alanadisorgu{margin-top:0;margin-bottom:15px}
.sadeckyinfo{font-size:16px;color:#374151;margin:0 7px;font-size:18px;margin-bottom:10px;float:left;width:100%}
.domainsec .tescilsonuc .gonderbtn{background:#ff9800;color:#fff;border:transparent;padding:5px 40px;margin-bottom:20px}
.domainsec .tescilsonuc .gonderbtn:hover{background:#d57f00}
.sipdvmtmmbtn .gonderbtn{width:40%;border:none;background:#ebebeb;margin-bottom:15px;padding:18px 0;font-size:18px}
.sipdvmtmmbtn .gonderbtn i{margin-right:5px}
#alisverisdevam:hover{background:orange;color:#fff}
#alisveristamam:hover{background:green;color:#fff}
.sungenbil{float:left;width:63%}
.skonfiginfo{border:1px solid #ebebeb;float:left;width:100%;border-radius:10px}
.sunucukonfigurasyonu{float:left;width:100%;margin-bottom:50px}
.skonfiginfo h4{float:left;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ebebeb;font-weight:700;font-size:18px}
.sunucusipside{float:right;width:35%;position:-webkit-sticky;position:sticky;top:15px}
.skonfigside{float:left;background:#10b981;color:#fff;padding-bottom:10px;border-radius:10px}
.skonfigside .line{    background: rgb(0 0 0 / 35%);}
.skonfigside h4{float:left;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgb(0 0 0 / 35%);font-weight:700}
.skonfigside span{float:left;width:100%;padding:6px 0;font-size:14px}
.skonfigside span strong{float:right;   }
.sunucretler span{font-size:16px}
.sunucretler #total_amount {    font-size: 26px;}
.skonfigside h3 span{font-size:20px}
.sunucusipside .gonderbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700;    border-radius: 10px;}
.sunucusipside .gonderbtn:hover{background:#333;color:#fff}
.sepet{float:left;width:100%;margin-bottom:60px}
.sepetleft{float:left;width:73%}
.sepetright{float:right;width:25%;position:-webkit-sticky;position:sticky;top:15px}
.sepetrightshadow{    -webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);    border-radius: 10px;}
.sepetbaslik{float:left;line-height:50px;width:100%;background:#10b981;color:#fff;-webkit-border-radius:10px;-moz-border-radius:2px;border-radius:10px;font-size:16px;font-weight:700}
.uhinfo{width:40%;float:left}
.sepetlistcon .uhinfo{line-height:25px}
.uhperiyod{width:25%;text-align:center;float:left}
.uhperiyod h5{font-size:18px;font-weight:600}
.uhperiyod option{font-size:15px;font-size:14px}
.uhtutar h4{font-size:20px}
.uhtutar h4 strong{position:relative}
.uhtutar{width:25%;text-align:center;float:left}
.sepetlist{float:left;width:100%;margin:8px 0;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border-radius:10px}
.sepetlistcon{padding:30px 20px}
.uhinfo h5{margin:0;font-size:18px}
.uhinfo h4 a{font-size:15px;color:#c20000;margin:0;float:left}
.uhinfo p{font-size:14px}
.uhinfo p span{font-weight:600}
.uhperiyod select{text-align-last:center;border:none;padding:5px 0px;width:auto;display:block;margin:auto;font-weight:600;font-size:18px}
.uhsil{float:right;width:10%;text-align:center;}
.uhsil a{font-size:20px;}
.uhsil a:hover{color:#333}
.green-label{background-color:#81bc00;color:#fff}
.row-label{display:inline-block;padding-right:8px;padding-left:8px;font-size:11px;position:absolute;margin-left:-8px;height:19px;line-height:19px;border-radius:2px 0 0 0;letter-spacing:1px}
.green-label::before{position:absolute;content:" ";width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #679404 transparent transparent;left:0;bottom:-7px}
.sepetsipinfo{font-size:14px}
.sepetrightcon{padding:15px;}
.sepetsipinfo h5{font-weight:700;font-size:19px;color:#FF5722;width:120px}
.sepetsipinfo tr td{border-bottom:1px dotted #ebebeb;padding:10px 0}
.sepetsipinfo input{text-align-last:center}
.sepetright .gonderbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700;border-radius:10px;}
.sepetright .gonderbtn:hover{background:#10b981;color:#fff}
/* Responsive Width Classes */
.smspreviewinfo .yuzde30 {
    vertical-align: top;
}

.yuzde5 {
    width: 5%;
    display: inline-block;
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
}

.yuzde10 {
    width: 9%;
    display: inline-block;
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
}

.yuzde15 {
    width: 15%;
    display: inline-block;
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
}

.yuzde20 {
    width: 19%;
    display: inline-block;
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
}

.yuzde30 {
    width: 29%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde33 {
    width: 33%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde40 {
    width: 39%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde50inpt {
    width: 49%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde50 {
    width: 49%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde60 {
    width: 59%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde70 {
    width: 69%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde80 {
    width: 79%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde90 {
    width: 89%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde25 {
    width: 24.5%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.yuzde75 {
    width: 74%;
    display: inline-block;
    
    @media (max-width: 1024px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 768px) {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
}
.sepetlistcon .checkbox-custom-label{margin-right:25px;margin-top:5px}
.sepetlistcon .radio-custom-label{margin-right:25px;margin-top:10px}
/* Responsive Panel Styles */
.mpanelinfo {
    float: left;
    width: 100%;
    height: 65px;
    background: #10b981;
    color: #fff;
    line-height: 65px;
    font-size: var(--dolugo-font-size-base);
    
    @media (max-width: 768px) {
        height: 50px;
        line-height: 50px;
        font-size: var(--dolugo-font-size-sm);
    }
    
    @media (max-width: 480px) {
        height: 45px;
        line-height: 45px;
        font-size: var(--dolugo-font-size-xs);
    }
}

.header .mpanelinfo {
    background: rgba(0, 0, 0, 0.5);
}

#fullwidth .mpanelinfo {
    background: #343434;
}

.mpanelright {
    float: right;
    box-shadow: 0 0 3px #ccc;
    border-radius: 7px;
    width: 75%;
    margin-bottom: var(--dolugo-spacing-lg);
    background: #fff;
    margin-top: var(--dolugo-spacing-lg);
    min-height: 430px;
    
    @media (max-width: 1024px) {
        width: 70%;
        margin-bottom: var(--dolugo-spacing-md);
        margin-top: var(--dolugo-spacing-md);
    }
    
    @media (max-width: 768px) {
        float: none;
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-sm);
        min-height: auto;
    }
}

.mpanelrightcon {
    padding: var(--dolugo-spacing-lg);
    word-wrap: break-word;
    
    @media (max-width: 768px) {
        padding: var(--dolugo-spacing-md);
    }
    
    @media (max-width: 480px) {
        padding: var(--dolugo-spacing-sm);
    }
}

.mpaneltitle {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: var(--dolugo-spacing-sm);
    margin-bottom: var(--dolugo-spacing-md);
    
    @media (max-width: 768px) {
        padding-bottom: var(--dolugo-spacing-xs);
        margin-bottom: var(--dolugo-spacing-sm);
    }
}

.mpanelrightcon .ui-widget-content {
    border: none;
}

.mpaneltitle i {
    margin-right: var(--dolugo-spacing-sm);
    
    @media (max-width: 768px) {
        margin-right: var(--dolugo-spacing-xs);
    }
}

.mpaneltitle h4 {
    font-size: var(--dolugo-font-size-lg);
    
    @media (max-width: 768px) {
        font-size: var(--dolugo-font-size-base);
    }
    
    @media (max-width: 480px) {
        font-size: var(--dolugo-font-size-sm);
    }
}
.mpanelright tr td{border-bottom:1px solid #eee}
.mpanelhaber h5 span{font-size:14px;color:#777}
.mpanelhaber{float:left;width:100%;border-bottom:1px dotted #ccc;padding:12px 0}
.mpanelhaber img{float:left;width:135px;margin-right:20px;    border-radius: 5px;margin-left:5px;opacity:.6;filter:alpha(opacity=60)}
.mpanelhaber:hover img{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.mpanelhaber p{margin:0;color:#666}
.songiris{float:right;font-size:14px}
/* Responsive Panel Blocks */
.muspanelbloks {
    float: left;
    width: 100%;
    margin-top: var(--dolugo-spacing-lg);
    text-align: center;
    
    @media (max-width: 768px) {
        margin-top: var(--dolugo-spacing-md);
    }
    
    @media (max-width: 480px) {
        margin-top: var(--dolugo-spacing-sm);
    }
}

.mpanelblok {
    display: inline-block;
    width: 18.8%;
    margin-right: var(--dolugo-spacing-sm);
    background: #eee;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden;
    min-height: 147px;
    position: relative;
    
    @media (max-width: 1024px) {
        width: 23%;
        margin-right: var(--dolugo-spacing-xs);
        min-height: 130px;
    }
    
    @media (max-width: 768px) {
        width: 48%;
        margin-right: var(--dolugo-spacing-xs);
        margin-bottom: var(--dolugo-spacing-sm);
        min-height: 120px;
    }
    
    @media (max-width: 480px) {
        width: 100%;
        margin-right: 0;
        margin-bottom: var(--dolugo-spacing-sm);
        min-height: 110px;
    }
}

.mpanelblok:first-child:nth-last-child(4),
.mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok {
    width: 24%;
    
    @media (max-width: 768px) {
        width: 48%;
    }
    
    @media (max-width: 480px) {
        width: 100%;
    }
}

.mpanelblok:first-child:nth-last-child(3),
.mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok {
    width: 32%;
    
    @media (max-width: 768px) {
        width: 48%;
    }
    
    @media (max-width: 480px) {
        width: 100%;
    }
}

.mpanelblok:first-child:nth-last-child(2),
.mpanelblok:first-child:nth-last-child(2) ~ .mpanelblok {
    width: 49%;
    
    @media (max-width: 480px) {
        width: 100%;
    }
}

.mpanelblok h1 {
    font-size: var(--dolugo-font-size-3xl);
    margin-top: var(--dolugo-spacing-lg);
    font-weight: bolder;
    color: #fff;
    position: relative;
    z-index: 6;
    
    @media (max-width: 1024px) {
        font-size: var(--dolugo-font-size-2xl);
        margin-top: var(--dolugo-spacing-md);
    }
    
    @media (max-width: 768px) {
        font-size: var(--dolugo-font-size-xl);
        margin-top: var(--dolugo-spacing-sm);
    }
    
    @media (max-width: 480px) {
        font-size: var(--dolugo-font-size-lg);
        margin-top: var(--dolugo-spacing-sm);
    }
}

.mpanelblok h2 {
    font-size: var(--dolugo-font-size-base);
    color: #fff;
    position: relative;
    z-index: 6;
    
    @media (max-width: 768px) {
        font-size: var(--dolugo-font-size-sm);
    }
    
    @media (max-width: 480px) {
        font-size: var(--dolugo-font-size-xs);
    }
}
.mblokbtn{width:100%;color:rgba(255,255,255,0.5);background:rgba(0,0,0,0.3);text-align:left;font-size:14px;-webkit-transition:all .3s ease-out;position:absolute;bottom:0;z-index:6;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mpanelblokicon{z-index:5;color:rgba(0,0,0,0.13);font-size:150px;position:absolute;top:-43px;margin:0;right:-100%;left:-100%}
.mblokbtn span{float:right;margin-right:5px}
a .mblokbtn:hover{color:rgba(255,255,255,1.5);background:rgba(0,0,0,0.43)}
.mblokbtn .padding10{padding:6px}
#green{background:#8BC34A}
#blue{background:#2196f3}
#red{background:#f44336}
#gray{background:#607D8B}
#turquise{background:#00bcd4}
#turquise h2{line-height:15px}
/* Responsive Panel Left */
.mpanelleft {
    float: left;
    box-shadow: 0 0 3px #ccc;
    border-radius: 7px;
    width: 24%;
    margin-bottom: var(--dolugo-spacing-2xl);
    background: #fff;
    margin-top: var(--dolugo-spacing-lg);
    
    @media (max-width: 1024px) {
        width: 28%;
        margin-bottom: var(--dolugo-spacing-xl);
        margin-top: var(--dolugo-spacing-md);
    }
    
    @media (max-width: 768px) {
        float: none;
        width: 100%;
        margin-bottom: var(--dolugo-spacing-lg);
        margin-top: var(--dolugo-spacing-sm);
    }
}

.mpanelbtns a {
    float: left;
    width: 100%;
    padding: var(--dolugo-spacing-sm) 0;
    border-bottom: 1px solid #eee;
    font-size: var(--dolugo-font-size-base);
    font-weight: 600;
    transition: all 0.3s ease;
    
    @media (max-width: 768px) {
        padding: var(--dolugo-spacing-xs) 0;
        font-size: var(--dolugo-font-size-sm);
    }
    
    @media (max-width: 480px) {
        font-size: var(--dolugo-font-size-xs);
    }
}

.mpanelbtns i {
    width: 20px;
    text-align: center;
    float: left;
    margin-right: var(--dolugo-spacing-sm);
    line-height: 25px;
    
    @media (max-width: 768px) {
        margin-right: var(--dolugo-spacing-xs);
    }
}

.mpanelbtns a:hover {
    background: #eee;
}

#mpanelbtnsaktif {
    background: #eee;
    font-weight: 600;
}

.mpanelbtns a span {
    padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
    display: block;
    
    @media (max-width: 768px) {
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
    }
}
.sayfayolu{float:right}
.sayfayolu a{margin:0 5px}
.sayfayolu a:hover{color:#000}
.sayfayolu a:first-child{font-weight:700}
#bigcontent{width:100%}
.datatbspan{float:left;margin-right:7px;line-height:50px}
.dttblegoster{float:left;width:100px;margin-right:7px}
#datatable tr{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#datatable tr td{border-bottom:1px solid #eee;padding:10px}
.incelebtn{display:inline-block;padding:7px 15px;background:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;font-weight:700}
.incelebtn:hover{background:#ccc}
.ticketdetail{float:left;width:100%}
.ticketinfos{float:left;width:100%}
.ticketstatusbtn .gonderbtn{width:48%;margin-top:25px;margin-bottom:25px}
.ticketstatusbtn .graybtn{float:left;opacity:1;filter:alpha(opacity=100);box-shadow:0 0 5px #ccc;background:#e1e1e1}
.ticketstatusbtn .graybtn:hover{background:#ccc}
.ticketstatusbtn .mavibtn{float:right}
.ticketinfos input{width:49%;padding:20px 0}
.ticketinfos select{width:49%;padding:20px 0}
#ticketfixed{width:100%;margin-bottom:20px}
#ticketfixed .destekinfo{width:23%}
.destekdetayleft{float:left;width:100%}
.destekdetayright{float:left;width:100%;margin-bottom:35px}
.destekdetaymsj{border:1px solid #46BE8A;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.msjyazan{float:left;width:100%;border-bottom:1px solid #ddd;padding-bottom:10px}
.reply-message{padding:15px;padding-bottom:0}
.ticket-attachment-file{margin-top:15px;font-size:14px}
.ticket-attachment-file a{color:#777}
.ticket-attachment-file a:hover{color:#333}
.ticket-attachment-file i{margin-right:5px}
.destekdetaymsjcon{padding:15px}
.msjyazan h4{font-size:16px;float:left;font-weight:700;color:#46BE8A}
.msjyazan h5{font-size:13px;float:right;background:#46BE8A;color:#fff;font-weight:400;padding:0 8px;margin-left:10px}
.msjyazan h4 span{font-size:13px;background:#46BE8A;color:#fff;font-weight:400;padding:0 8px;margin-left:10px}
#yetkilimsj{border:1px solid #62A8EA}
#yetkilimsj .msjyazan h4{color:#62A8EA}
#yetkilimsj .msjyazan h5{background:#62A8EA}
#yetkilimsj .msjyazan h4 span{background:#62A8EA}
.destekdetayright .gonderbtn{color:#fff;border:none;float:right;box-shadow:0 0 10px #ccc;padding:15px 0;width:50%;background:#8bc34a;text-align:center;font-size:18px;margin-top:10px;font-weight:700}
.destekdetayright .gonderbtn:hover{background:#333;color:#fff}
.destekdosyaeki{float:left;width:45%}
.mavibtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#62A8EA;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.mavibtn:hover{background:#333;color:#fff}
.metalbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#10b981;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.metalbtn:hover{background:#333;color:#fff}
.graybtn{-webkit-filter:grayscale(100%);filter:grayscale(100%);color:#777;opacity:.5;filter:alpha(opacity=50);border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#ccc;text-align:center;font-size:15px;margin-top:10px;font-weight:700}
.graybtn:hover{background:#CCC;color:#777}
.yesilbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#8bc34a;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.yesilbtn:hover{background:#333;color:#fff}
.redbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#E21D1D;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.redbtn:hover{background:#333;color:#fff}
.turuncbtn{color:#fff;border:none;box-shadow:0 0 10px #ccc;padding:15px 0;width:100%;background:#f26c31;text-align:center;font-size:16px;margin-top:10px;font-weight:700}
.turuncbtn:hover{background:#333;color:#fff}
#destekcvpyaz .lbtn{float:right;margin:20px;margin-right:30px}
.lbtn{padding:5px 15px;border:2px solid #10b981;color:#10b981;font-weight:600;border-radius:50px;display:inline-block;outline:none}
.lbtn:hover{color:#fff;background:#10b981}
.sbtn{padding:7px 2px;width:35px;display:inline-block;text-align:center;font-size:16px;background:#eee;border-radius:5px}
.sbtn:hover{color:#fff;background:#10b981}
.green{border-color:#81c04e;color:#81c04e}
.green:hover{color:#fff;background:#81c04e}
.red{border-color:#F44336;color:#F44336}
.red:hover{color:#fff;background:#F44336}
.orange{border-color:orange;color:orange}
.orange:hover{color:#fff;background:orange}
.blue{border-color:#62A8EA;color:#62A8EA}
.blue:hover{color:#fff;background:#62A8EA}
.ucte1{width:33%}
.destekinfo{display:inline-block;width:23%;vertical-align:top;margin:5px;border:1px solid #ccc;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.destekinfocon{padding:25px 10px}
.destekinfo h4{color:#777;font-size:14px}
.destekinfo h5{color:#777;font-size:15px}
.destektalebiolustur{float:left;width:100%}
.destektalebiolustur .yesilbtn{width:50%;float:right}
.bilgibankasi{float:left;width:100%;text-align:center;margin:20px 0}
.bilgibankasi .btn{width:44%;font-size:15px;font-weight:600;border:none;margin-top:15px;padding:9px 20px;display:inline-block;vertical-align:top;border-right:1px solid #ccc;border-left:1px solid #ccc}
.hizmetblok{display:inline-block;width:48%;margin:9px;vertical-align:top;font-size:14px;border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.hizmetblok tr:nth-child(1) td{font-size:15px;padding:12px;background:none;border-bottom:1px solid #eee;color:#2563eb;background:#efefef;background:-moz-linear-gradient(top,#efefef 0%,#fff 100%);background:-webkit-linear-gradient(top,#efefef 0%,#fff 100%);background:linear-gradient(to bottom,#efefef 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0)}
.hizmetblok #otherLimits tr:nth-child(1) td{background:none;color:#444;padding:8px}
.hizmetblok tr td{padding:8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-bottom: 1px solid #eee;}
.hizmetblok:first-child{border-right:none}
ul.tab{list-style-type:none;margin:0;padding:0;overflow:hidden;border:none;display:inline-block;width:100%;background:#f2f2f2;background:-moz-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:-webkit-linear-gradient(top,#f2f2f2 0%,#fff 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#ffffff',GradientType=0)}
ul.tab li{float:left}
ul.tab li a{display:inline-block;text-align:center;padding:14px 30px;text-decoration:none;transition:.3s;font-size:15px;border-bottom:2px solid #e7e7e7;border-right:1px solid #dbdbdb}
ul.tab li a i{margin-right:7px}
ul.tab li a.active{border-bottom:2px solid #fff}
.tabcontent{display:none;border-top:none}
.tabcontent{-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}
@-webkit-keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeEffect {
from{opacity:0}
to{opacity:1}
}
.hizmetblok:nth-child(-n+1){border-bottom:none}
.cpanelebmail{float:left;width:100%;text-align:center;word-wrap:break-word;min-height:323px}
.cpanelebmail img{margin:auto;width:140px;padding:7px 15px;display:block}
.cpanelebmail h5{font-size:17px;margin:15px 0;font-weight:600}
.cpanelebmail .gonderbtn{width:90%;padding:12px 0;font-weight:600;font-size:15px}
.cpanelebmail .gonderbtn i{font-size:20px;line-height:0}
.cpanelebmail .yesilbtn{color:#8bc34a;box-shadow:none;background:#eeeeee;width:47%;}
.cpanelebmail .yesilbtn{color:#8bc34a;box-shadow:none;background:#eeeeee;width:47%;}
.cpanelebmail .yesilbtn:hover{color:#fff;background:#8bc34a}
.cpanelebmail .turuncbtn{color:#f26c31;box-shadow:none;background:#eee;width:47%}
.cpanelebmail .turuncbtn:hover{color:#fff;background:#f26c31}
.cpanelebmail .mavibtn{color:#62A8EA;box-shadow:none;background:#eee;width:47%}
.cpanelebmail .mavibtn:hover{color:#fff;background:#62A8EA}
#updownbtn{width:95%;color:#10b981;opacity:1.5;filter:alpha(opacity=100);font-weight:600;background:#eee;box-shadow:none;margin-top:5px}
#updownbtn:hover{background:#10b981;color:#fff}
#updownbtn i{font-size:20px;line-height:0;margin-right:5px}
.espotaolustur{width:80%;margin:auto;margin-bottom:25px}
.tabcontentcon{width:80%;margin:auto;margin-bottom:25px}
.tabcontentcon h5{font-size:16px}
#sentSMS{font-size:16px}
.destekolsbtn{font-size:16px;float:right;padding:10px 20px;margin-top:-8px}
.destekolsbtn:hover{background:#8bc34a}
.domaindetayinfo{text-align:center;float:left;width:100%;word-wrap:break-word}
.domaindetayinfo h4{font-size:16px;margin:15px 0}
.domaindetayinfo h5{font-size:16px;margin:15px 0;font-weight:600}
.domaindetayinfo .gonderbtn{padding:12px 0;font-weight:600;font-size:15px}
.domaindetayinfo .yesilbtn{color:#8bc34a;box-shadow:none;background:#fff;width:47%;border:1px solid #8bc34a}
.domaindetayinfo .yesilbtn:hover{color:#fff;background:#8bc34a}
.domaindetayinfo .mavibtn{color:#62A8EA;box-shadow:none;background:#fff;width:47%;border:1px solid #62A8EA}
.domaindetayinfo .mavibtn:hover{color:#fff;background:#62A8EA}
.domaindetayinfo i{font-size:80px}
#whoisbilgileri .ucte1{width:32.5%}
.whoisgizlenmis{background:orange;color:#fff;padding:3px 0;font-size:13px;font-weight:600;position:relative;margin:auto;margin-top:-20px;width:120px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#epostayonet h5{font-size:16px}
.mailyonsec{float:left;width:100%;margin:10px 0}
.mailyonsec span{float:left;width:25%}
.mailyonbtn .gonderbtn{width:33%;font-size:16px;padding:12px 0}
.yuzde45{width:45%}
#smsgonder .yuzde50{float:left;margin-left:5px}
#rehber .checkbox-custom-label{margin-right:25px}
#rehber div{font-size:15px}
#rehber .checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.faturalarim table tr td,th{padding:20px;border-bottom:1px solid #eee}
.fatcusinfo{display:inline-block;width:50%;vertical-align:top}
.fatodenmedi{display:inline-block;padding:10px 25px;text-align:center;width:50%;border:2px solid red;color:red;margin-bottom:20px;font-weight:600}
.fatodendi{border:2px solid #8BC34A;color:#8BC34A;font-weight:600}
.fattutarlar span{text-align:left}
.odemeyontem{float:left;margin-bottom:20px;width:100%}
.odemeyontem h5{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc}
.odemeyontem .checkbox-custom-label{margin-right:25px;margin-top:10px}
.odemeyontem .radio-custom-label{margin-right:25px;margin-top:10px}
.odemeyontem .checkbox-custom+.checkbox-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.odemeyontem .checkbox-custom+.radio-custom+.radio-custom-label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.faturaodenmis{float:left;width:100%;text-align:center}
.tutartd td{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#efefef 100%);background:-webkit-linear-gradient(top,#fff 0%,#efefef 100%);background:linear-gradient(to bottom,#fff 0%,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);font-size:16px}
.durumraportable{height:250px;overflow-y:scroll}
.hesapbilgilerim table tr td{padding:7px;border-bottom:1px solid #eee;font-size:15px}
.adresbilgisi{float:left;width:100%;padding:10px 0;border-bottom:1px solid #eee;font-size:14px}
.adresbilgisi .yuzde80{padding:10px 0}
.menuurunlink a span{padding:1px 22px}
.menuurunlink a{font-weight:400;font-size:15px}
.ui-accordion .ui-accordion-content{padding:25px;border-top:0}
#header2{height:220px;margin-bottom:20px;background-position:center center}
#muspanel #header2{display:none}
#header2 .headerwhite{margin-top:74px;bottom:auto}
#muspanel .headerwhite{display:none}
.mobilgenislet{display:none}
.bilgibanka{margin-bottom:35px}
.bbankadetay{float:left;margin-bottom:45px}
.bbankaara{float:left;width:100%;text-align:center;margin-bottom:20px}
.bbankaara h3{color:#2563eb}
.bbankaara input{font-size:18px}
.bbankaara h4{margin-bottom:15px}
.bbankaara .lbtn{padding:10px 20px;font-size:20px;border:2px solid #c6c6c6;margin-left:5px;color:#c6c6c6}
.bbankaara .lbtn:hover{background:#c6c6c6;color:#fff}
.bbankakonu{box-shadow:0 0 5px #ccc;display:inline-block;margin:10px;margin-bottom:15px;width:30%;color:#777;vertical-align:top;font-size:13px}
.bbankakonu h4{font-size:16px;color:#333}
.bbankakonu i{float:left;margin-right:15px;font-size:32px;margin-bottom:12px;color:#2563eb}
.bbankabasliklar{float:left;width:100%;margin-bottom:25px}
.bbbaslik{font-size:20px}
.encokokunanbasliklar h5{float:left;width:100%;padding:13px 0;border-bottom:1px solid #eee;font-size:15px}
.encokokunanbasliklar{display:inline-block;width:100%}
.encokokunanbasliklar .error{font-size:17px;color:#777;font-weight:400}
.encokokunanbasliklar h5 a{font-weight:600}
.encokokunanbasliklar h5 i{margin-right:7px}
.encokokunanbasliklar h5 a:hover{color:#000;padding-left:5px}
.encokokunanbasliklar h5 span{font-size:16px}
.faydalimi{float:left;width:100%;margin-bottom:20px}
.faydalimi h5{float:left;margin-right:10px;margin-top:5px;font-size:16px}
#faydaliContent{float:left}
#successful-1{float:left}
#successful-2{float:left}
#successful-3{float:left}
#votingContent{display:inline-block}
.bbkonuinfo{float:right;color:#777}
.bankablok{width:48%;display:inline-block;margin:10px 0px}
.bankalogo{width:100%;float:left}
.bankalogo img{width:30%;float:left}
.bankalogo h4{float:right;font-weight:400;font-size:18px;line-height:42px}
.bankainfo{float:right;width:100%}
.bankainfo h5{font-size:14px;padding:2px 0}
.bankainfo h5 span{width:35%;float:left;font-weight:700}
.bankablok .line{margin:10px 0;}
#newAddress h3{font-size:15px;font-weight:700}
.progresspayment{display:inline-block;padding:30px 0;width:100%;}
.progresspayment h4{font-size:17px;padding:15px}
.progresspayment h3{font-weight:700;    font-size: 22px;color:#2bb673;margin-top:25px}
#progressh3{color:#2563eb}
.balancepage{margin:15px 0;float:left;width:100%}
.balancepage .green-info{margin-bottom:10px}
.balancepage .fa-info-circle{float:left;font-size:70px;margin:25px 35px 55px 20px}
.balancepage h5{font-size:18px}
.tabcontentcon .yesilbtn{width:240px;float:right;font-size:15px}
.tabcontentcon .turuncbtn{width:240px;float:left;font-size:15px}
.tabcontentcon .mavibtn{width:240px;float:left;font-size:15px}
.tabcontentcon .redbtn{width:240px;float:right;font-size:15px}
.menuurunlink{width:100%}
#acdashboardnews{float:right;width:37%}
#acdashboardactivity{float:right;width:36%;margin-left:20px;font-size:14px;}
#turquise h1{font-size:26px;line-height:50px}
#SenderIDList tr td{border-bottom:1px solid #ccc}
.smsaccountbalanceinfo .fa-info-circle{float:left;font-size:80px;color:#00bcd4;margin-right:35px;margin-top:15px;margin-left:30px}
.smsucretleri tr td{border-bottom:1px solid #eee;padding:5px}
#raporlar table tr td{border-right:1px solid #eee;border-bottom:1px solid #eee}
#pre-register-countries label{float:left;width:50%;font-size:14px;margin-bottom:5px}
#baslikislemleri .modalDialog div{width:900px}
#baslikislemleri .dataTables_filter{display:none}
.sendsmstableinfo{width:100%}
.sendsmstableinfo tr td{padding:10px;border-bottom:1px solid #eee}
.sendsmstableinfo tr td img{margin-right:5px;float:left;margin-top:5px}
.sendsmstableinfo tr th{background:#eee}
#PnResult span{font-size:18px}
#PnResult{float:right;text-align:right;margin-top:10px}
.smspreviewinfo{padding:10px;border-bottom:1px solid #eee}
.durumraportable tr td{padding:5px}
#reports td img{margin-right:7px;margin-top:5px;float:left}
.internationalsmspage{margin-bottom:25px;width:100%;float:left}
.internationalsmspage .leftblock{float:left;width:50%}
.internationalsmspage .leftblock h3{font-size:28px;margin-bottom:30px}
.internationalsmspage .leftblock h4{font-weight:200}
.internationalsmspage .rightblock{color:#474747;float:right;text-align:center;margin-top:25px;width:50%;min-height:350px;background-size:100% 100%;background-repeat:no-repeat}
.internationalsmspage .rightblocktitle{margin-bottom:20px;color:#2563eb;font-size:26px}
.internationalsmspage .rightblock .lbtn{border:2px solid #777;color:#777}
.internationalsmspage .rightblock .lbtn:hover{background:#777;color:#fff}
.internationalsmspage .rightblock .active{background:#777;color:#fff}
.internationalsmspage .rightblock select{width:50%;padding:20px}
.internationalsmspage .select2-container{text-align:left}
.internationalsmspage .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px}
.internationalsmspage .select2-container--default .select2-selection--single{height:auto;padding:8px;font-size:16px}
.internationalsmspage .select2-container--default .select2-selection--single .select2-selection__arrow{height:55px;right:15px}
.internationalsmspage .select2-selection__rendered img{margin-top:12px;margin-right:10px}
.sepetleft .lbtn{margin-bottom:20px}
.slidermio{float:left;width:100%}
.slidermio .list_carousel li{width:auto;height:auto}
.reference{width:100%;display:inline-block;margin-bottom:25px;text-align:center}
.referenceselect{float:left;width:100%;text-align:center;margin:25px 0px;}
.referenceselect select{font-size:18px;width:30%;color:#777;padding:15px 0}
.referenceselect option{font-size:17px}
.reference .anascriptlist{box-shadow:0 0 5px #eee}
.reference .anascriptlist:hover{box-shadow:0 0 10px #ccc}
.required-field-info{float:right;width:84%}
.mailgsmverify i{float:none;font-size:15px;margin:auto}
#ozet .tabcontentcon{width:85%}
.captchainput{width:110px;font-weight:600;font-size:15px;margin-left:5px}
.captcha-content{margin:auto;margin-top:20px;width:320px;text-align:center}
#captchainput{width:110px;font-weight:600;font-size:15px;margin:0px;margin-bottom:25px}
.captcha-content img {border-radius:7px;}
.required-field-info input:focus{padding-left:0}
.required-field-info input{padding:10px 0;margin-right:5px;font-size:14px}
.hesapbilgisi{display:inline-block;margin:3px;width:100%}
.hesapbilgititle{font-weight:600;font-size:15px}
.hesapbilgisi .yuzde25{width:35%;float:left;line-height:37px}
.hesapbilgisi .yuzde75{width:64%;line-height:37px}
.kisiselbilgiler{float:left;width:49%}
.hesapinfobloktitle{float:left;width:100%;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px;font-weight:600;font-size:18px;color:#2563eb}
.mailgsmverify strong{display:inline-block;width:220px;margin-right:20px;float:left;margin-top:15px}
.countryselect{display:inline-block;margin-top:7px;margin-left:15px;width:60px;height:30px;background-size:100% auto;text-align:center;padding-top:5px;background-repeat:no-repeat}
.countryselect a {color:#ffffff87;font-weight:bold;}
.countryselect a:hover {color:#ffffff;}
#selectLangCurrency{display:none;background-size:100% auto;box-shadow:none;background-position:center;background-color:transparent;color:white;text-align:center}
.langandcur{float:left;width:100%}
.langandcur img{display:inline-block;height:16px;margin-right:8px;margin-top:0px;margin-bottom:-3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.langcurclose{position:absolute;right:-10px;top:-10px;width:25px;height:25px;text-align:center;line-height:25px;background:#33333357;color:white;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.langandcur .currencyitems a {width:24%;}
.activelangcur {opacity:0.45; filter:alpha(opacity=45);}
.langandcur h4 {float:left;width:100%;padding-bottom:10px;margin-bottom:15px;    font-size: 24px;    font-weight: 600;}
.langandcur a{display:inline-block;vertical-align:top;margin:5px;font-size:16px;color:#9d9d9d;padding:10px;border:1px solid #ffffff42;border-radius:50px}
.langandcur a:hover{border:1px solid #fff;color:#fff}
.currencyitems {margin-top:25px;}
.countryselectimg{width:22px;height:17px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.7;filter:alpha(opacity=70)}
.countryselectimg:hover{opacity:1;filter:alpha(opacity=100)}
#othercountrycon{background-position:center center;float:left;width:100%;height:auto;background-size:100% auto;background-color:#333;color:#fff;font-weight:200;}
#othercountrycon a{color:#eee;font-weight:300;}
#othercountrycon #ch-currency h5 {width:24%}
#othercountrycon h2{font-size:18px;border-bottom:1px solid #515151;    font-weight: 200;}
#othercountrycon h5{font-size:14px;margin-bottom:10px;float:left;width:33%}
#othercountrycon h5 a:hover{text-decoration:underline}
#othercountrycon h5 img{float:left;margin-right:5px;width:20px;    margin-bottom: 5px; height:17px;margin-top:3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#fullwidth .head .countryselect a{padding:0;line-height:normal}
#fullwidth .head .countryselect a:hover{    background:none;}
#fullwidth .head .countryselect{line-height:normal;margin-top:10px;background-image:url(../images/map2.png)}
#fullwidth .head #othercountrycon h5 a{background:none}
#fullwidth .menu li a {font-weight:300;padding:0px 35px;border:none}
#fullwidth .menu ul li ul li a {    padding: 0 0 0 10px;}
#fullwidth .menu li a:hover{border:none}
#offer{position:absolute;font-size:12px;margin-top:-5px;margin-left:-35px;font-style:normal;background:#4caf50;line-height:normal;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:400}
#ConvertBody{text-align:center;font-size:16px}
.categoriesproduct{display:inline-block;text-align:center;width:100%;margin-top:15px;margin-bottom:30px}
.categoriesproduct a img{height:50px;width:auto;float:left;margin-right:10px}
.categoriesproduct a{line-height:50px;margin:5px;font-size:16px;border:none;padding:5px 30px;border-bottom:2px solid #ccc}
.categoriesproduct a:hover{background:#d7d7d7;border-bottom:2px solid #ccc;color:#10b981}
.categoriesproduct a i{font-size:30px;line-height:50px;margin-right:15px;float:left}
#category-button-active{background:#d7d7d7;border-bottom:2px solid #b0b0b0}
#tercihler .checkbox-custom-label,.radio-custom-label{margin: 2.5px 30px;}
#tercihler .tabcontentcon{width:55%;margin-top:30px;margin-bottom:30px}
#sifredegistir .tabcontentcon{margin-bottom:60px}
#datatable thead img{height:20px;opacity:.6;filter:alpha(opacity=60)}
.datatable thead img{height:20px;opacity:.6;filter:alpha(opacity=60)}
.hostozellk img{width:120px}
.sunucusipside .error{padding-top:15px}
.tablepaket{display:inline-block;margin-bottom:25px;vertical-align:top;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);box-shadow:0px 20px 45px 0px rgba(0,0,0,0.08);border-radius:7px}
.categoriesproduct a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);    border-radius: 50px;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.categoriesproduct a:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.categoriesproduct a:active,.categoriesproduct a:focus,.categoriesproduct a:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.categoriesproduct a:active:before,.categoriesproduct a:focus:before,.categoriesproduct a:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
#check_results a{font-size:16px;font-weight:700}
.spinner{width:40px;height:40px;margin:30px auto;background-color:#333;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}
@-webkit-keyframes sk-scaleout {
0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1.0);opacity:0}
}
@keyframes sk-scaleout {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0}
}
.sss .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{background:#eee;font-weight:600;color:#2563eb}
.sss .ui-widget-content{color:#10b981}
.sss .ui-state-default,.ui-state-hover{color:#10b981}
div.angrytext{-webkit-animation:blink 3s ease-in 0 infinite normal;animation:blink 3s ease-in 0 infinite normal}
@-webkit-keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
@keyframes blink {
0%{opacity:1}
25%{opacity:0}
50%{opacity:1}
75%{opacity:0}
100%{opacity:1}
}
#karart{display:block;position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:991}
.content-updown{width:85%}
.content-updown .formcon .yuzde70 select{width:60%}
.content-updown .tablepaket select{width:190px;padding:10px;text-align-last:center;font-size:20px;font-weight:600;margin-bottom:10px}
.content-updown .tablepaket .gonderbtn{margin-top:0;font-size:15px;padding:12px 0px;width:60%}
#currentpacket{width:320px;margin-bottom:0;display:none}
.content-updown .tablepaket span{font-size:14px;padding:4px 0}
.content-updown .tpakettitle{font-size:24px;height:40px;line-height:40px;margin:0px;margin-top:10px}
.content-updown .tpakettitle i{font-size:25px}
.meter{height:30px;position:relative;background:#bebebe;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0;-webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3);text-shadow:0 0 2px #848484}
.meter div{position:absolute;z-index:5;width:100%;color:#fff;font-size:13px;text-align:center;font-weight:600;line-height:30px}
.meter > span{display:block;height:100%;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;background-color:#2bc253;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%);-webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden}
.meter > span:after,.animate > span > span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-webkit-animation:move 2s linear infinite;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}
.animate > span:after{display:none}
@-webkit-keyframes move {
0%{background-position:0 0}
100%{background-position:50px 50px}
}
.orange > span{background-color:#f1a165;background-image:-moz-linear-gradient(top,#f1a165,#f36d0a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1a165),color-stop(1,#f36d0a));background-image:-webkit-linear-gradient(#f1a165,#f36d0a)}
.redx > span{background-image:-moz-linear-gradient(top,#f0a3a3,#f42323);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0a3a3),color-stop(1,#f42323));background-image:-webkit-linear-gradient(#f0a3a3,#f42323)}
.nostripes > span > span,.nostripes > span:after{-webkit-animation:none;background-image:none}
#weak{background:#f44336;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#strong{background:#4CAF50;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#good{background:#cddc39;padding:6px;color:#fff;text-align:center;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#renewal_list{width:50%;padding:5px;margin:auto}
#renewal_list select{text-align-last:center}
#ModifyWhois input{padding-left:0}
#haveAddress h5{font-size:16px}
#sendbta{font-size:14px}
.ModifyDns{display:inline-block;width:45%;text-align:center;border:1px solid #eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-height:300px;margin:20px;vertical-align:top}
#ModifyDns input{width:240px}
.ModifyDns .yuzde50{width:47%}
.ModifyDns input{padding-left:0}
#baslikislemleri table tr td{padding:10px;border-bottom:1px solid #eee}
#baslikislemleri table tr th{padding:10px}
#credit_list{width:50%;padding:5px;margin:auto}
#credit_list select{text-align-last:center}
.prereg-warning{font-weight:400;float:right;position:absolute;margin-left:15px;font-size:16px}
.domainlookuplist{width:70%;margin:auto}
.lookcolumtitle{background:#eee;display:inline-block;width:100%;font-weight:700;    border-radius: 7px;}
.lookcolum{width:25%;height:35px;line-height:35px;padding:10px 0;text-align:center;border-bottom:1px solid #eee;float:left}
.lookcolum .checkbox-custom-label{margin-right:-10px}
#tldok{color:#8BC34A;font-weight:700}
#tldno{color:#F44336;font-weight:700}
.tldhere{font-size:18px}
.tldavailable h4{color:#8BC34A;font-size:26px;line-height:45px}
#showTLDStatusUnavailable{color:#F44336}
.tldavailable{text-align:center;margin:35px 0}
.lookcolum .yesilbtn{padding:7px 0;margin:0;height:100%}
.tldlistfoot .lookcolum{border:none}
.spinnertld{line-height:45px}
.spinnertld > div{width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
.spinnertld .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinnertld .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay {
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay {
0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}
#upgrade .ion-speedometer{float:left;font-size:70px;margin:0 35px 17px 20px;line-height:25px;margin-top:-5px}
ul.tab .ion-speedometer{font-size:19px;line-height:0}
.amount-thousands{font-size:18px;float:left;width:100%;margin-bottom:15px;color:#777}
.invoicex{max-width:900px;background:#fff;margin:25px auto;box-shadow:0 0 15px #ccc;border-radius:7px}
.invoicex .padding{padding:40px}
.invoicex .tabcontentcon{margin-bottom:0px}
.custbillinfo{float:left;width:40%;font-size:14px}
.companybillinfo{float:right;width:45%;font-size:14px;text-align:right}
.companybillinfo img{margin-bottom:25px;height:45px;width:auto}
.invoicestatus{float:left;width:40%;text-align:center;border:2px dotted #eee;font-size:28px}
.invoicepaymethod{font-size:14px;display:inline-block;float:left;width:100%;color:#a9a9a9}
.invoicestatus .invpaid{color:#8BC34A}
.invoicestatus .invwait{color:#10b981}
.invoicestatus .invnopay{color:#F44336}
.invoicetimes{float:right;width:40%;margin-bottom:20px;margin-top:15px}
.invoicetimes .formcon .yuzde50{font-size:14px}
.invoiceidx{float:left;font-size:18px;width:40%;text-align:center;margin-top:20px}
.invoicedesc{margin-top:25px;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.invoicedesc .formcon span{padding:0 10px}
.invoicedesc .formcon{padding:3px 0}
.invoicedesc .formcon .yuzde70{font-size:14px}
.invoicedesc .formcon .yuzde30{font-size:14px;text-align:center}
.otherincoivebtns{float:right;margin:7px 0px;z-index:5;position:relative}
.otherincoivebtns .sbtn{padding:4px 12px;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:auto;font-size:14px}
.otherincoivebtns .sbtn:hover{background:#10b981;color:white;}
.otherincoivebtns .sbtn i{margin-right:5px}
.license-verify{float:left;width:100%;margin-bottom:80px}
.license-verify .pakettitle h2 span{font-size:18px;font-weight:300;color:#8d8d8d}
.license-verify-box{width:650px;margin:auto;margin-top:25px}
.license-verify-box input{padding:20px 0;font-size:18px}
.license-verification-result{text-align:center;width:100%;margin-top:25px}
.license-ok{background:#f6ffec;color:#75b22f;margin:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.license-none{background:#fff2f1;color:#f44336;margin:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.license-none .gonderbtn{border:2px solid #f44336;color:#f44336;margin-top:20px;font-weight:600}
.license-none .gonderbtn:hover{color:#fff;background:#f44336}
.license-verification-result i{font-size:48px;margin-bottom:15px}
.faturabilgisi .red-info{border:none;}
.faturabilgisi .red-info h5{color:#10b981;font-size:16px;}
.resellericon{margin-left:5px;display:inline-block;margin-bottom:-8px;height:25px}
#payment-screen .bankablok{width:48.5%;margin:5px}
#payment-screen .green-info i{font-size:20px;margin:0;margin-top:2px;margin-right:10px}
#notifiballonalert{-webkit-animation:alert 2s linear 0 infinite normal;animation:alert 2s linear 0 infinite normal}
#orders-none{text-align:center;margin-top:55px;display:inline-block;width:100%}
#addons{width:90%;margin:auto}
#upgrade-product-none{text-align:center;margin-top:55px;color:#F44336;font-weight:bold}
.style-toggle-active{margin-left:-5px}
#style-toggle{position:fixed;left:0px;top:25%;background:white;width:590px;margin-left:-294px;z-index:485;border-radius:3px;box-shadow:0px 0px 7px #ccc;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.styletheme{display:inline-block;box-shadow:0px 0px 10px #8e8e8e;margin:10px;text-align:center;line-height:130px;width:46%;height:130px;background-size:100% 100%;background-position:center;border-radius:3px;overflow:hidden}
.styletheme h5{color:white;background:rgba(0,0,0,0.6);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.styletheme h5:hover{opacity:0.0;filter:alpha(opacity=00)}
.style-toggle-button{float:right;background:white;padding:5px 15px;margin-right:-44px;font-size:22px;border-radius:3px;margin-top:27px;box-shadow:4px 0px 7px #ccc}
.style-toggle-button i{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;margin-right:-3px}
.gprimage{height:70px;-webkit-filter:grayscale(100%);filter:grayscale(100%);float:left;opacity:0.5}
.gprimage:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1.5}
.homedomainarea-con{width:75%;margin:auto}
.homedomainarea{-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);width:100%;margin-top:-70px;z-index:50;position:relative;background:white;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.homedomainarea h1{color:#2563eb}
.homedomainarea h4{font-size:24px;font-weight:300;color:#10b981;margin:15px 0px}
.homedomainarea input:not([type="submit"]){border-radius:2.20588rem;width:60%;height:100%;border:0px;padding:20px 32px;-webkit-box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);box-shadow:0px 10px 45px 0px rgba(0,0,0,0.06);border:1px solid #f5f3f3;margin:25px 0px;font-size:22px;font-weight:300;color:#10b981}
.homedomainarea::-webkit-input-placeholder{color:#10b981}
.homedomainarea:-moz-placeholder{color:#10b981}
.homedomainarea::-moz-placeholder{color:#10b981}
.homedomainarea:-ms-input-placeholder{color:#10b981}
.homedomainarea input[type="submit"]:hover{background-color:#10b981}
.homedomainarea input[type="submit"]{border:0px;background-color:#2563eb;border-radius:2.20588rem;color:#FFFFFF;margin-left:-155px;padding:20px 0px;position:absolute;margin-top:30px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
.spottlds:nth-last-child(2){border:none}
.spottlds{display:inline-block;width:132px;margin:15px 10px;border-right:1px solid #ccc;padding:0px 10px}
.spottlds img{height:25px;float:left}
.spottlds h5{font-weight:900;color:#10b981}
.tableslogan{margin-top:20px;font-weight:300;font-size:26px}
#theme2 .homedomainarea-con{width:100%;background:#eeeeee;background:-moz-linear-gradient(top,#eeeeee 0%,#ffffff 100%);background:-webkit-linear-gradient(top,#eeeeee 0%,#ffffff 100%);background:linear-gradient(to bottom,#eeeeee 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 )}
#theme2 .homedomainarea h1{margin-top:25px}
#theme2 .homedomainarea{margin-top:0px}
.anatanitim{background-repeat:no-repeat;background-position:center top;display:inline-block;background:black;position:relative;overflow:hidden;color:#ffffffe8;width:100%;margin:50px 0px;background-size:100% auto;padding:80px 0px}
.anatanitim video{margin-top:-150px;opacity:0.5;width:100%;position:absolute}
.anatanitim .gonderbtn{float:right;position:relative;z-index:4;margin-top:80px;font-size:18px;color:white;border:2px solid white;width:200px;margin-right:150px;border-radius:30px;text-align:center;padding:10px 0px}
.anatanitim .gonderbtn:hover{background:white;color:black}
.tanslogan{float:left;width:40%;z-index:5;font-weight:200;font-size:16px;font-family:'Raleway',sans-serif;line-height:24px}
.anatanitim video{margin-top:-150px;opacity:0.5;width:100%;position:absolute}
.tanslogan h2{border-bottom:1px solid #ffffff3d;padding-bottom:15px}
#empty_list{margin-top:7%;margin-bottom:40px;color:#10b981;text-align:center;display:none}
#empty_list i{font-size:54px;margin-bottom:20px}
#empty_list h4{font-size:22px}
#empty_list span{font-size:18px}
#continueshopbtn{padding:10px 30px;margin-top:25px}
.result-content h4{color:#4CAF50;font-size:22px}
.siparisbilgileri .ui-state-active{background:#10b981;color:white}
.siparisbilgileri .ui-state-default{border-radius:10px}
.sepetsipinfo .totalamountinfo{border:none;padding-top:25px;padding-bottom:10px}
.sepetsipinfo .totalamountinfo strong{font-size:16px}
.sepetsipinfo .totalamountinfo h5{font-size:30px;color:#8bc34a}
#uyeolgiris{margin-bottom:3%;display:inline-block;width:100%}
#uyeolgiris input{padding:15px 0px}
#uyeolgiris .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}
.faturabilgisi .yesilbtn{width:220px;float:right}
#NotificationForm .gonderbtn{margin-top:20px}
.sunucular .lbtn{padding:7px 18px;border:none;background:#eee;font-size:14px;border-radius:5px}
.sunucular .lbtn:hover{background:#81c04e}
#StepForm2 .alanadisorgu input{margin:5px 0px;font-size:18px}
#StepForm1 .alanadisorgu option{font-size:15px}
#StepForm1 .alanadisorgu optgroup{font-size:15px}
#StepForm2 .alanadisorgu h5{margin-bottom:25px}
#muspanel table.dataTable thead th{padding: 14px 0px;}
.datatbspan {color:#374151}
#muspanel .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#374151!important;border:1px solid #eee;background-color:#eee;border-radius:3px}
#muspanel .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#374151!important;border:1px solid #eee;background-color:#eee}
#muspanel .ui-widget-content{color:#374151}
#muspanel .ui-state-active {background:#10b981;    border-radius: 10px;}
#muspanel .ui-accordion .ui-accordion-header {   border-radius: 10px;}
#muspanel .dataTables_info {color: #374151;}
#muspanel table.dataTable tbody tr{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#muspanel table.dataTable tbody tr:hover{background-color:#f3f3f3}
#muspanel .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:64px}
#muspanel .select2-container .select2-selection--single{height:64px}
#muspanel .select2-container--default .select2-selection--single .select2-selection__arrow{height:64px}
.amount_spot_view i{font-style:normal;font-size:18px;font-weight:600;}
.currposleft{margin-left:-15px;left:0px}
.currposright{margin-right:unset !important;right:0px}
.sepetsipinfo .amount_spot_view{margin-right:10px}
#total-amount-payable{margin-right:-10px}
.tablepaket .currposright{font-size:22px}
.products_features{line-height:28px}
.ddiscountnewprice{background:#fff;padding:2px 0px;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold;width:60%;display:inline-block;color:#2563eb;font-size:19px}
.uzantibox .amount_spot_view i{font-size:14px}
.uzantibox .currposright{margin-right:-10px}
.uzantibox .currposleft{margin-left:-10px}
.doldprice{text-decoration:line-through}
.dnewprice{color:white;position:relative;width:100%;margin-top:-10px;margin-bottom:7px}
.domdiscount{background:#fff;padding:2px 10px;text-transform:capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#009595;font-size:15px}
.invoiceremind{text-align:center;width:99%;display:inline-block}
.invoiceremind .red-info{width:100%;margin-top:10px;text-align:left;background:transparent;color:#374151;border:1px solid #374151}
.invoiceremind .red-info i{float:none;margin-bottom:0;font-size:65px;color:#F44336}
.invoiceremind h4{display:inline-block;font-weight:700;font-size:18px}
#payment-screen .red-info{display:inline-block;width:100%;color:#374151;border:none;margin-top:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#payment-screen .red-info h5{font-size:15px}
.serverblokbtn a{border-radius:50px}
.homedomainarea .amount_spot_view i{font-size:14px;font-weight:600}
.homedomainarea .currposleft{margin-left:-12px}
.homedomainarea .currposright{margin-right:-12px}
.homedomainarea h4 .amount_spot_view{margin:15px;font-weight:700}
.alanadisorgu h1 .amount_spot_view{margin:0px 15px;font-weight:700}
#megamenu #kurumsalmenu{background-image:url(../images/kurumsalmenubg.jpg);padding:15px 0}
#megamenu #kurumsalmenulinks{float:left;font-size:15px;width:23%;margin-left:15px;text-shadow:.03em .03em #fff}
#megamenu #kurumsalmenulinks a{font-size:15px;color:#607D8B;padding-bottom:5px;font-weight:normal;font-family:'Titillium Web',sans-serif;padding:0px;line-height:35px;background:none;width:100%;float:left}
#megamenu #kurumsalmenulinks a:hover{padding-left:5px;color: #12232c;}
#megamenu #kurumsalmenulinks h4{font-size:16px;font-weight:700;  margin-bottom:10px;padding-bottom:10px;    border-bottom: 1px solid #607d8b36;color:#607D8B}
#megamenu #kurumsalmenulinks h3{font-size:22px; font-weight:700;color:#607D8B;line-height:28px;margin-bottom:15px;border:1px solid #607D8B;text-align:center;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#megamenu #kurumsalmenulinks h3 span{font-size:18px;font-weight:400}
#corporatemenu {background-position: center center; background-size:100%;}
.sunucular .dataTables_wrapper table tr td{font-size:15px;padding:10px 0px}
.orderperiodblock.active{box-shadow:0px 0px 7px #2563eb}


/* #mobile-mobile-devices */
@media only screen and (min-width:320px) and (max-width:1024px) {
#wrapper{width:95%;position: relative;}
.clearmob{clear:both;display:block}
.menuAc{display:block;width:75px;float:right;text-align:center;position:absolute;top:-55px;font-size:30px;right:0;text-shadow: 0 0 10px #ccc;}
.sabithead .menuAc{display:block;width:20%;float:left;text-align:center;font-size:28px;position:absolute;top:0;left:-15px}
.sabithead .menu ul{top:53px}
.sabithead .menu ul li ul{top:0}
.sabithead .menu li a{padding:12px 15px;line-height:normal}
.sabithead #sepeticon{color:#fff;margin:10px;margin-right:20px;float:right}
.menu ul{display:none;position:absolute;float:left;width:100%;background:#2563eb}
.menu ul li{float:none}
#megamenuli{position:relative}
.menu{float:left;width:100%;}
.menu li{float:left;width:100%}
.menu li a{float:left;width:100%;font-size:15px;background:rgba(0,0,0,0.2);line-height:40px;padding:0;border-bottom:1px solid rgba(0,0,0,0.2)}
.menu li a span{padding-left:25px}
.menu ul li ul{width:100%;float:left;position:relative;top:0;left:0;z-index:1;display:none;margin:0;padding:0;font-size:16px}
.menu ul li ul li ul{width:100%;top:41px;left:0}
.menu li:hover a{background:rgba(0,0,0,0.4)}
.menu ul li ul li a{width:100%;font-size:14px;padding:0;padding-left:10px;font-weight:300}
.menu ul li ul li ul li a{padding-left:20px}
.head{width:92%}
.nomobilbtn{display:none}
.headbutonlar a{float:left;margin-right:20px;font-size:13px;margin-left:0}
.sosyalbtns{display:none}
.logo{float:left;position:relative;    margin-top: 0px;}
#muspanel .logo{margin-bottom:0}
.logo img{width:195px}
.slidetext-container{width:90%;margin-top:65%}
.slidetext-container h1{font-size:22px}
.slidetext-container p{width:100%;font-size:15px}
.domainhome{height:auto;padding:10px 0}
.hdomainslogan{margin-top:0;float:none;text-align:center;line-height:35px}
.hdomainslogan h4{font-size:16px}
.hdomainslogan h3{font-size:18px}
.hdomainsorgu{float:left;width:100%;margin-top:0}
.hsorgulabtn{position:absolute;margin-left:0;right:0;font-size:24px;margin-top:-48px;margin-right:10px}
.hdomainsorgu input{font-size:18px;border:none;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0;font-size:22px}
.domainfiyatlar{display:none}
.anatanitim{background-size:auto;padding-bottom:0;padding-bottom:30px}
.tanslogan{margin-top:30px;width:96%;margin-left:10px}
.tanslogan h2{font-size:22px}
.tablopaketler{height:auto;background-size:auto;background-position:center top;background-repeat:repeat;text-align:center}
.tablopaketler .gonderbtn{display:inline-block}
.tablepaket{float:none;width:90%;display:inline-block;margin:18px auto}
.anascript{background-repeat:repeat;background-position:top center;height:auto;background-size:auto}
.scriptkategoriler{width:100%}
.scriptkategoriler a{padding:5px 0 5px 10px;margin-bottom:4px;font-size:16px;width:95%}
.anascripler{float:left;width:100%;margin-top:15px}
.tumscriptbtn{margin-top:15px;width:85%;margin-bottom:20px}
.pakettitle h1{font-size:22px}
.pakettitle h2{font-size:20px}
.ozellik{width:100%;margin:20px 0}
.servisikon{height:90px;width:90px;font-size:36px;margin-right:0}
.servisikonalt{height:73px;width:73px;line-height:73px}
.ozellik h4{    font-size: 22px;
    margin-bottom: 10px;}
.ozellik p{font-size:15px;line-height:20px}
.servisinfos{width:100%}
.musterigorusleri .list_carousel{width:300px;margin:auto}
#foo2 li{width:300px;height:auto}
.yorumyapan{width:100%;margin-left:0}
.yorumyapan img{margin-right:10px;width:60px;height:60px}
.gorusgonderbtn{margin-top:0}
.pager{margin-top:-85px}
.anascriptlist img{height:auto;width:100%}
.modalDialog>div{width:93%;margin:15% auto;padding:5px 10px 12px}
.close{right:-2px;top:-3px}
.sabithead{display:none}
.footlogos{margin-bottom:10px}
.footlogos img{width:70px;height:auto;margin:10px}
.blogvehaber{height:auto;padding-bottom:25px}
.haberblog{width:100%;margin:0;margin-bottom:15px}
.haberblog .list_carousel{width:270px;margin:auto}
.haberblog .list_carousel li img{width:100%;margin-bottom:15px;}
.haberblog .list_carousel li{width:270px;margin:auto}
.haberblog .pager a{width:15px;height:15px;margin:2px}
.haberbloktitle h4{font-size:18px}
.istatistik{float:left;width:49%;display:inline-block;margin:35px 0px}
.ebultencont{width:95%}
.ebultencont i{margin-left:10px}
.ebultencont input{width:47%;font-size:12px}
.aboneolbtn{margin:5px;width:55px;font-size:14px;line-height:46px;padding:0px;width:110px}
.footslogan{line-height:normal;height:auto;text-align:center;padding:15px 0}
.footslogan h2{float:none}
.footinfos{float:none;width:94%;margin:12px;margin-bottom:20px;display:inline-block;vertical-align:top}
.footblok{float:none;width:42%;margin:12px;font-size:14px;display:inline-block;vertical-align:top}
.footend{height:auto;text-align:center;padding:15px 0}
#uyeolgirisbody .footend{position:relative}
.footend span{float:none;font-size:14px;line-height:normal}
.footsosyal{float:none;margin:auto;display:inline-block;margin-bottom:10px;margin-top:15px}
.footsosyal a{margin:0px 3px}
.istatistik i{font-size:90px;margin-top:-100px;margin-left:-40px}
.istatistik h1{font-size:36px}
.istatistik h2{font-size:18px;margin-top:0px}
#fullwidth .head{height:auto;line-height:normal}
#fullwidth .logo{height:auto;text-align:center;    float: none;    width: 140px;}
#fullwidth .logo img{width:170px;float:none}
.headmail i{margin-left:15px}
.headmail{display:none;float:none;margin-left:0;text-align:left}
#fullwidth .head a{padding:0 10px;margin-left:0;margin-right:0;font-size:13px;line-height:38px}
#fullwidth .headustlinks a{float:right}
.headinfospan{font-size:15px}
#fullwidth .menuAc{display:block;position:relative;float:left;text-align:center;top:0;font-size:28px;left:0;padding:0;margin-top:8px}
#fullwidth .sabithead .menuAc{display:block;position:relative;float:left;text-align:center}
.sabithead #wrapper{width:100%}
#fullwidth #sepeticon{margin-top:8px;position:absolute;z-index:22;color:#fff;font-size:28px;right:10px}
#fullwidth .sabithead #sepeticon{position:absolute;z-index:22;color:#fff;font-size:26px;right:7px}
#slider4 .slidetext-container h1{font-size:17px}
#slider4 .slidetext-container p{font-size:14px;width:100%;padding:0;margin:0;line-height:15px}
#slider4 .slidetext-container{width:90%;margin:10%;margin-top:10%}
#slider4 #largeredbtn{display:none}
.sayfabaslik{float:none;width:70%;text-align:center;margin:auto;margin-top:25px}
.alanadisorgu input{width:90%;margin-bottom:10px;font-size:15px;padding:24px 15px}
.transfercode input{width:75%;padding-top:24px;padding-bottom:24px;font-size:16px}
.transfercode{width:100%;margin-top:25px}
.domainsec .alanadisorgu{text-align:center}
.tescilsonuc tr td{line-height:normal}
.uzantibox{width:24%;margin:7px;margin-bottom:12px}
.tescilucretleri{width:100%}
#girisfootend{position:relative}
.uyeolgirishead .logo{float:none;width:70%;margin:auto;margin-top:20px;text-align:center}
.uyeolgirishead h1{display:none}
.uyeolgirisslogan{width:100%;margin-top:0}
#girisyapright{width:100%;margin-top:35px}
.hostozellk img{width:100px}
.hostozellk h4{font-size:18px}
.iletisimpage{float:left;text-align:center}
.iletisimblok{width:49%;margin-bottom:25px}
#compnayinfo{width:100%;text-align:center}
.iletisimslogan{font-size:18px;width:100%;margin-top:20px}
.googlemap{width:100%}
.iletisimformu{float:right;width:100%;margin-bottom:25px}
.iletisimformu .gonderbtn{float:right;width:100%;padding:10px 0;text-align:center;margin-top:10px}
#fullwidth .menu ul{position:relative;top:0}
.sayfaustheader{background-size:200% 100%;text-shadow:0 0 2px #000;height:160px}
#header2{height:145px;    background-size: auto 200%;}
#muspanel #header2{height:120px;margin-bottom:0;background-size:100%}
.listeleme{width:100%;margin-top:25px}
.list{width:100%;margin:0;margin-bottom:15px}
.list img{width:100%}
.sidebar{width:99%;margin-top:15px;margin-bottom:0}
.sayfacontent{width:100%;margin-bottom:15px;border:none}
.scriptrightside{width:98%;float:none;margin:auto;position:relative;top:0}
.sayfabaslik a{font-size:15px}
.scriptdetayinfo{float:none;width:97%;padding-right:0;margin:auto;border:none}
.kutubanner{display:none}
.sunucugereksinim{margin-bottom:20px}
.sunucustok{margin-left:0;margin-top:-30px}
.ilanasamax{width:31.9%;font-size:14px;line-height:20px}
.ilanasamax h3{width:50px;height:50px;line-height:50px;font-size:20px}
.asamaline{margin-top:47px;margin-bottom:-45px}
.ilanasamalar{margin-bottom:15px;margin-top:17px}
.uhtutar h4{font-size:16px}
.uhperiyod h5{font-size:16px}
.uhinfo h4 a{font-size:12px}
.siparisbilgileri table{width:100%}
.domainsec{width:100%}
.ui-accordion .ui-accordion-content{padding:15px}
.domainsec .btn{width:90%}
.siparisbilgileri table tr td{font-size:16px}
.sungenbil{width:100%}
.sunucusipside{width:100%;margin-top:20px}
.sipdvmtmmbtn .gonderbtn{width:85%}
.siparisbilgileri table tr td h4{font-size:16px}
.sayfabaslik h1{font-size:20px}
.sayfabaslik i{font-size:10px;margin:5px}
.sepetleft{width:100%}
.sepetright{width:100%}
.uhinfo{width:40%;font-size: 13px;}
.uhperiyod{font-size:13px}
.uhtutar{font-size:13px}
.uhsil a{font-size:15px}
.uhinfo h5{font-size:14px}
.uhperiyod select{width:100%;font-weight:500;font-size:14px}
.mpanelinfo{height:auto;line-height:20px;font-size:15px;text-align:center;padding:10px 0;margin-top:15px}
.sayfayolu{margin-bottom:10px;font-size:13px;float:left}
.mpaneltitle h4{font-size:16px;width:100%;float:left}
.destekinfo{width:44%;vertical-align:top}
#ticketfixed .destekinfo{width:44%}
.destekinfo h5{font-size:15px}
.destekinfocon{padding:10px 0}
.destekinfo h4{font-size:14px}
.destekdosyaeki{width:100%}
.destekdetayright .gonderbtn{padding:10px 0;font-size:16px;margin-top:15px}
.header{-webkit-box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);-moz-box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);box-shadow:inset 0 110px 110px -45px rgba(0,0,0,0.75);padding-bottom:25px;    background-size: auto 150%;height:auto;margin-bottom:20px;z-index:444}
#fullwidth #wrapper{width:100%}
.header #wrapper{width:100%}
.headerwhite{display:none}
.mpanelblok:first-child:nth-last-child(4),.mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok{width:45%}
.mpanelblok{width:46%;min-height:130px;margin:5px;}
.mpanelblok h1{font-size:28px;margin-top:15px}
#turquise h1{font-size:22px;margin-top:25px;line-height:35px}
#destekcvpyaz .lbtn{float:left;margin-left:0;margin-right:0;font-size:14px}
.mpanelright{width:100%;margin-bottom:20px}
.mpanelleft{width:100%;margin-bottom:20px;margin-top:0}
.mpanelrightcon{padding:10px}
#muspanel .header{height:auto;margin-bottom:0;padding-bottom:0}
#muspanel .header .sayfabaslik{display:none}
.sepet{margin-top:0}
.destektalebiolustur .yesilbtn{width:100%}
.destektalebiolustur .ucte1{width:100%}
.faturaodenmis .yuzde30{width:100%}
.fattutarlar span,strong{text-align:center}
.fattutarlar .yuzde40{width:100%}
.fattutarlar .yuzde20{width:100%}
.hizmetblok{width:100%;margin:10px 0}
.tabcontentcon{width:100%}
ul.tab li{width:50%}
ul.tab li a{padding:14px 0;width:100%;font-size: 14px;    line-height: 25px;}
.tabcontentcon h5{font-size:16px}
#smsgonder .yuzde50{width:100%}
.mobiltable{overflow:scroll}
.destekolsbtn{float:right}
.dttblegoster{width:50px}
.mobilgenislet{top:9px;left:4px;height:25px;width:25px;display:block;color:#999;border:1px solid #999;border-radius:4px;box-sizing:content-box;text-align:center;font-family:'Courier New',Courier,monospace;line-height:30px;font-size:30px;content:'+';float:left;margin-right:7px}
.paypasbutonlar{margin-top:20px;margin-bottom:-50px}
#header2 .paypasbutonlar{margin-top:0px;text-shadow:none;position:absolute;right:10px;top:3px}
#scriptlistesi{margin:0}
.langbtn{position:absolute;right:10px;top:45px}
#fullwidth .langbtn{float:right;margin-left:20px;margin-top:15px;font-size:16px;position:relative;right:auto;top:auto}
.guncellebtn{width:50%}
.msjyazan h4{font-size:14px;margin-top:-2px}
.bilgibanka h3{font-size:22px}
.bilgibanka h4{font-size:18px}
.bbankaara input{font-size:18px}
.encokokunanbasliklar h5{font-size:16px}
.bbankakonu{margin:auto;width:100%;margin-bottom:15px}
.bbkonuinfo{float:left}
#fullwidth .menu{background-repeat:repeat-x;height:60px}
.menucolor{height:60px}
.alanadisorgu h1{font-size:20px;margin-bottom:20px;margin-top:25px}
.urunozellikleri .fa-caret-right{display:none}
.urunozellikleri .fa-check-circle{display:none}
.urunozellik{float:none;border:1px solid #999;padding:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:80%;padding:15px;margin:auto;text-align:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;margin-bottom:20px}
.domainsec h5{float:none;margin-top:12px;font-size:15px;margin-left:0}
.siparisbilgileri .btn{font-size:16px}
.scriptozellks{margin:auto;margin-bottom:10px;width:100%}
.sunucusipside{position:-webkit-relative;position:relative}
.scripthoverinfo{display:none}
.uyeol{width:100%;/* margin-top:35px */}
.songiris{font-size:13px;float:none}
#muspanel{background-size:AUTO}
.mblokbtn{font-size:13px}
.mpanelblok h2{font-size:14px}
#header2 .sayfabaslik{margin-top:30px;display:block;text-align:center;width:90%;padding:10px;min-height:75px}
.progresspayment{width:95%;margin:auto;margin-bottom:20px}
.progresspayment h4{font-size:13px;padding:10px;margin-bottom:10px}
.progresspayment h3{margin-top:10px;font-size:20px}
.balancepage .fa-info-circle{display:none}
.balanceinfo{font-size:14px}
.balancepage .hesapbilgilerim table tr td{font-size:13px}
#acdashboardactivity{width:100%;margin-left:0}
#acdashboardnews{width:100%}
.muspanelbloks #blue{display:none}
.modalDialog{position:absolute}
#pre-register-countries label{margin-bottom:3px;width:50%}
#baslikislemleri .modalDialog div{width:90%}
#raporlar .modalDialog div{width:90%}
#raporlar .modalDialog{position:fixed}
.referenceselect select{font-size:16px;width:80%}
.referenceselect option{font-size:16px}
.red-info i{display:none}
.required-field-info{width:100%;font-size:13px}
#ozet .tabcontentcon{width:100%}
.required-field-info input{padding:10px 0;margin-right:5px;width:100%;margin-bottom:5px}
.mailgsmverify{margin-bottom:15px}
.kisiselbilgiler{width:100%}
.digerbilgiler{width:100%;margin-top:25px}
.hesapbilgititle{font-size:13px}
.hesapbilgisi .yuzde25{line-height:normal}
.hesapbilgisi .yuzde75 input{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75 select{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75 textarea{font-size:13px;padding:7px 0}
.hesapbilgisi .yuzde75{font-size:13px}
.countryselect{margin-top:0;margin-left:0;    display: none;}
#fullwidth .head .countryselect{margin-top:10px;margin-left:10px}
.tablepaket:first-child:nth-last-child(4),.tablepaket:first-child:nth-last-child(4) ~ .tablepaket{width:90%}
.tablepaket:first-child:nth-last-child(8),.tablepaket:first-child:nth-last-child(8) ~ .tablepaket{width:90%}
.tablepaket:first-child:nth-last-child(12),.tablepaket:first-child:nth-last-child(12) ~ .tablepaket{width:90%}
#addNewAddressForm .yuzde30{width:49%}
#addNewAddressForm .yuzde25{width:49%}
#addNewAddressForm .yuzde15{width:49%}
#tercihler .tabcontentcon{width:100%;margin-top:30px;margin-bottom:50px}
#sifredegistir .tabcontentcon{width:100%;margin-top:30px;margin-bottom:50px}
.hostozellk{width:42%;font-size:14px}
.categoriesproduct a{font-size:15px;text-align:left}
.tescilsonuc table{width:95%}
#tesclsure{width:100%}
.dozelliklist{font-size:13px;width:100%;margin:20px 0px}
.domainfeatright{width:70%}
#check_results a{font-size:14px;font-weight:700}
.internationalsmspage .leftblock{width:100%}
.internationalsmspage .leftblock h3{font-size:20px;text-align:center}
.internationalsmspage .leftblock h4{font-weight:300;font-size:16px}
.internationalsmspage .rightblock{width:100%;margin-top:50px}
.internationalsmspage .rightblock h2{font-size:22px}
.internationalsmspage .rightblock select{width:70%}
.ticketinfos{width:100%}
.ticketdetail{width:100%}
.hizmetblok:first-child:nth-last-child(2),.hizmetblok:first-child:nth-last-child(2) ~ .hizmetblok{width:100%}
.hizmetblok:first-child:nth-last-child(4),.hizmetblok:first-child:nth-last-child(4) ~ .hizmetblok{width:100%}
.hizmetblok:nth-child(n+4):nth-child(-n+5){width:100%}
.hizmetblok:nth-child(n+6):nth-child(-n+7){width:100%}
.hizmetblok:first-child:nth-last-child(6),.hizmetblok:first-child:nth-last-child(6) ~ .hizmetblok{width:100%}
#ModifyWhois input{width:49%;font-size:13px}
.tabcontentcon .yesilbtn{width:100%}
.tabcontentcon .turuncbtn{width:100%}
.tabcontentcon .mavibtn{width:100%}
.tabcontentcon .redbtn{width:100%}
.green-info i{display:none}
.green-info p{margin:0;font-size:13px}
.ModifyDns{width:100%;min-height:auto;margin:0;margin-bottom:20px}
.bankablok{width:100%;margin:0;margin-bottom:10px}
#payment-screen .bankablok{width:100%;margin:0;margin-bottom:10px}
#NotificationForm .yuzde40{width:95%}
.bankainfo h5 span{width:100%}
.domainlookuplist{width:100%}
.tldavailable h4{line-height:normal;font-size:22px}
.tldhere{font-size:15px;word-wrap: break-word;white-space: pre-line;}
.lookcolum{font-size:14px}
.tldlistfoot .lookcolum{width:50%}
.sss #accordion h3{font-size:15px}
.sss #accordion div{font-size:13px}
.content-updown .yuzde30{width:100%}
.content-updown .yuzde70{width:100%}
.content-updown .yuzde50{width:100%}
#addNewEmail .yuzde50inpt{width:100%}
#addNewEmail .yuzde50{width:100%}
#addNewEmail .incelebtn{width:100%;text-align:center;padding:10px 0;margin-top:5px;margin-bottom:5px}
.invoicex{max-width:100%;margin:0;margin-bottom:25px}
.invoicex .padding{padding:15px}
.custbillinfo{width:100%}
.companybillinfo{width:100%;text-align:left;margin-bottom:25px}
.invoicestatus{width:100%}
.invoicetimes{width:100%;margin-bottom:0}
.faturaodenmis{margin:30px 0}
.companybillinfo img{display:block}
.invoiceidx{width:100%}
.invoicedesc .padding20{padding:0}
.license-verify-box{width:100%}
.license-verification-result h4{font-size:18px}
.license-none{width:100%}
.license-ok{width:100%}
#addons {width:100%; }
#fullwidth .menu li a {    padding: 0px; }
#muspanel #fullwidth{  margin-bottom: -15px;}
.langcurclose{top:-1px;right:-3px;}
.langandcur a {width:49%;}
ul.tab li a.active{border-bottom:2px solid #009595;background:#009595;color:white}
.gprimage{float:none;margin-left:0px;margin-top:0px;margin-bottom:10px}
.headbutonlar{display:none}
#mobmenu{position:absolute;top:0px;width:100%;background:#10b981;z-index:100}
#mobmenu ul{margin:0;margin-top:50px;padding:0}
#mobmenu ul li a{color:white}
#mobmenu ul li ul li a{padding-left:20px}
#mobmenu ul li{color:white;list-style-type:none}
#mobmenu ul .inner{overflow:hidden;display:none;float:left;width:100%}
#mobmenu ul .inner.show{}
#mobmenu ul li ul{margin-top:0px}
.mobmenu ul li ul li{padding-left:0}
#mobmenu ul li a.toggle{width:100%;display:block;background:#10b981;color:#fefefe;border-radius:0.15em;transition:background .3s ease}
#mobmenu ul li ul li a.toggle{padding-left:20px}
#mobmenu ul li ul li ul li a{padding-left:35px}
#mobmenu ul li a.toggle:hover{background:rgba(0,0,0,0.18)}
#mobmenu ul a span{padding:0px 20px}
#mobmenu ul a{float:left;width:100%;padding:14px 0px;border-bottom:.1em solid #0000001a;color:#6c8193;font-size:15px}
#mobmenu .headbutonlar{float:none;display:inline-block;text-align:center;width:100%;margin-top:20px}
#mobmenu .headbutonlar a{float:left;margin-left:20px;font-size:13px}
#mobmenu #sepeticon{font-size:26px;float:right;color:#fff;margin-top:-7px;margin-right:27px}
#mobmenu .menuAc{top:50px}
.homedomainarea-con{width:93%}
.homedomainarea-con .padding30{padding:10px}
.homedomainarea h1{font-size:26px;margin-top:15px}
.homedomainarea input:not([type="submit"]){width:83%;padding:20px;font-size:18px}
.homedomainarea input[type="submit"]{width:110px;font-size:14px;padding:19px 0px;margin-left:-115px}
.spottlds{width:30%;border:none;text-align:center}
.spottlds img{float:none}
.homedomainarea h4{font-size:18px}
#home .pakettitle{margin-top:0px}
.tableslogan{font-size:18px}
.anascriptlist{margin-bottom:25px}
.musyorum{font-size:15px}
.istatistik h2{font-size:18px}
.istatistik h1{font-size:36px}
.ebulten{background-size:auto 100%}
.footer{padding:30px 0}
.footslogan h4{font-size:18px}
.footslogan h2{font-size:24px;margin-top:10px}
.footcopyright{text-align:center}
.fullwidthhead{text-align:center}
#mobmenu #megamenu{position:relative;padding:0px;margin-top:0px;background-size:auto}
#mobmenu #megamenuservice{width:44%}
#mobmenu #megamenuservice a{color:#10b981}
#mobmenu #megamenuservice .padding20{padding:5px}
#mobmenu #megamenu h4{color:#10b981}
#fullwidth #mobmenu{position:relative;float:left}
#fullwidth #mobmenu .headbutonlar{margin-top:0px}
#fullwidth #mobmenu .headbutonlar a{float:left;color:white;border-bottom:.1em solid #0000001a;font-size:13px;margin:0px;width:48%;padding:12px 0px;border-radius:0px}
#fullwidth #mobmenu #megamenuservice a{color:#ffffffd6}
#fullwidth #mobmenu .padding30{text-align:center;padding:20px 5px}
#fullwidth #mobmenu #megamenuservice .padding20{padding:10px 7px;display:inline-block}
#fullwidth #mobmenu .digerhmzinfo{float:none;padding: 15px;width:100%;position:relative;display:inline-block}
.anatanitim{background-size:auto;padding-bottom:60px;padding-top:50px}
.anatanitim .gonderbtn{float:left;margin-top:10px;font-size:16px;width:200px;margin-right:0px}
.anatanitim video{width:320%;background:#000}
.tanslogan{margin-top:30px;width:96%;margin-left:10px}
.tanslogan{margin-top:0px;width:100%;margin-left:0px;font-size:15px;position:relative}
#fullwidth .anatanitim #wrapper{width:90%}
.domainozellikler{background-size:auto 100%}
.domainsec .ui-accordion .ui-accordion-content{padding:15px 0px}
.domainsec select{width:98%}
#checkButton{border:0px;background-color:#8BC34A;border-radius:2.20588rem;color:#FFFFFF;margin-left:auto;padding:18px 0px;position:relative;margin-top:0px;margin-bottom:10px;display:inline-block;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:150px;font-size:16px}
#megamenu #kurumsalmenulinks{width:100%;margin-left:0px;margin-bottom:15px}
#corporatemenu{background-size:auto 100%}
.cd-top{height:40px;width:40px;bottom:20px;right:20px}
.tescilucretleri table tr td{padding:10px 0px;font-size:13px}
.tescilucretleri table tr th{padding:10px 0px;font-size:14px}
.tescilucretleri h4{margin-bottom:20px;font-size:20px}
.langandcur h4{font-size:19px}
.captcha-content{width:250px;transform:scale(0.8);margin-left:-20px}
.content-updown .tablepaket select{margin-bottom:15px;margin-left:auto;margin-right:auto;display:block}

}
/* #mobile-device-end */

/* #other-mobile-device{clear:both} */
@media only screen and (min-width:320px) and (max-width:374px) {
.slidetext-container{margin-top:65%}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.slidetext-container{margin-top:30%}
}
@media only screen and (min-width:568px) and (max-height:320px) {
.slidetext-container{margin-top:30%}
.slidetext-container h1{font-size:18px}
.slidetext-container p{width:100%;font-size:14px}
#largeredbtn{padding:5px 40px;font-size:14px}
}
@media only screen and (min-width:665px) and (max-width:759px) {
.cd-top{right:20px;bottom:20px}
.slidetext-container{width:90%;margin-top:30%}
.slidetext-container h1{font-size:22px}
.slidetext-container p{width:100%;font-size:16px}
#largeredbtn{padding:5px 40px;font-size:14px}
}
@media only screen and (min-width:320px) and (max-width:1023px) {
.mioslidertext{color:#fff;position:relative;left:0;width:100%;text-align:center}
}
@media only screen and (min-width:1024px) and (max-width:1248px) {
#wrapper{width:95%}
}
@media only screen and (min-width:665px) and (max-width:759px) {
.cd-top{right:20px;bottom:20px}
}
@media only screen and (min-width:950px) and (max-width:1156px) {
#fullwidth .menu li a{padding:0px 25px}
.menu li a{padding-left:18px;padding-right:18px}
}
@media only screen and (min-width:1023px) {
.cd-top{height:60px;width:60px;right:30px;bottom:30px;    border-radius: 7px;}
}

@media only screen and (max-width: 1025px) and (min-width: 320px) {
.invoiceremind{margin-bottom:15px;font-size:13px}
.invoiceremind h4{font-size:16px}
.invoiceremind .lbtn{float:none;margin-top:7px}
.invoiceremind .padding20{padding:15px}
}

.hostingozellikler #wrapper {
    width: unset !important;
    max-width: unset !important;
    margin: 0 auto;
    padding: unset !important;
    display: flex;
    justify-content: space-between;
}

/*  #Other-media-mobile-devices-end */

/* ===================================
   DOLUGO PARTNER THEME CSS
   =================================== */

/* CSS Variables */
:root {
    --dolugo-primary: #667eea;
    --dolugo-primary-dark: #5a6fd8;
    --dolugo-accent: #764ba2;
    --dolugo-success: #10b981;
    --dolugo-warning: #f59e0b;
    --dolugo-danger: #ef4444;
    --dolugo-dark: #1e293b;
    --dolugo-muted: #64748b;
    --dolugo-light: #f8fafc;
    --dolugo-gray: #94a3b8;
    --dolugo-gray-light: #e2e8f0;
    --dolugo-white: #ffffff;
}

/* ===================================
   RESELLER PAGE STYLES
   =================================== */

.dolugo-panel-container {
    padding: 0 1.5rem 0 1.5rem !important;
    margin-top: 1rem;
}

/* Page Container */
.dolugo-page-container {
    margin: 1rem 0;
    padding: 0 1.5rem 0 1.5rem !important;
}

.dolugo-social-share-container {
  padding: 30px;  
}

/* Page Header */
.dolugo-breadcrumb {
    color: white;
    font-size: 14px;
    margin-bottom: 15px;
}

.dolugo-breadcrumb a {
    color: #667eea;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-breadcrumb a:hover {
    color: #5a6fd8;
    text-decoration: underline;
}

.dolugo-page-title {
    text-align: center;
}

.dolugo-page-title h1 {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.dolugo-page-title i {
    color: #667eea;
    font-size: 24px;
}

/* Reseller Get Started */
.dolugo-reseller-getstarted {
    margin-bottom: 40px;
}

.dolugo-alert {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border-left: 4px solid;
}

.dolugo-alert-success {
    background: rgba(16, 185, 129, 0.1);
    border-color: #10b981;
    color: #065f46;
}

.dolugo-alert-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.dolugo-alert-content i {
    font-size: 24px;
    flex-shrink: 0;
    margin-top: 2px;
    color: #10b981;
}

.dolugo-alert-content p {
    margin: 0;
    line-height: 1.6;
    font-size: 16px;
}

.dolugo-alert-content strong {
    font-weight: 600;
}

/* Features Section */
.dolugo-features-section {
    margin-bottom: 30px;
}

.dolugo-section-title {
    font-size: 20px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 20px 0;
}

.dolugo-feature-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dolugo-feature-item {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #475569;
    line-height: 1.6;
    position: relative;
    padding-left: 30px;
}

.dolugo-feature-item:last-child {
    border-bottom: none;
}

.dolugo-feature-item::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 12px;
    color: #10b981;
    font-weight: bold;
    font-size: 16px;
}

/* Contact Section */
.dolugo-contact-section {
    text-align: center;
    margin-top: 30px;
}

.dolugo-btn {
    padding: 16px 32px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    display: inline-block;
    margin-top: 1rem;
}

.dolugo-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.dolugo-btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.dolugo-btn-success:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.dolugo-btn-large {
    padding: 18px 36px;
    font-size: 20px;
    border-radius: 14px;
}

/* Clear */
.dolugo-clear {
    clear: both;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-page-container {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-page-title {
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-page-title h1 {
        font-size: 24px;
    }
    
    .dolugo-alert {
        padding: 15px;
    }
    
    .dolugo-alert-content {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-btn {
        padding: 14px 28px;
        font-size: 16px;
    }
    
    .dolugo-btn-large {
        padding: 16px 32px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .dolugo-page-container {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .dolugo-page-title h1 {
        font-size: 20px;
    }
    
    .dolugo-alert {
        padding: 12px;
    }
    
    .dolugo-feature-item {
        padding-left: 25px;
        font-size: 14px;
    }
    
    .dolugo-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
    
    .dolugo-btn-large {
        padding: 14px 28px;
        font-size: 16px;
    }
}
/* Dolugo Partner Dashboard CSS */

/* CSS Variables */
:root {
    --dolugo-primary: #667eea;
    --dolugo-primary-dark: #5a6fd8;
    --dolugo-accent: #764ba2;
    --dolugo-success: #10b981;
    --dolugo-warning: #f59e0b;
    --dolugo-danger: #ef4444;
    --dolugo-dark: #1e293b;
    --dolugo-muted: #64748b;
    --dolugo-light: #f8fafc;
    --dolugo-gray: #94a3b8;
    --dolugo-gray-light: #e2e8f0;
    --dolugo-white: #ffffff;
}

/* Sidebar Styling */
.dolugo-partner-leftbar {
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
    transform: translateX(0) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dolugo-partner-leftbar .companylogo {
    padding: 32px 24px 24px 24px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dolugo-partner-leftbar .companylogo img {
    max-width: 180px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
}

.dolugo-partner-leftbar .wclientwelcome {
    display: block !important;
    padding: 20px 24px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dolugo-partner-leftbar .wclientwelcome strong {
    color: white !important;
    font-weight: 700 !important;
}

.dolugo-partner-leftbar .wclientwelcome i {
    color: rgba(255, 255, 255, 0.7) !important;
    font-style: italic !important;
}

/* Modern Client Menu */
.dolugo-partner-leftbar .modernclientmenu {
    padding: 24px 0 !important;
}

.dolugo-partner-leftbar .modernclientmenu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dolugo-partner-leftbar .modernclientmenu li {
    margin: 0 !important;
    padding: 0 !important;
}

.dolugo-partner-leftbar .modernclientmenu a {
    display: flex !important;
    align-items: center !important;
    padding: 16px 24px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
    border-radius: 0px !important;
}

.dolugo-partner-leftbar .modernclientmenu a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-left-color: rgba(255, 255, 255, 0.5) !important;
    transform: translateX(4px) !important;
}

.dolugo-partner-leftbar .modernclientmenu a.active {
    background: rgba(255, 255, 255, 0.15) !important;
    color: white !important;
    border-left-color: white !important;
    font-weight: 600 !important;
}

.dolugo-partner-leftbar .modernclientmenu a span {
    flex: 1 !important;
}

.dolugo-partner-leftbar .modernclientmenu .inner {
    background: rgba(0, 0, 0, 0.1) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dolugo-partner-leftbar .modernclientmenu .inner li a {
    padding: 12px 24px 12px 48px !important;
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.dolugo-partner-leftbar .modernclientmenu .inner li a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.dolugo-partner-leftbar .modernclientmenu .inner li a i {
    margin-right: 8px !important;
    font-size: 0.8rem !important;
    opacity: 0.7 !important;
}

/* Mobile Button */
.dolugo-partner-leftbar .mclientmobbtn {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.dolugo-partner-leftbar .mclientmobbtn:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

/* Mpanel Left Styling */
.dolugo-partner-mpanelleft {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    margin: 24px !important;
    overflow: hidden !important;
}

.dolugo-partner-mpanelleft .invoicereminleft {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    border: 1px solid #fca5a5 !important;
    border-radius: 12px !important;
    margin: 20px !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.dolugo-partner-mpanelleft .invoicereminleft h4 {
    color: #991b1b !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.dolugo-partner-mpanelleft .invoicereminleft span {
    color: #7f1d1d !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 16px !important;
}

.dolugo-partner-mpanelleft .invoicereminleft .lbtn {
    background: #dc2626 !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.dolugo-partner-mpanelleft .invoicereminleft .lbtn:hover {
    background: #b91c1c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

.dolugo-partner-mpanelleft .invoicereminleft img {
    position: absolute !important;
    right: -30px !important;
    bottom: -20px !important;
    height: 120px !important;
    opacity: 0.1 !important;
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) !important;
}

/* Mpanel Buttons Styling */
.dolugo-partner-mpanelbtns {
    padding: 20px !important;
}

.dolugo-partner-mpanelbtns ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dolugo-partner-mpanelbtns li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

.dolugo-partner-mpanelbtns a {
    display: flex !important;
    align-items: center !important;
    padding: 14px 16px !important;
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    border-radius: 10px !important;
    background: white !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-partner-mpanelbtns a:hover {
    background: #f8fafc !important;
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.dolugo-partner-mpanelbtns a.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-color: #667eea !important;
    font-weight: 600 !important;
}

.dolugo-partner-mpanelbtns a span {
    flex: 1 !important;
}

.dolugo-partner-mpanelbtns .inner {
    background: #f8fafc !important;
    margin: 8px 0 0 0 !important;
    padding: 8px !important;
    border-radius: 8px !important;
}

.dolugo-partner-mpanelbtns .inner li a {
    padding: 10px 16px 10px 32px !important;
    font-size: 0.85rem !important;
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
}

.dolugo-partner-mpanelbtns .inner li a:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    color: #667eea !important;
}

.dolugo-partner-mpanelbtns .inner li a i {
    margin-right: 6px !important;
    font-size: 0.75rem !important;
    opacity: 0.7 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    #modernpanel #dashboard_button_close {
        opacity: 100%;
    }

    .dolugo-partner-leftbar {
        transform: translateX(-100%) !important;
        width: 80% !important;
    }
    
    .dolugo-partner-leftbar.show {
        transform: translateX(0) !important;
    }
    
    .dolugo-partner-mpanelleft {
        margin: 16px !important;
    }
    
    .dolugo-partner-mpanelbtns {
        padding: 16px !important;
    }
}

/* Body and Container Adjustments */
body#modernpanel {
    /* Layout properties removed for better flexibility */
}

.rightcontent {
    /* Layout properties removed for better flexibility */
    width: calc(100% - 280px);
}

/* Mobile Responsive */
@media (max-width: 1200px) {
    .dolugo-stats-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 768px) {
    body#modernpanel {
        /* Layout properties removed for better flexibility */
    }
    
    .rightcontent {
        width: 100%;
    }
    
    .dolugo-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    .dolugo-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* Scrollbar Styling */
.dolugo-partner-leftbar::-webkit-scrollbar {
    width: 6px !important;
}

.dolugo-partner-leftbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1) !important;
}

.dolugo-partner-leftbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

.dolugo-partner-leftbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* Animation for Menu Items */
.dolugo-partner-leftbar .modernclientmenu a,
.dolugo-partner-mpanelbtns a {
    animation: slideInLeft 0.3s ease-out;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Hover Effects */
.dolugo-partner-leftbar .modernclientmenu a:hover,
.dolugo-partner-mpanelbtns a:hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Focus States */
.dolugo-partner-leftbar .modernclientmenu a:focus,
.dolugo-partner-mpanelbtns a:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5) !important;
    outline-offset: 2px !important;
}

/* Statistics Grid */
.dolugo-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 32px !important;
}

.dolugo-stat-card {
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid #f1f5f9 !important;
    position: relative !important;
}

.dolugo-stat-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.dolugo-stat-card a {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
    height: 100% !important;
}

.dolugo-stat-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 24px auto 16px auto !important;
    font-size: 2rem !important;
    color: white !important;
    position: relative !important;
    z-index: 2 !important;
}

.dolugo-stat-icon::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)) !important;
    z-index: -1 !important;
}

.dolugo-stat-green .dolugo-stat-icon {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3) !important;
}

.dolugo-stat-blue .dolugo-stat-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3) !important;
}

.dolugo-stat-red .dolugo-stat-icon {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.3) !important;
}

.dolugo-stat-gray .dolugo-stat-icon {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%) !important;
    box-shadow: 0 8px 25px rgba(107, 114, 128, 0.3) !important;
}

.dolugo-stat-turquoise .dolugo-stat-icon {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
    box-shadow: 0 8px 25px rgba(6, 182, 212, 0.3) !important;
}

.dolugo-stat-content {
    padding: 0 24px 24px 24px !important;
    text-align: center !important;
}

.dolugo-stat-content h1 {
    font-size: 3rem !important;
    font-weight: 800 !important;
    margin: 0 0 8px 0 !important;
    color: #1e293b !important;
    line-height: 1 !important;
}

.dolugo-stat-content h2 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    color: #64748b !important;
    line-height: 1.4 !important;
}

.dolugo-stat-btn {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.dolugo-stat-btn span {
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

.dolugo-stat-card:hover .dolugo-stat-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: #667eea !important;
    transform: translateY(-2px) !important;
}

.dolugo-stat-card:hover .dolugo-stat-btn span {
    color: white !important;
}

/* Domain Search Panel */
.dolugo-domain-search {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 32px !important;
    text-align: center !important;
    margin-bottom: 24px !important;
}

.dolugo-domain-search h1 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 0 24px 0 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
}

.dolugo-domain-form {
    max-width: 555px !important;
    margin: 0 auto !important;
}

.dolugo-search-input-group {
    display: flex !important;
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.dolugo-search-input-group:focus-within {
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1), 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.dolugo-domain-input {
    flex: 1;
    border: none;
    padding: 16px 20px;
    font-size: 1rem;
    color: #1e293b;
    background: transparent;
    outline: none;
}

.dolugo-domain-input::placeholder {
    color: #94a3b8 !important;
    opacity: 0.8 !important;
}

.dolugo-domain-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    padding: 16px 24px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 140px !important;
    justify-content: center !important;
}

.dolugo-domain-btn:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6b46c1 100%) !important;
    transform: translateX(2px) !important;
}

.dolugo-domain-btn i {
    font-size: 1.1rem !important;
}

.dolugo-domain-btn span {
    font-weight: 600 !important;
}

/* Price Display */
.dolugo-price-display {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
    display: ruby;
}

.dolugo-currency {
    font-style: normal !important;
    font-weight: 700 !important;
}

.dolugo-currency-left {
    margin-right: 4px !important;
}

.dolugo-currency-right {
    margin-left: 4px !important;
}

/* Responsive Design for Stats */
@media (max-width: 768px) {
    .dolugo-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .dolugo-stat-content h1 {
        font-size: 2.5rem !important;
    }
    
    .dolugo-stat-content h2 {
        font-size: 1rem !important;
    }
    
    .dolugo-domain-search {
        padding: 24px 20px !important;
    }
    
    .dolugo-domain-search h1 {
        font-size: 1.5rem !important;
    }
    
    .dolugo-search-input-group {
        flex-direction: column !important;
    }
    
    .dolugo-domain-btn {
        border-radius: 0 0 16px 16px !important;
        min-width: auto !important;
    }
}

/* DataTables Customization */
.dataTables_wrapper .dataTables_filter input {
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    background: white !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
    outline: none !important;
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
}

/* Card Styles */
.dolugo-card {
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f1f5f9 !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
}

.dolugo-card-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    padding: 24px 32px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.dolugo-card-header h3 {
    margin: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.dolugo-card-header h3 i {
    color: #667eea !important;
    font-size: 1.3rem !important;
}

.dolugo-card-body {
    padding: 32px !important;
}

/* Button Styles */
.dolugo-btn:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6b46c1 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;
    color: white !important;
}

/* Table Styles */
.dolugo-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 16px !important;
}

.dolugo-table th {
    background: #f8fafc !important;
    padding: 16px !important;
    text-align: left !important;
    font-weight: 600 !important;
    color: #475569 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

.dolugo-table td {
    padding: 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #64748b !important;
}

.dolugo-table tr:hover {
    background: #f8fafc !important;
}

/* Status Styles */
.dolugo-status {
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.dolugo-status-active {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.dolugo-status-waiting {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.dolugo-status-inprocess {
    background: #dbeafe !important;
    color: #1e40af !important;
}

.dolugo-status-suspended {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.dolugo-status-cancelled {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

/* Action Button */
.dolugo-action-btn {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.dolugo-action-btn:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
}

.dolugo-action-btn.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Empty State */
.dolugo-empty {
    text-align: center !important;
    padding: 48px 24px !important;
    color: #64748b !important;
}

.dolugo-empty i {
    font-size: 4rem !important;
    color: #cbd5e1 !important;
    margin-bottom: 16px !important;
}

.dolugo-empty h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 0 0 12px 0 !important;
    color: #475569 !important;
}

.dolugo-empty p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 400px !important;
    margin: 0 auto !important;
}

/* Info Box */
.dolugo-info-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

.dolugo-info-box i {
    color: #667eea !important;
    font-size: 1.2rem !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

.dolugo-info-box p {
    margin: 0 !important;
    color: #475569 !important;
    line-height: 1.6 !important;
}

.dolugo-info-box img {
    border-radius: 12px !important;
    margin-right: 16px !important;
    float: left !important;
}

/* Status Tabs */
.dolugo-status-tabs {
    display: flex !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
}

.dolugo-status-tabs a {
    background: #f8fafc !important;
    color: #64748b !important;
    text-decoration: none !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-status-tabs a:hover {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

.dolugo-status-tabs a.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-color: #667eea !important;
}

/* Product Info */
.dolugo-product-info {
    color: #64748b !important;
    font-size: 0.9rem !important;
}

/* ===== HEADER STYLES ===== */

/* Header Container */
.dolugo-header {
    background: white !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 16px 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}


/* Mobile Toggle Button */
.dolugo-mobile-toggle {
    display: none !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.dolugo-mobile-toggle:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6b46c1 100%) !important;
    transform: translateY(-2px) !important;
}

/* Welcome Section */
.dolugo-welcome {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.dolugo-welcome-icon {
    width: 48px !important;
    height: 48px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1.5rem !important;
}

.dolugo-welcome-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.dolugo-welcome-greeting {
    font-size: 0.9rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.dolugo-welcome-name {
    font-size: 1.2rem !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

.dolugo-reseller-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: white !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
}

.dolugo-reseller-badge:hover {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    transform: translateY(-2px) !important;
    color: white !important;
}

/* Header Actions */
.dolugo-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.dolugo-action-item {
    position: relative !important;
}

/* Language Selector */
.dolugo-lang-selector {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-lang-selector:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

.dolugo-lang-selector img {
    width: 20px !important;
    height: 15px !important;
    border-radius: 2px !important;
}

.dolugo-action-label {
    font-weight: 600 !important;
}

/* Currency Selector */
.dolugo-currency-selector {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-currency-selector:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

.dolugo-currency-selector i {
    color: #10b981 !important;
}

/* Cart Button */
.dolugo-cart-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    text-decoration: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 1.2rem !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.dolugo-cart-btn:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6b46c1 100%) !important;
    transform: translateY(-2px) !important;
    color: white !important;
}

.dolugo-cart-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #ef4444 !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* Notifications */
.dolugo-notifications {
    position: relative !important;
}

.dolugo-notification-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    color: #475569 !important;
    text-decoration: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 1.2rem !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-notification-btn:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

.dolugo-notification-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #ef4444 !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    min-width: 20px !important;
    text-align: center !important;
}

.dolugo-notification-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 400px !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #e2e8f0 !important;
    margin-top: 12px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
}

.dolugo-notifications:hover .dolugo-notification-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.dolugo-notification-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 24px !important;
    border-radius: 16px 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.dolugo-notification-title h3 {
    margin: 0 0 8px 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
}

.dolugo-notification-title p {
    margin: 0 !important;
    opacity: 0.9 !important;
    font-size: 0.9rem !important;
}

.dolugo-notification-icon {
    font-size: 2rem !important;
    opacity: 0.8 !important;
}

.dolugo-notification-content {
    padding: 24px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}

.dolugo-notification-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.dolugo-notification-item:last-child {
    border-bottom: none !important;
}

.dolugo-notification-item.unread {
    background: #f0f9ff !important;
    margin: 0 -24px !important;
    padding: 16px 24px !important;
}

.dolugo-notification-item-icon {
    color: #667eea !important;
    font-size: 1.1rem !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

.dolugo-notification-item-content p {
    margin: 0 !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    font-size: 0.9rem !important;
}

.dolugo-notification-empty {
    text-align: center !important;
    padding: 32px 24px !important;
    color: #64748b !important;
}

.dolugo-notification-empty i {
    font-size: 3rem !important;
    color: #cbd5e1 !important;
    margin-bottom: 16px !important;
}

.dolugo-notification-empty h4 {
    margin: 0 0 8px 0 !important;
    color: #475569 !important;
    font-size: 1.1rem !important;
}

.dolugo-notification-empty p {
    margin: 0 !important;
    font-size: 0.9rem !important;
}

.dolugo-notification-footer {
    padding: 20px 24px !important;
    border-top: 1px solid #f1f5f9 !important;
    text-align: center !important;
}

.dolugo-read-all-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.dolugo-read-all-btn:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6b46c1 100%) !important;
    transform: translateY(-2px) !important;
    color: white !important;
}

/* Profile Menu */
.dolugo-profile-menu {
    position: relative !important;
}

.dolugo-profile-btn {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-profile-btn:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

.dolugo-profile-avatar {
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1rem !important;
}

.dolugo-profile-name {
    font-weight: 600 !important;
}

.dolugo-profile-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 320px !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #e2e8f0 !important;
    margin-top: 12px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
}

.dolugo-profile-menu:hover .dolugo-profile-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.dolugo-profile-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 24px !important;
    border-radius: 16px 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.dolugo-profile-info h3 {
    margin: 0 0 8px 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
}

.dolugo-profile-info p {
    margin: 0 !important;
    opacity: 0.9 !important;
    font-size: 0.9rem !important;
}

.dolugo-profile-avatar-large {
    width: 48px !important;
    height: 48px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1.5rem !important;
}

.dolugo-profile-menu-items {
    padding: 16px 0 !important;
}

.dolugo-profile-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 24px !important;
    color: #475569 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.dolugo-profile-menu-item:hover {
    background: #f8fafc !important;
    color: #1e293b !important;
}

.dolugo-profile-menu-icon {
    color: #667eea !important;
    font-size: 1.1rem !important;
    width: 20px !important;
    text-align: center !important;
}

.dolugo-profile-menu-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.dolugo-profile-menu-title {
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

.dolugo-profile-menu-desc {
    font-size: 0.8rem !important;
    color: #64748b !important;
}

.dolugo-profile-footer {
    padding: 20px 24px !important;
    border-top: 1px solid #f1f5f9 !important;
    text-align: center !important;
}

.dolugo-logout-btn {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.dolugo-logout-btn:hover {
    background: #fecaca !important;
    color: #b91c1c !important;
    transform: translateY(-2px) !important;
}

/* Auth Menu (for non-logged users) */
.dolugo-auth-menu {
    position: relative !important;
}

.dolugo-auth-btn {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
}

.dolugo-auth-btn:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    transform: translateY(-2px) !important;
}

.dolugo-auth-avatar {
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1rem !important;
}

.dolugo-auth-text {
    font-weight: 600 !important;
}

.dolugo-auth-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 280px !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #e2e8f0 !important;
    margin-top: 12px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.3s ease !important;
    z-index: 1001 !important;
}

.dolugo-auth-menu:hover .dolugo-auth-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.dolugo-auth-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 24px !important;
    border-radius: 16px 16px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.dolugo-auth-info h3 {
    margin: 0 0 8px 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
}

.dolugo-auth-info p {
    margin: 0 !important;
    opacity: 0.9 !important;
    font-size: 0.9rem !important;
}

.dolugo-auth-avatar-large {
    width: 48px !important;
    height: 48px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 1.5rem !important;
}

.dolugo-auth-menu-items {
    padding: 16px 0 !important;
}

.dolugo-auth-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 24px !important;
    color: #475569 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.dolugo-auth-menu-item:hover {
    background: #f8fafc !important;
    color: #1e293b !important;
}

.dolugo-auth-menu-icon {
    color: #667eea !important;
    font-size: 1.1rem !important;
    width: 20px !important;
    text-align: center !important;
}

.dolugo-auth-menu-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.dolugo-auth-menu-title {
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}

.dolugo-auth-menu-desc {
    font-size: 0.8rem !important;
    color: #64748b !important;
}

/* Responsive Header */
@media (max-width: 768px) {
    .dolugo-header-wrapper {
        padding: 0 16px !important;
    }
    
    .dolugo-mobile-toggle {
        display: flex !important;
    }
    
    .dolugo-welcome {
        display: none !important;
    }
    
    .dolugo-header-actions {
        gap: 8px !important;
    }
    
    .dolugo-action-label {
        display: none !important;
    }
    
    .dolugo-profile-name,
    .dolugo-auth-text {
        display: none !important;
    }
    
    .dolugo-notification-dropdown,
    .dolugo-profile-dropdown,
    .dolugo-auth-dropdown {
        width: 300px !important;
        right: -100px !important;
    }
}

@media (max-width: 480px) {
    .dolugo-header-actions {
        gap: 4px !important;
    }
    
    .dolugo-notification-dropdown,
    .dolugo-profile-dropdown,
    .dolugo-auth-dropdown {
        width: 280px !important;
        right: -120px !important;
    }
}

/* ===== OVERRIDE EXISTING CLASSES ===== */

/* Override .rightconhead class */
.rightconhead {
    height: auto !important;
    float: none !important;
}

/* ===== FOOTER STYLES ===== */

/* Footer Container */
.dolugo-footer {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
    color: white !important;
    margin-top: 80px !important;
}

.dolugo-footer-wrapper {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* Newsletter Section */
.dolugo-newsletter {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 24px !important;
    padding: 48px !important;
    margin: 48px 0 !important;
    text-align: center !important;
    box-shadow: 0 25px 50px -12px rgba(102, 126, 234, 0.3) !important;
}

.dolugo-newsletter-content {
    max-width: 600px !important;
    margin: 0 auto !important;
}

.dolugo-newsletter-text h3 {
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    color: white !important;
}

.dolugo-newsletter-text p {
    font-size: 1.1rem !important;
    margin: 0 0 32px 0 !important;
    opacity: 0.9 !important;
    line-height: 1.6 !important;
}

.dolugo-newsletter-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.dolugo-newsletter-input-group {
    display: flex !important;
    gap: 16px !important;
    align-items: stretch !important;
}

.dolugo-newsletter-input-wrapper {
    flex: 1 !important;
    position: relative !important;
    background: white !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.dolugo-newsletter-input-wrapper i {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #64748b !important;
    font-size: 1.1rem !important;
}

.dolugo-newsletter-input-wrapper input {
    width: 100% !important;
    border: none !important;
    padding: 16px 20px 16px 56px !important;
    font-size: 1rem !important;
    color: #1e293b !important;
    background: transparent !important;
    outline: none !important;
}

.dolugo-newsletter-input-wrapper input::placeholder {
    color: #94a3b8 !important;
}

.dolugo-newsletter-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
    text-decoration: none !important;
    padding: 16px 32px !important;
    border-radius: 16px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

.dolugo-newsletter-btn:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
    color: white !important;
}

.dolugo-newsletter-btn-disabled {
    background: #6b7280 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.dolugo-newsletter-btn-disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

.dolugo-newsletter-gdpr {
    margin-top: 16px !important;
}

.dolugo-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    cursor: pointer !important;
    font-size: 0.9rem !important;
    opacity: 0.9 !important;
}

.dolugo-checkbox {
    display: none !important;
}

.dolugo-checkbox-custom {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 6px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.dolugo-checkbox:checked + .dolugo-checkbox-custom {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

.dolugo-checkbox:checked + .dolugo-checkbox-custom::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;
}

.dolugo-checkbox-text {
    line-height: 1.5 !important;
}

.dolugo-checkbox-text a {
    color: #10b981 !important;
    text-decoration: underline !important;
}

/* Partner Logos */
.dolugo-partner-logos {
    text-align: center !important;
    margin: 48px 0 !important;
}

.dolugo-partner-logos-title h3 {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    color: white !important;
}

.dolugo-partner-logos-title p {
    font-size: 1rem !important;
    margin: 0 0 32px 0 !important;
    opacity: 0.8 !important;
    line-height: 1.6 !important;
}

.dolugo-partner-logos-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 32px !important;
    align-items: center !important;
}

.dolugo-partner-logo {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
}

.dolugo-partner-logo:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-4px) !important;
}

.dolugo-partner-logo img {
    width: 100% !important;
    height: auto !important;
    max-width: 120px !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.8 !important;
    transition: opacity 0.3s ease !important;
}

.dolugo-partner-logo:hover img {
    opacity: 1 !important;
}

/* Main Footer */
.dolugo-footer-main {
    padding: 48px 0 24px 0 !important;
}

.dolugo-footer-content {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    gap: 48px !important;
    margin-bottom: 48px !important;
}

/* Company Section */
.dolugo-footer-company {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.dolugo-footer-logo img {
    max-width: 200px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
}

.dolugo-footer-description {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    opacity: 0.9 !important;
    margin: 0 !important;
}

.dolugo-footer-phone a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    text-decoration: none !important;
    padding: 16px 24px !important;
    border-radius: 16px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
}

.dolugo-footer-phone a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
}

.dolugo-footer-phone i {
    font-size: 1.2rem !important;
    color: #10b981 !important;
}

.dolugo-footer-contact {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.dolugo-footer-contact-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    opacity: 0.8 !important;
}

.dolugo-footer-contact-item i {
    color: #10b981 !important;
    font-size: 1.1rem !important;
    width: 20px !important;
    text-align: center !important;
}

.dolugo-footer-contact-item span {
    font-size: 0.95rem !important;
}

/* Footer Menus */
.dolugo-footer-menus {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 32px !important;
}

.dolugo-footer-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.dolugo-footer-menu-title {
    color: white !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.dolugo-footer-menu-title h4 {
    margin: 0 !important;
    color: white !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
}

.dolugo-footer-menu-title:hover {
    color: #10b981 !important;
}

.dolugo-footer-menu-link {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    transition: color 0.3s ease !important;
    padding: 4px 0 !important;
}

.dolugo-footer-menu-link:hover {
    color: #10b981 !important;
}

/* Footer Bottom */
.dolugo-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 24px !important;
}

.dolugo-footer-bottom-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

.dolugo-footer-copyright {
    font-size: 0.9rem !important;
    opacity: 0.8 !important;
}

.dolugo-footer-social {
    display: flex !important;
    gap: 16px !important;
}

.dolugo-social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    backdrop-filter: blur(10px) !important;
}

.dolugo-social-link:hover {
    background: #10b981 !important;
    transform: translateY(-2px) !important;
}

.dolugo-social-link i {
    font-size: 1.1rem !important;
}

.dolugo-footer-gdpr {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.85rem !important;
    opacity: 0.7 !important;
}

.dolugo-footer-gdpr img {
    height: 20px !important;
    width: auto !important;
}

/* Responsive Footer */
@media (max-width: 768px) {
    .dolugo-footer-wrapper {
        padding: 0 16px !important;
    }
    
    .dolugo-newsletter {
        padding: 32px 24px !important;
        margin: 32px 0 !important;
    }
    
    .dolugo-newsletter-text h3 {
        font-size: 1.5rem !important;
    }
    
    .dolugo-newsletter-input-group {
        flex-direction: column !important;
    }
    
    .dolugo-partner-logos-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
    
    .dolugo-footer-content {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    
    .dolugo-footer-bottom-content {
        flex-direction: column !important;
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    .dolugo-newsletter {
        padding: 24px 20px !important;
    }
    
    .dolugo-partner-logos-grid {
        grid-template-columns: 1fr !important;
    }
    
    .dolugo-footer-menus {
        grid-template-columns: 1fr !important;
    }
}

/* ===================================
   MAIN HEADER STYLES
   =================================== */

.dolugo-main-header {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-dark) 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1000;
}

.dolugo-header-wrapper {
    margin: 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 1.5rem 0 1.5rem !important;
}

/* Top Bar */
.dolugo-top-bar {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dolugo-top-bar-left,
.dolugo-top-bar-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dolugo-cart-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    font-weight: 500;
}

.dolugo-cart-link:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.dolugo-cart-count {
    background: var(--dolugo-accent);
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-support-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    font-weight: 500;
}

.dolugo-support-link:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.dolugo-social-links {
    display: flex;
    gap: 12px;
}

.dolugo-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.dolugo-social-link:hover {
    background: var(--dolugo-accent);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.dolugo-lang-selector,
.dolugo-currency-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    font-weight: 500;
    cursor: pointer;
}

.dolugo-lang-selector:hover,
.dolugo-currency-selector:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.dolugo-lang-selector img {
    width: 20px;
    height: 15px;
    border-radius: 2px;
}

.dolugo-user-actions {
    display: flex;
    gap: 12px;
}

.dolugo-login-btn,
.dolugo-register-btn,
.dolugo-logout-btn,
.dolugo-account-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    font-weight: 500;
    border: 1px solid transparent;
}

.dolugo-login-btn:hover,
.dolugo-register-btn:hover,
.dolugo-logout-btn:hover,
.dolugo-account-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.dolugo-register-btn {
    background: var(--dolugo-accent);
    border-color: var(--dolugo-accent);
}

.dolugo-register-btn:hover {
    background: var(--dolugo-accent-dark);
    border-color: var(--dolugo-accent-dark);
}

/* Main Header Content */
.dolugo-main-header-content {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dolugo-logo-section {
    flex-shrink: 0;
}

.dolugo-logo {
    display: block;
    transition: transform 0.3s ease;
}

.dolugo-logo:hover {
    transform: scale(1.05);
}

.dolugo-logo img {
    max-height: 60px;
    width: auto;
}

/* Navigation */
.dolugo-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
}

.dolugo-nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.dolugo-nav-item {
    position: relative;
}

.dolugo-nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    padding: 16px 24px;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.dolugo-nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.dolugo-nav-link:hover::before {
    left: 100%;
}

.dolugo-nav-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.dolugo-nav-link i {
    font-size: 16px;
}

.dolugo-menu-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    z-index: 10;
}

/* Submenu */
.dolugo-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    z-index: 1000;
}

.dolugo-nav-item:hover .dolugo-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dolugo-submenu .dolugo-nav-link {
    color: var(--dolugo-dark);
    padding: 12px 20px;
    border-radius: 0;
}

.dolugo-submenu .dolugo-nav-link:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--dolugo-primary);
}

/* Mega Menu */
.dolugo-mega-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    min-width: 600px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) translateX(-50%);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 24px;
}

.dolugo-nav-item:hover .dolugo-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
}

.dolugo-mega-menu-content {
    color: var(--dolugo-dark);
}

/* Mobile Menu Toggle */
.dolugo-mobile-menu-toggle {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.dolugo-mobile-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Mobile Menu */
.dolugo-mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    z-index: 2000;
    transition: right 0.3s ease;
    overflow-y: auto;
}

.dolugo-mobile-menu.active {
    right: 0;
}

.dolugo-mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dolugo-mobile-menu-header h3 {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 600;
}

.dolugo-mobile-menu-close {
    background: none;
    border: none;
    color: var(--dolugo-dark);
    font-size: 24px;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.dolugo-mobile-menu-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

.dolugo-mobile-menu-content {
    padding: 20px;
}

.dolugo-mobile-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dolugo-mobile-nav-menu .dolugo-nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dolugo-mobile-nav-menu .dolugo-nav-link {
    color: var(--dolugo-dark);
    padding: 16px 0;
    border-radius: 0;
    justify-content: space-between;
}

.dolugo-mobile-nav-menu .dolugo-nav-link:hover {
    background: none;
    color: var(--dolugo-primary);
}

.dolugo-mobile-nav-menu .dolugo-submenu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 0;
    box-shadow: none;
    margin-left: 20px;
    display: none;
}

.dolugo-mobile-nav-menu .dolugo-submenu.show {
    display: block;
}

.dolugo-mobile-nav-menu .dolugo-submenu .dolugo-nav-link {
    padding: 12px 0;
    font-size: 14px;
}

/* Page Title Section */
.dolugo-page-title-section {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 40px 0;
    border-radius: 15px;
}

.dolugo-page-title-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.dolugo-page-title h1 {
    color: #fff;
    margin: 0 0 8px 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.dolugo-page-title p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
}

.dolugo-social-share {
    flex-shrink: 0;
}

/* Slider Section */
.dolugo-slider-section {
    position: relative;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .dolugo-header-wrapper {
        padding: 0 15px;
    }
    
    .dolugo-nav-link {
        padding: 14px 18px;
    }
    
    .dolugo-mega-menu {
        min-width: 500px;
    }
}

@media (max-width: 992px) {
    .dolugo-top-bar {
        flex-direction: column;
        gap: 15px;
        padding: 15px 0;
    }
    
    .dolugo-top-bar-left,
    .dolugo-top-bar-right {
        justify-content: center;
    }
    
    .dolugo-main-header-content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .dolugo-navigation {
        width: 100%;
        justify-content: center;
    }
    
    .dolugo-nav-menu {
        display: none;
    }
    
    .dolugo-mobile-menu-toggle {
        display: block;
    }
    
    .dolugo-mega-menu {
        min-width: 400px;
        left: 0;
        transform: translateY(-10px);
    }
    
    .dolugo-nav-item:hover .dolugo-mega-menu {
        transform: translateY(0);
    }
    
    .dolugo-page-title-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .dolugo-top-bar-left,
    .dolugo-top-bar-right {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .dolugo-user-actions {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
    
    .dolugo-mega-menu {
        min-width: 300px;
        left: 20px;
        right: 20px;
        transform: translateY(-10px);
    }
    
    .dolugo-nav-item:hover .dolugo-mega-menu {
        transform: translateY(0);
    }
    
    .dolugo-page-title h1 {
        font-size: 28px;
    }
    
    .dolugo-page-title p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .dolugo-header-wrapper {
        padding: 0 10px;
    }
    
    .dolugo-top-bar {
        padding: 10px 0;
    }
    
    .dolugo-top-bar-left,
    .dolugo-top-bar-right {
        gap: 8px;
    }
    
    .dolugo-cart-link,
    .dolugo-support-link,
    .dolugo-lang-selector,
    .dolugo-currency-selector,
    .dolugo-login-btn,
    .dolugo-register-btn,
    .dolugo-logout-btn,
    .dolugo-account-btn {
        padding: 6px 12px;
        font-size: 14px;
    }
    
    .dolugo-logo img {
        max-height: 50px;
    }
    
    .dolugo-mega-menu {
        min-width: 280px;
        left: 10px;
        right: 10px;
        padding: 16px;
    }
    
    .dolugo-page-title-section {
        padding: 30px 0;
    }
    
    .dolugo-page-title-wrapper {
        padding: 0 10px;
    }
    
    .dolugo-page-title h1 {
        font-size: 24px;
    }
    
    .dolugo-page-title p {
        font-size: 14px;
    }
}

/* ===================================
   ADDON PAGE STYLES
   =================================== */

.dolugo-addon-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.dolugo-page-header {
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    color: white !important;
}

.dolugo-page-header a,
.dolugo-page-header i {
    color: white;
    margin-right: 0.5rem;
}

.dolugo-breadcrumb-wrapper {
    margin-bottom: 20px;
}

.dolugo-breadcrumb-wrapper .sayfayolu {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    margin-bottom: 10px;
}

.dolugo-breadcrumb-wrapper .sayfayolu a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-breadcrumb-wrapper .sayfayolu a:hover {
    color: #fff;
}

.dolugo-breadcrumb-wrapper .sayfayolu .fa {
    margin: 0 8px;
    color: rgba(255, 255, 255, 0.6);
}

.dolugo-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.dolugo-title-icon i {
    font-size: 24px;
    color: #fff;
}

.dolugo-page-title h1 {
    color: #fff;
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Main Content */
.dolugo-addon-content {
    margin-bottom: 30px;
}

.dolugo-content-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Content Styling */
.dolugo-content-card h1,
.dolugo-content-card h2,
.dolugo-content-card h3,
.dolugo-content-card h4,
.dolugo-content-card h5,
.dolugo-content-card h6 {
    color: var(--dolugo-dark);
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.dolugo-content-card h1 {
    font-size: 28px;
    border-bottom: 2px solid var(--dolugo-primary);
    padding-bottom: 10px;
}

.dolugo-content-card h2 {
    font-size: 24px;
    color: var(--dolugo-primary);
}

.dolugo-content-card h3 {
    font-size: 20px;
    color: var(--dolugo-dark);
}

.dolugo-content-card p {
    color: var(--dolugo-text);
    line-height: 1.6;
    margin-bottom: 16px;
}

.dolugo-content-card ul,
.dolugo-content-card ol {
    color: var(--dolugo-text);
    line-height: 1.6;
    margin-bottom: 16px;
    padding-left: 20px;
}

.dolugo-content-card li {
    margin-bottom: 8px;
}

.dolugo-content-card a {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-content-card a:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

.dolugo-content-card table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dolugo-content-card table th {
    background: var(--dolugo-primary);
    color: #fff;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    border: none;
}

.dolugo-content-card table td {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--dolugo-text);
}

.dolugo-content-card table tr:hover {
    background: rgba(0, 0, 0, 0.02);
}

.dolugo-content-card table tr:last-child td {
    border-bottom: none;
}

/* Form Elements */
.dolugo-content-card input[type="text"],
.dolugo-content-card input[type="email"],
.dolugo-content-card input[type="password"],
.dolugo-content-card input[type="number"],
.dolugo-content-card input[type="url"],
.dolugo-content-card textarea,
.dolugo-content-card select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #fff;
    color: var(--dolugo-text);
}

.dolugo-content-card input[type="text"]:focus,
.dolugo-content-card input[type="email"]:focus,
.dolugo-content-card input[type="password"]:focus,
.dolugo-content-card input[type="number"]:focus,
.dolugo-content-card input[type="url"]:focus,
.dolugo-content-card textarea:focus,
.dolugo-content-card select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.dolugo-content-card label {
    display: block;
    margin-bottom: 8px;
    color: var(--dolugo-dark);
    font-weight: 500;
}

.dolugo-content-card .form-group {
    margin-bottom: 20px;
}

/* Buttons */
.dolugo-content-card .btn,
.dolugo-content-card button,
.dolugo-content-card input[type="submit"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--dolugo-primary);
    color: #fff;
}

.dolugo-content-card .btn:hover,
.dolugo-content-card button:hover,
.dolugo-content-card input[type="submit"]:hover {
    background: var(--dolugo-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.dolugo-content-card .btn-secondary {
    background: var(--dolugo-secondary);
}

.dolugo-content-card .btn-secondary:hover {
    background: var(--dolugo-secondary-dark);
}

.dolugo-content-card .btn-success {
    background: var(--dolugo-success);
}

.dolugo-content-card .btn-success:hover {
    background: var(--dolugo-success-dark);
}

.dolugo-content-card .btn-danger {
    background: var(--dolugo-danger);
}

.dolugo-content-card .btn-danger:hover {
    background: var(--dolugo-danger-dark);
}

.dolugo-content-card .btn-warning {
    background: var(--dolugo-warning);
}

.dolugo-content-card .btn-warning:hover {
    background: var(--dolugo-warning-dark);
}

/* Alerts */
.dolugo-content-card .alert {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid;
}

.dolugo-content-card .alert-success {
    background: rgba(40, 167, 69, 0.1);
    border-color: var(--dolugo-success);
    color: var(--dolugo-success-dark);
}

.dolugo-content-card .alert-danger {
    background: rgba(220, 53, 69, 0.1);
    border-color: var(--dolugo-danger);
    color: var(--dolugo-danger-dark);
}

.dolugo-content-card .alert-warning {
    background: rgba(255, 193, 7, 0.1);
    border-color: var(--dolugo-warning);
    color: var(--dolugo-warning-dark);
}

.dolugo-content-card .alert-info {
    background: rgba(23, 162, 184, 0.1);
    border-color: var(--dolugo-info);
    color: var(--dolugo-info-dark);
}

/* Code Blocks */
.dolugo-content-card pre {
    background: var(--dolugo-dark);
    color: #fff;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 14px;
    line-height: 1.5;
}

.dolugo-content-card code {
    background: rgba(0, 0, 0, 0.05);
    color: var(--dolugo-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-addon-container {
        padding: 20px;
    }
    
    .dolugo-page-header {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-page-title {
        text-align: center;
        gap: 15px;
    }
    
    .dolugo-title-icon {
        width: 50px;
        height: 50px;
    }
    
    .dolugo-title-icon i {
        font-size: 20px;
    }
    
    .dolugo-page-title h1 {
        font-size: 24px;
        text-align: center;
    }
    
    .dolugo-content-card {
        padding: 20px;
    }
    
    .dolugo-content-card h1 {
        font-size: 24px;
    }
    
    .dolugo-content-card h2 {
        font-size: 20px;
    }
    
    .dolugo-content-card h3 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .dolugo-addon-container {
        padding: 15px;
    }
    
    .dolugo-page-header {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .dolugo-page-title h1 {
        font-size: 20px;
    }
    
    .dolugo-content-card {
        padding: 15px;
    }
    
    .dolugo-content-card table {
        font-size: 14px;
    }
    
    .dolugo-content-card table th,
    .dolugo-content-card table td {
        padding: 10px;
    }
}

/* ===================================
   AFFILIATE PAGE STYLES
   =================================== */

.dolugo-affiliate-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Header Actions */
.dolugo-header-actions {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.dolugo-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.dolugo-action-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.dolugo-action-btn.dolugo-primary-btn {
    background: var(--dolugo-accent);
    color: #fff;
    border-color: var(--dolugo-accent);
}

.dolugo-action-btn.dolugo-primary-btn:hover {
    background: var(--dolugo-accent-dark);
    border-color: var(--dolugo-accent-dark);
    color: #fff;
}

.dolugo-action-btn.dolugo-info-btn {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
}

.dolugo-action-btn.dolugo-info-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* Modal Content */
.dolugo-modal-content {
    padding: 30px;
}

/* Form Elements */
.dolugo-form-group {
    margin-bottom: 25px;
}

.dolugo-form-group label {
    margin-bottom: 8px;
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 16px;
}

.dolugo-form-control {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #fff;
    color: var(--dolugo-text);
}

.dolugo-form-control:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.dolugo-form-control textarea {
    min-height: 100px;
    resize: vertical;
}

.dolugo-form-help {
    display: block;
    margin-top: 8px;
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-style: italic;
}

.dolugo-form-value {
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    font-size: 16px;
    color: var(--dolugo-dark);
}

.dolugo-checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.dolugo-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--dolugo-primary);
}

.dolugo-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--dolugo-dark);
    font-weight: 500;
}

.dolugo-form-actions {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 0;
}

/* Affiliate Dashboard */
.dolugo-affiliate-dashboard {
    margin-bottom: 40px;
}

/* Stats Grid */
.dolugo-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.dolugo-stat-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.dolugo-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.dolugo-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--dolugo-primary), var(--dolugo-accent));
}

.dolugo-stat-card.dolugo-stat-orange::before {
    background: linear-gradient(90deg, #ff6b35, #f7931e);
}

.dolugo-stat-card.dolugo-stat-green::before {
    background: linear-gradient(90deg, #28a745, #20c997);
}

.dolugo-stat-card.dolugo-stat-red::before {
    background: linear-gradient(90deg, #dc3545, #fd7e14);
}

.dolugo-stat-card.dolugo-stat-blue::before {
    background: linear-gradient(90deg, #007bff, #6f42c1);
}

.dolugo-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
}

.dolugo-stat-orange .dolugo-stat-icon {
    background: linear-gradient(135deg, #ff6b35, #f7931e);
}

.dolugo-stat-green .dolugo-stat-icon {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.dolugo-stat-red .dolugo-stat-icon {
    background: linear-gradient(135deg, #dc3545, #fd7e14);
}

.dolugo-stat-blue .dolugo-stat-icon {
    background: linear-gradient(135deg, #007bff, #6f42c1);
}

.dolugo-stat-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.dolugo-stat-content h4 {
    font-size: 16px;
    color: var(--dolugo-secondary);
    margin: 0 0 20px 0;
    font-weight: 500;
}

.dolugo-stat-footer {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--dolugo-text);
    font-size: 14px;
}

.dolugo-stat-footer strong {
    color: var(--dolugo-dark);
    font-weight: 600;
}

.dolugo-stat-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: var(--dolugo-secondary);
    font-size: 12px;
    margin-left: 8px;
    transition: all 0.3s ease;
}

.dolugo-stat-info:hover {
    background: var(--dolugo-primary);
    color: #fff;
}

/* Withdrawal Button */
.dolugo-withdrawal-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--dolugo-accent);
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid var(--dolugo-accent);
}

.dolugo-withdrawal-btn:hover {
    background: var(--dolugo-accent-dark);
    border-color: var(--dolugo-accent-dark);
    color: #fff;
    text-decoration: none;
    transform: scale(1.05);
}

.dolugo-withdrawal-btn.dolugo-disabled {
    background: rgba(0, 0, 0, 0.1);
    color: var(--dolugo-secondary);
    border-color: rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
}

.dolugo-withdrawal-btn.dolugo-disabled:hover {
    transform: none;
}

/* Alerts */
.dolugo-alert {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border-left: 4px solid;
}

.dolugo-alert-success {
    background: rgba(40, 167, 69, 0.1);
    border-color: var(--dolugo-success);
    color: var(--dolugo-success-dark);
}

.dolugo-alert-danger {
    background: rgba(220, 53, 69, 0.1);
    border-color: var(--dolugo-danger);
    color: var(--dolugo-danger-dark);
}

.dolugo-alert-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.dolugo-alert-content i {
    font-size: 24px;
    flex-shrink: 0;
    margin-top: 2px;
}

.dolugo-alert-text h5 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.dolugo-alert-text p {
    margin: 0;
    line-height: 1.6;
}

/* Referral URL */
.dolugo-referral-url {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-dark) 100%);
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.dolugo-referral-url h4 {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.dolugo-referral-url h5 {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

.dolugo-url-display {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dolugo-url-display h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    word-break: break-all;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

/* Tab Container */
.dolugo-tab-container {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.dolugo-tab-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-tab-nav li {
    flex: 1;
}

.dolugo-tab-link {
    display: block;
    padding: 20px;
    text-align: center;
    color: var(--dolugo-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.dolugo-tab-link:hover {
    color: var(--dolugo-primary);
    background: rgba(0, 0, 0, 0.02);
    text-decoration: none;
}

.dolugo-tab-link.active {
    color: var(--dolugo-primary);
    border-bottom-color: var(--dolugo-primary);
    background: #fff;
}

.dolugo-tab-content {
    margin-top: 1rem;
}

.dolugo-tab-content form {
    padding: 0 1rem;
}

.dolugo-tab-content form .dolugo-form-label {
    flex: unset !important;
    width: unset !important;
}

.dolugo-tab-content form .dolugo-form-group {
    display: unset !important;
}

.dolugo-tab-content form .dolugo-checkbox-label::before {
    display: none !important;
}

.dolugo-tab-content form .dolugo-checkbox:checked + .dolugo-checkbox-label::after {
    left: 13px !important;
    bottom: 3px !important;
}

.dolugo-tab-content form .dolugo-checkbox-text {
    color: white !important;
}

.dolugo-tab-content form .dolugo-form-actions {
    border-top: none !important;
}

.dolugo-tab-content form #modernpanel .formcon {
    border: none !important;
}

.dolugo-tab-content form .formcon {
    float: unset !important;
}

.userverification-headinfo i,
.userverification-headinfo h4 {
    color: #667eea !important;
}

.userverification-headinfo i {
    margin-bottom: 1rem;
}

.dolugo-tab-content:first-child {
    display: block;
}

/* Table Wrapper */
.dolugo-table-wrapper {
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-data-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.dolugo-data-table thead {
    background: var(--dolugo-primary);
}

.dolugo-data-table th {
    padding: 15px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    border: none;
    font-size: 14px;
}

.dolugo-data-table td {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--dolugo-text);
    font-size: 14px;
}

.dolugo-data-table tr:hover {
    background: rgba(0, 0, 0, 0.02);
}

.dolugo-data-table tr:last-child td {
    border-bottom: none;
}

/* Status Badges */
.dolugo-status-badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    min-width: 80px;
}

.dolugo-status-badge.dolugo-status-approved,
.dolugo-status-badge.dolugo-status-completed {
    background: rgba(40, 167, 69, 0.1);
    color: var(--dolugo-success);
    border: 1px solid rgba(40, 167, 69, 0.2);
}

.dolugo-status-badge.dolugo-status-pending {
    background: rgba(255, 193, 7, 0.1);
    color: var(--dolugo-warning);
    border: 1px solid rgba(255, 193, 7, 0.2);
}

.dolugo-status-badge.dolugo-status-invalid,
.dolugo-status-badge.dolugo-status-invalid-another {
    background: rgba(220, 53, 69, 0.1);
    color: var(--dolugo-danger);
    border: 1px solid rgba(220, 53, 69, 0.2);
}

.dolugo-status-badge.dolugo-status-cancelled {
    background: rgba(108, 117, 125, 0.1);
    color: var(--dolugo-secondary);
    border: 1px solid rgba(108, 117, 125, 0.2);
}

/* Affiliate Get Started */
.dolugo-affiliate-getstarted {
    margin-bottom: 40px;
}

.dolugo-content-card h5 {
    color: var(--dolugo-dark);
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 600;
}

.dolugo-feature-list {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.dolugo-feature-list li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--dolugo-text);
    line-height: 1.6;
    position: relative;
    padding-left: 30px;
}

.dolugo-feature-list li:last-child {
    border-bottom: none;
}

.dolugo-feature-list li::before {
    content: '✓';
    position: absolute;
    left: 0.6rem;
    top: 12px;
    color: var(--dolugo-success);
    font-weight: bold;
    font-size: 16px;
}

/* Commission Rates */
.dolugo-commission-rates {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 30px 0;
}

.dolugo-commission-block {
    background: rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.dolugo-commission-content {
    padding: 25px;
}

.dolugo-commission-content h5 {
    margin: 0 0 15px 0;
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
}

.dolugo-commission-content h4 {
    margin: 20px 0 0 0;
    color: var(--dolugo-primary);
    font-size: 24px;
    font-weight: 700;
}

.dolugo-commission-content p {
    margin: 0;
    color: var(--dolugo-text);
    line-height: 1.6;
}

.dolugo-select2 {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 16px;
    background: #fff;
    color: var(--dolugo-text);
}

.dolugo-select2:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Action Center */
.dolugo-action-center {
    text-align: center;
    margin-top: 30px;
}

.dolugo-btn-large {
    padding: 16px 32px;
    font-size: 18px;
    border-radius: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-affiliate-container {
        padding: 20px;
    }
    
    .dolugo-header-actions {
        gap: 10px;
        margin-top: 0px;
    }
    
    .dolugo-action-btn {
        justify-content: center;
    }
    
    .dolugo-stats-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-stat-card {
        padding: 20px;
    }
    
    .dolugo-stat-content h2 {
        font-size: 28px;
    }
    
    .dolugo-tab-nav {
        flex-direction: column;
    }
    
    .dolugo-tab-nav li {
        flex: none;
    }
    
    .dolugo-tab-link {
        padding: 15px;
    }
    
    .dolugo-commission-rates {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-modal-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-affiliate-container {
        padding: 15px;
    }
    
    .dolugo-stat-card {
        padding: 15px;
    }
    
    .dolugo-stat-content h2 {
        font-size: 24px;
    }
    
    .dolugo-stat-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .dolugo-data-table th,
    .dolugo-data-table td {
        padding: 10px;
        font-size: 13px;
    }
    
    .dolugo-modal-content {
        padding: 15px;
    }
}

/* ===================================
   ADDON PAGE STYLES
   =================================== */

/* Addon Wrapper */
.dolugo-addon-wrapper {
    min-height: calc(100vh - 200px);
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 30px 0;
}

/* Addon Container */
.dolugo-addon-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Addon Content */
.dolugo-addon-content {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.dolugo-addon-content:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.dolugo-addon-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--dolugo-primary), var(--dolugo-accent));
    pointer-events: none;
}

/* Content Styling */
.dolugo-addon-content h1,
.dolugo-addon-content h2,
.dolugo-addon-content h3,
.dolugo-addon-content h4,
.dolugo-addon-content h5,
.dolugo-addon-content h6 {
    color: var(--dolugo-dark);
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.dolugo-addon-content h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
}

.dolugo-addon-content h2 {
    font-size: 2rem;
    margin-bottom: 25px;
    color: var(--dolugo-primary);
}

.dolugo-addon-content h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.dolugo-addon-content p {
    color: var(--dolugo-text);
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 1rem;
}

.dolugo-addon-content ul,
.dolugo-addon-content ol {
    margin-bottom: 20px;
    padding-left: 30px;
}

.dolugo-addon-content li {
    color: var(--dolugo-text);
    line-height: 1.7;
    margin-bottom: 8px;
}

.dolugo-addon-content a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.dolugo-addon-content a:hover {
    color: var(--dolugo-accent);
    text-decoration: underline;
}

.dolugo-addon-content code {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 2px 8px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.9rem;
    color: var(--dolugo-dark);
}

.dolugo-addon-content pre {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    overflow-x: auto;
    margin-bottom: 20px;
}

.dolugo-addon-content pre code {
    background: none;
    border: none;
    padding: 0;
}

.dolugo-addon-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.dolugo-addon-content table th {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 0.95rem;
}

.dolugo-addon-content table td {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    color: var(--dolugo-text);
    font-size: 0.9rem;
    line-height: 1.5;
}

.dolugo-addon-content table tr:hover {
    background: #f8fafc;
}

.dolugo-addon-content blockquote {
    border-left: 4px solid var(--dolugo-primary);
    background: #f8fafc;
    margin: 30px 0;
    padding: 20px 30px;
    border-radius: 0 12px 12px 0;
    color: var(--dolugo-text);
    font-style: italic;
    position: relative;
}

.dolugo-addon-content blockquote::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 4rem;
    color: var(--dolugo-primary);
    opacity: 0.3;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .dolugo-addon-wrapper {
        padding: 20px 0;
    }
    
    .dolugo-addon-container {
        padding: 0 20px;
    }
    
    .dolugo-addon-content {
        padding: 30px 25px;
        border-radius: 12px;
    }
    
    .dolugo-addon-content h1 {
        font-size: 2rem;
    }
    
    .dolugo-addon-content h2 {
        font-size: 1.7rem;
    }
    
    .dolugo-addon-content h3 {
        font-size: 1.4rem;
    }
    
    .dolugo-addon-content table {
        font-size: 0.85rem;
    }
    
    .dolugo-addon-content table th,
    .dolugo-addon-content table td {
        padding: 12px 15px;
    }
}

@media (max-width: 480px) {
    .dolugo-addon-content {
        padding: 25px 20px;
    }
    
    .dolugo-addon-content h1 {
        font-size: 1.7rem;
    }
    
    .dolugo-addon-content h2 {
        font-size: 1.5rem;
    }
    
    .dolugo-addon-content ul,
    .dolugo-addon-content ol {
        padding-left: 20px;
    }
    
    .dolugo-addon-content blockquote {
        margin: 20px 0;
        padding: 15px 20px;
    }
}

/* ===================================
   TICKET REPLIES STYLES
   =================================== */

/* Ticket Reply Container */
.dolugo-ticket-reply {
    margin-bottom: 25px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    background: white;
}

.dolugo-ticket-reply:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Admin Reply Styling */
.dolugo-admin-reply {
    border-left: 4px solid var(--dolugo-primary);
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}

.dolugo-admin-reply .dolugo-reply-container {
    background: white;
    margin: 0;
    border-radius: 0;
}

/* Customer Reply Styling */
.dolugo-customer-reply {
    border-left: 4px solid var(--dolugo-accent);
    background: linear-gradient(135deg, #fefefe 0%, #f9fafb 100%);
}

/* Reply Container */
.dolugo-reply-container {
    padding: 25px 30px;
}

/* Reply Header */
.dolugo-reply-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
}

.dolugo-reply-author h4 {
    color: var(--dolugo-dark);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}

.dolugo-reply-role {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 10px;
}

.dolugo-admin-role {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
}

.dolugo-customer-role {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.dolugo-reply-time h5 {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    font-weight: 400;
    margin: 0;
    opacity: 0.8;
}

/* Reply Message */
.dolugo-reply-message {
    color: var(--dolugo-text);
    line-height: 1.7;
    font-size: 1rem;
    margin-bottom: 20px;
    position: relative;
}

.dolugo-reply-message p {
    margin-bottom: 15px;
}

.dolugo-reply-message p:last-child {
    margin-bottom: 0;
}

.dolugo-reply-message a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
}

.dolugo-reply-message a:hover {
    color: var(--dolugo-accent);
    text-decoration: underline;
}

/* Secure Message */
.dolugo-secure-message {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
    padding: 8px 15px;
    border-radius: 25px;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: 15px;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.dolugo-secure-message i {
    margin-right: 8px;
    font-size: 1rem;
}

/* Ticket Attachments */
.dolugo-ticket-attachments {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.dolugo-ticket-attachments strong {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
    display: block;
    margin-bottom: 15px;
}

.dolugo-attachment-link {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.dolugo-attachment-link:hover {
    background: linear-gradient(135deg, #5a67d8, #6b46c1);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    color: white;
    text-decoration: none;
}

.dolugo-attachment-link i {
    margin-right: 8px;
    font-size: 1rem;
}

.dolugo-ticket-attachments a[href*="download"] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    margin-right: 10px;
    box-shadow: 0 2px 6px rgba(102, 126, 234, 0.25);
}

.dolugo-ticket-attachments a[href*="download"]:hover {
    background: linear-gradient(135deg, #5a67d8, #6b46c1);
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(102, 126, 234, 0.35);
    color: white;
    text-decoration: none;
}

.dolugo-ticket-attachments a[href*="download"] i {
    margin-right: 6px;
}

/* New Reply Animation */
.dolugo-new-reply {
    opacity: 0;
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-reply-container {
        padding: 20px 25px;
    }
    
    .dolugo-reply-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .dolugo-reply-author h4 {
        font-size: 1.1rem;
    }
    
    .dolugo-reply-role {
        margin-left: 0;
        margin-top: 8px;
    }
    
    .dolugo-reply-time h5 {
        font-size: 0.85rem;
    }
    
    .dolugo-reply-message {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .dolugo-reply-container {
        padding: 15px 20px;
    }
    
    .dolugo-reply-header {
        margin-bottom: 15px;
        padding-bottom: 12px;
    }
    
    .dolugo-reply-author h4 {
        font-size: 1rem;
    }
    
    .dolugo-reply-role {
        font-size: 0.7rem;
        padding: 3px 10px;
    }
    
    .dolugo-secure-message {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
    
    .dolugo-attachment-link {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
    
    .dolugo-ticket-attachments a[href*="download"] {
        padding: 6px 12px;
        font-size: 0.8rem;
        margin-bottom: 6px;
    }
}

/* ===================================
   BASKET PAY PAGE STYLES
   =================================== */

/* Basket Pay Wrapper */
.dolugo-basket-pay-wrapper {
    padding: 30px;
}

.dolugo-basket-pay-container {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: start;
}

/* Basket Pay Left */
iframe#paytriframe {
    border-radius: 20px;
    margin-bottom: 1rem;
}

.dolugo-basket-pay-left {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: 100%;
}

.dolugo-basket-pay-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 25px 30px;
}

.dolugo-basket-pay-title h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

/* Basket Pay Content */
.dolugo-basket-pay-content {
    padding: 0;
}

.dolugo-basket-pay-content-inner {
    padding: 30px;
}

.dolugo-payment-info {
    background: white;
}

/* Payment Logos */
.dolugo-credit-cards,
.dolugo-ssl-secure {
    max-width: 200px;
    height: auto;
    margin: 0 15px 20px;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
}

.dolugo-credit-cards:hover,
.dolugo-ssl-secure:hover {
    filter: grayscale(0);
}

.dolugo-security-notice {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Basket Pay Right */
.dolugo-basket-pay-right {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: sticky;
    top: 30px;
}

.dolugo-basket-pay-right-shadow {
    padding: 0;
}

.dolugo-basket-pay-right-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 20px 25px;
    text-align: center;
}

.dolugo-basket-pay-right-content {
    padding: 25px;
}

/* Order Summary Table */
.dolugo-order-summary-table {
    background: white;
}

.dolugo-order-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-order-summary-row:last-of-type {
    border-bottom: none;
}

.dolugo-order-summary-label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
    flex: 1;
}

.dolugo-order-summary-value {
    color: var(--dolugo-text);
    font-weight: 500;
    font-size: 0.95rem;
    text-align: right;
}

.dolugo-order-summary-total {
    padding: 15px;
    border-top: 2px solid var(--dolugo-primary);
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 12px;
}

.dolugo-order-summary-total-label {
    color: var(--dolugo-dark);
    font-weight: 700;
    font-size: 1.1rem;
}

.dolugo-order-summary-total-value {
    color: var(--dolugo-primary);
    font-weight: 700;
    font-size: 1.3rem;
}

/* Bank Transfer Form */
.dolugo-bank-transfer-form {
    margin-top: 30px;
    padding: 25px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-form-select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
}

.dolugo-form-select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}



.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dolugo-form-actions {
    text-align: center;
}

.dolugo-bank-transfer-notice {
    text-align: center;
    padding: 20px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-top: 20px;
}

.dolugo-bank-transfer-notice span {
    color: var(--dolugo-dark);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.5;
}

.dolugo-form-error {
    text-align: center;
    margin-top: 15px;
    padding: 15px;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #dc2626;
    font-size: 0.9rem;
}

/* Back Button */
.dolugo-back-button {
    text-align: center;
    margin-top: 25px;
    padding: 20px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-basket-pay-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-basket-pay-right {
        position: static;
        order: -1;
    }
}

@media (max-width: 768px) {
    .dolugo-basket-pay-wrapper {
        padding: 20px;
    }
    
    .dolugo-basket-pay-content-inner {
        padding: 25px 20px;
    }
    
    .dolugo-basket-pay-right-content {
        padding: 20px;
    }
    
    .dolugo-order-summary-value {
        text-align: left;
        font-weight: 600;
    }
    
    .dolugo-order-summary-total {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .dolugo-basket-pay-wrapper {
        padding: 15px;
    }
    
    .dolugo-basket-pay-content-inner {
        padding: 20px 15px;
    }
    
    .dolugo-basket-pay-header {
        padding: 20px 25px;
    }
    
    .dolugo-basket-pay-title h2 {
        font-size: 1.3rem;
    }
    
    .dolugo-basket-pay-right-content {
        padding: 15px;
    }
    
    .dolugo-bank-transfer-form {
        padding: 20px 15px;
    }
    
    .dolugo-payment-logos {
        padding: 25px 20px;
    }
    
    .dolugo-credit-cards,
    .dolugo-ssl-secure {
        max-width: 150px;
        margin: 0 10px 15px;
    }
}

/* ===================================
   BASKET PAYMENT PAGE STYLES
   =================================== */

/* Basket Payment Wrapper */
.dolugo-basket-payment-left {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    width: 80%;
}

.dolugo-basket-payment-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 25px 30px;
}

.dolugo-basket-payment-title h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

/* Basket Payment Content */
.dolugo-basket-payment-content {
    padding: 0;
}

.dolugo-basket-payment-content-inner {
    padding: 30px;
}

/* Invoice Info */
.dolugo-invoice-info {
    background: white;
}

/* Loader */
.dolugo-loader {
    margin: 20px 0;
    text-align: center;
}

.dolugo-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--dolugo-primary);
    border-radius: 50%;
    animation: dolugo-spin 1s linear infinite;
}

@keyframes dolugo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Address Section */
.dolugo-address-section {
    margin-bottom: 30px;
}

.dolugo-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.dolugo-add-address-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dolugo-add-address-link:hover {
    color: var(--dolugo-accent);
}

.dolugo-address-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-address-select {
    margin-bottom: 20px;
}

.dolugo-no-address {
    text-align: center;
    padding: 40px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #e2e8f0;
}

.dolugo-no-address-title {
    margin: 0;
    color: var(--dolugo-text);
    font-size: 1.1rem;
}

/* New Address Form */
.dolugo-new-address {
    background: #f8fafc;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    border: 1px solid #e2e8f0;
}

.dolugo-new-address-header {
    margin-bottom: 25px;
}

.dolugo-new-address-header h3 {
    margin: 0 0 15px 0;
    color: var(--dolugo-dark);
    font-size: 1.3rem;
}

.dolugo-divider {
    height: 2px;
    background: linear-gradient(90deg, var(--dolugo-primary), var(--dolugo-accent));
    border-radius: 1px;
}

/* Form Sections */
.dolugo-form-section {
    margin-bottom: 30px;
}

.dolugo-form-section-header {
    margin-bottom: 20px;
}

.dolugo-form-section-header h5 {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 1.1rem;
    font-weight: 600;
}

.dolugo-form-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}

.dolugo-form-label {
    min-width: 120px;
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
}

.dolugo-form-field {
    flex: 1;
}

.dolugo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-form-group label {
    margin-bottom: 8px;
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.9rem;
}

/* Form Inputs */


.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dolugo-form-select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
}

.dolugo-form-select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Radio and Checkbox Groups */
.dolugo-radio-group {
    display: flex;
    gap: 30px;
}

.dolugo-radio-custom {
    display: none;
}

.dolugo-radio-custom-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 15px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: white;
}

.dolugo-radio-custom:checked + .dolugo-radio-custom-label {
    border-color: var(--dolugo-primary);
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-check-text {
    font-weight: 500;
}

.dolugo-checkbox-custom {
    display: none;
}

.dolugo-checkbox-custom-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: white;
    margin-bottom: 15px;
}

.dolugo-checkbox-custom:checked + .dolugo-checkbox-custom-label u {
    color: white !important;
}

.dolugo-checkbox-custom-label u {
    transition: color 0.3s ease;
    text-decoration: underline;
}

.dolugo-checkbox-custom:checked + .dolugo-checkbox-custom-label {
    border-color: var(--dolugo-primary);
    background: var(--dolugo-primary);
    color: white;
}

/* Form Actions */
.dolugo-form-error {
    text-align: center;
    margin-top: 15px;
    padding: 15px;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #dc2626;
    font-size: 0.9rem;
}

/* Send BTA Section */
.dolugo-sendbta-section {
    margin-top: 30px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-sendbta-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-sendbta-amount {
    color: var(--dolugo-primary);
    font-weight: 600;
}

/* Payment Methods */
.dolugo-payment-methods {
    background: white;
}

.dolugo-no-address-error {
    text-align: center;
    padding: 30px 20px;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #dc2626;
    font-size: 1rem;
}

.dolugo-payment-methods-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Contracts Section */
.dolugo-contracts-section {
    background: white;
}

.dolugo-contract-item {
    margin-bottom: 15px;
}

/* Payment Logos */
.dolugo-credit-cards,
.dolugo-ssl-secure {
    max-width: 200px;
    height: auto;
    margin: 0 15px 20px;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
}

.dolugo-credit-cards:hover,
.dolugo-ssl-secure:hover {
    filter: grayscale(0);
}

.dolugo-security-notice {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    opacity: 0.8;
}

.dolugo-basket-payment-wrapper {
  padding: 0 1.5rem 0 1.5rem !important;
  gap: 0 40px;
}

.dolugo-basket-payment-container {
    width: 100%;
    display: flex;
  justify-content: space-between;
  align-items: self-start;
  padding: 0 1.5rem 0 1.5rem !important;
  gap: 0 40px;
}

/* Basket Payment Right */
.dolugo-basket-payment-right {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: sticky;
    top: 30px;
}

.dolugo-basket-payment-right-shadow {
    padding: 0;
}

.dolugo-basket-payment-right-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 20px 25px;
    text-align: center;
}

.dolugo-basket-payment-right-content {
    padding: 25px;
}

/* Order Summary Table */
.dolugo-order-summary-table {
    background: white;
}

.dolugo-order-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-order-summary-row:last-of-type {
    border-bottom: none;
}

.dolugo-order-summary-label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
    flex: 1;
}

.dolugo-order-summary-value {
    color: var(--dolugo-text);
    font-weight: 500;
    font-size: 0.95rem;
    text-align: right;
}

.dolugo-order-summary-total-label {
    color: var(--dolugo-dark);
    font-weight: 700;
    font-size: 1.1rem;
}

.dolugo-order-summary-total-value {
    color: var(--dolugo-primary);
    font-weight: 700;
    font-size: 1.3rem;
}

/* Coupon Section */
.dolugo-order-summary-coupon {
    padding: 20px 0;
}

.dolugo-coupon-section {
    text-align: center;
}

.dolugo-coupon-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dolugo-coupon-link:hover {
    color: var(--dolugo-accent);
}

.dolugo-coupon-form {
    margin-top: 15px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* Payment Actions */
.dolugo-payment-actions {
    text-align: center;
    margin: 25px 0;
}

/* Back Button */
.dolugo-back-button {
    text-align: center;
    margin-top: 25px;
    padding: 20px;
}

/* Modal Styles */
.dolugo-modal-content {
    padding: 25px;
}

.dolugo-modal-body {
    text-align: center;
    margin-bottom: 20px;
}

.dolugo-modal-body p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

.dolugo-modal-actions {
    text-align: center;
    padding: 20px 25px;
    border-top: 1px solid #e2e8f0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-basket-payment-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-basket-payment-right {
        position: static;
    }
}

@media (max-width: 768px) {
    .dolugo-basket-pay-right {
        width: 100%;
    }

    .dolugo-basket-pay-container {
        flex-direction: column;
    }

    .formcon .yuzde70 a {
        margin-bottom: 1rem;
        width: 100%;
        text-align: center;
    }
    
    .formcon .yuzde70 div {
        width: 100% !important;
    }
    
    .dataTables_paginate.paging_simple_numbers {
        text-align: unset !important;
    }
    
    .dolugo-basket-payment-wrapper .dolugo-basket-payment-container {
        padding: 0 !important;
    }
    
    .dolugo-basket-payment-left,
    .dolugo-basket-payment-right{
        width: 100%;
    }

    .dolugo-basket-payment-wrapper {
        padding: 20px;
    }
    
    .dolugo-basket-payment-content-inner {
        padding: 25px 20px;
    }
    
    .dolugo-basket-payment-right-content {
        padding: 20px;
    }
    
    .dolugo-form-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .dolugo-form-label {
        min-width: auto;
    }
    
    .dolugo-form-grid {
        grid-template-columns: 1fr;
    }
    
    .dolugo-order-summary-value {
        text-align: left;
        font-weight: 600;
    }
    
    .dolugo-order-summary-total {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .dolugo-basket-payment-wrapper {
        padding: 15px;
    }
    
    .dolugo-basket-payment-content-inner {
        padding: 20px 15px;
    }
    
    .dolugo-basket-payment-header {
        padding: 20px 25px;
    }
    
    .dolugo-basket-payment-title h2 {
        font-size: 1.3rem;
    }
    
    .dolugo-basket-payment-right-content {
        padding: 15px;
    }
    
    .dolugo-new-address {
        padding: 20px 15px;
    }
    
    .dolugo-form-section {
        padding: 20px 15px;
    }
    
    .dolugo-payment-logos {
        padding: 25px 20px;
    }
    
    .dolugo-credit-cards,
    .dolugo-ssl-secure {
        max-width: 150px;
        margin: 0 10px 15px;
    }
}

/* ===================================
   BASKET PAGE STYLES
   =================================== */

/* Basket Wrapper */
.dolugo-basket-container {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
    align-items: start;
}

/* Basket Left */
.dolugo-basket-left {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

/* Basket Header */
.dolugo-basket-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 25px 30px;
}

.dolugo-basket-header-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.dolugo-basket-header-name,
.dolugo-basket-header-period,
.dolugo-basket-header-amount {
    font-weight: 700;
    font-size: 1.1rem;
    text-align: center;
}

.dolugo-basket-header-name {
    text-align: left;
}

.dolugo-basket-header-amount {
    text-align: right;
}

/* Empty Basket */
.dolugo-empty-basket {
    text-align: center;
    padding: 80px 40px;
    background: #f8fafc;
    border-radius: 12px;
    border: 2px dashed #e2e8f0;
    margin: 30px 0;
}

.dolugo-empty-basket-icon {
    font-size: 4rem;
    color: var(--dolugo-text);
    margin-bottom: 20px;
    opacity: 0.6;
}

.dolugo-empty-basket-title {
    margin: 0 0 15px 0;
    color: var(--dolugo-dark);
    font-size: 1.5rem;
    font-weight: 600;
}

.dolugo-empty-basket-message {
    margin: 0;
    color: var(--dolugo-text);
    font-size: 1rem;
    opacity: 0.8;
}

/* Basket Loader */
.dolugo-basket-loader {
    margin: 40px 0;
    text-align: center;
}

.dolugo-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--dolugo-primary);
    border-radius: 50%;
    animation: dolugo-spin 1s linear infinite;
}

@keyframes dolugo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Basket Items */
.dolugo-basket-item {
    background: white;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 10px 45px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
}

.dolugo-basket-item:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dolugo-basket-item-label {
    font-size: 11px;
  border-radius: 2px;
  position: absolute;
  font-weight: 600;
  left: 20px;
  top: 3px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.dolugo-basket-item-reduced {
    background: #dcfce7;
    color: #166534;
}

.dolugo-basket-item-promotion {
    background: #fef3c7;
    color: #92400e;
}

.dolugo-basket-item-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 25px 30px;
}

/* Basket Item Info */
.dolugo-basket-item-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-basket-item-name h5 {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 1.1rem;
    font-weight: 600;
}

.dolugo-basket-item-category h4 {
    margin: 0;
    font-size: 0.9rem;
}

.dolugo-basket-item-category a {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-basket-item-category a:hover {
    color: var(--dolugo-accent);
}

.dolugo-basket-item-domain,
.dolugo-basket-item-ip {
    color: var(--dolugo-text);
    font-size: 0.85rem;
    opacity: 0.8;
}

/* Basket Item Privacy */
.dolugo-basket-item-privacy {
    margin-top: 15px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.dolugo-checkbox-custom {
    display: none;
}

.dolugo-checkbox-custom-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--dolugo-dark);
    transition: color 0.3s ease;
}

/* Basket Item Actions */
.dolugo-basket-item-actions {
    display: flex;
    gap: 15px;
    align-items: center;
}

.dolugo-basket-item-action {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
    padding: 8px 12px;
    border-radius: 6px;
    background: #f8fafc;
}

.dolugo-basket-item-action:hover {
    color: var(--dolugo-accent);
    background: #e2e8f0;
}

.dolugo-basket-item-delete {
    color: #dc2626;
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    background: #fef2f2;
    transition: all 0.3s ease;
}

.dolugo-basket-item-delete:hover {
    background: #fee2e2;
    transform: scale(1.1);
}

/* Basket Item Addons */
.dolugo-basket-item-addons {
    margin-top: 15px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.dolugo-basket-item-addon {
    margin-bottom: 8px;
    font-size: 0.9rem;
    color: var(--dolugo-text);
}

.dolugo-basket-item-addon:last-child {
    margin-bottom: 0;
}

.dolugo-basket-item-addon-amount {
    color: var(--dolugo-primary);
    font-weight: 600;
}

/* Basket Item Period */
.dolugo-basket-item-period {
    text-align: center;
}

.dolugo-basket-item-period-name {
    margin: 0 0 10px 0;
    color: var(--dolugo-dark);
    font-size: 1rem;
    font-weight: 600;
}

.dolugo-basket-item-reduced-rate {
    color: #16a34a;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Basket Item Amount */
.dolugo-basket-item-amount {
    text-align: center;
}

.dolugo-basket-item-price {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 1.2rem;
    font-weight: 700;
}

.dolugo-basket-item-free {
    color: #16a34a;
}

/* Continue Shopping */
.dolugo-continue-shopping {
    text-align: center;
    margin: 30px 0;
}

/* Payment Logos */
.dolugo-credit-cards,
.dolugo-ssl-secure {
    max-width: 200px;
    height: auto;
    margin: 0 15px 20px;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
}

.dolugo-credit-cards:hover,
.dolugo-ssl-secure:hover {
    filter: grayscale(0);
}

.dolugo-security-notice {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Basket Right */
.dolugo-basket-right {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: sticky;
    top: 30px;
}

.dolugo-basket-right-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 15px;
}

.dolugo-basket-right-content {
    padding: 25px;
}

/* Order Summary Table */
.dolugo-order-summary-table {
    background: white;
}

.dolugo-order-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-order-summary-row:last-of-type {
    border-bottom: none;
}

.dolugo-order-summary-label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
    flex: 1;
}

.dolugo-order-summary-value {
    color: var(--dolugo-text);
    font-weight: 500;
    font-size: 0.95rem;
    text-align: right;
}

.dolugo-order-summary-total-label {
    color: var(--dolugo-dark);
    font-weight: 700;
    font-size: 1.1rem;
}

.dolugo-order-summary-total-value {
    color: var(--dolugo-primary);
    font-weight: 700;
    font-size: 1.3rem;
}

/* Coupon Section */
.dolugo-order-summary-coupon {
    padding: 20px 0;
}

.dolugo-coupon-section {
    text-align: center;
}

.dolugo-coupon-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dolugo-coupon-link:hover {
    color: var(--dolugo-accent);
}

.dolugo-coupon-form {
    margin-top: 15px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* Basket Actions */
.dolugo-basket-actions {
    text-align: center;
    margin: 25px 0;
    padding: 0 15px;
}

/* Modal Styles */
.dolugo-modal-form {
    background: white;
    border-radius: 16px;
    overflow: hidden;
}

.dolugo-modal-content {
    padding: 25px;
}

.dolugo-modal-warning {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.dolugo-modal-warning-content {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #dc2626;
}

.dolugo-modal-warning-content i {
    font-size: 1.5rem;
}

.dolugo-modal-warning-content p {
    margin: 0;
    font-weight: 600;
}

.dolugo-modal-info {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.dolugo-modal-info-content {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #1d4ed8;
}

.dolugo-modal-info-content i {
    font-size: 1.5rem;
}

.dolugo-modal-info-content p {
    margin: 0;
    font-weight: 600;
}

/* DNS Inputs */
.dolugo-dns-inputs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 25px 0;
}

.dolugo-dns-input-group {
    width: 100%;
}

/* Tab Container */
.dolugo-tab-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.dolugo-tab-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 5px;
}

.dolugo-tab-link {
    padding: 10px 20px;
    background: #f1f5f9;
    color: var(--dolugo-text);
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.dolugo-tab-link:hover {
    background: #e2e8f0;
    color: var(--dolugo-dark);
}

.dolugo-tab-active {
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-whois-profiles-link {
    margin-left: auto;
}

/* Tab Content */
.dolugo-tab-content {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

/* WHOIS Fields */
.dolugo-whois-fields {
    margin-top: 25px;
}

.dolugo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-form-group label {
    margin-bottom: 8px;
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.9rem;
}

.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dolugo-form-select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: white;
    cursor: pointer;
}

.dolugo-form-select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Checkbox Wrapper */
.dolugo-checkbox-wrapper {
    margin-top: 20px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.dolugo-checkbox-custom {
    display: none;
}

.dolugo-checkbox-custom-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--dolugo-dark);
    transition: color 0.3s ease;
}

/* Modal Actions */
.dolugo-modal-actions {
    text-align: center;
    padding: 20px 25px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-basket-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-basket-right {
        order: -1;
    }
}

@media (max-width: 768px) {
    .dolugo-basket-container {
        align-items: unset;
        margin-bottom: 0;
        padding: 0 15px;
    }

    .dolugo-basket-wrapper {
        padding: 20px;
    }
    
    .dolugo-basket-header-content {
        display: flex;
        gap: 15px;
        text-align: center;
    }
    
    .dolugo-basket-item-content {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    
    .dolugo-basket-item-actions {
        justify-content: space-between;
    }
    
    .dolugo-order-summary-value {
        text-align: left;
        font-weight: 600;
    }
    
    .dolugo-order-summary-total {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-tab-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .dolugo-tab-list {
        justify-content: center;
    }
    
    .dolugo-whois-profiles-link {
        margin-left: 0;
    }
    
    .dolugo-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .dolugo-basket-wrapper {
        padding: 15px;
    }
    
    .dolugo-basket-header {
        padding: 20px 25px;
    }
    
    .dolugo-basket-item-content {
        padding: 20px 15px;
    }
    
    .dolugo-basket-right-content {
        padding: 15px;
    }
    
    .dolugo-payment-logos {
        padding: 25px 20px;
    }
    
    .dolugo-credit-cards,
    .dolugo-ssl-secure {
        max-width: 150px;
        margin: 0 10px 15px;
    }
}

/* ===================================
   CONTACT PAGE STYLES
   =================================== */

/* Contact Page Container */
.dolugo-contact-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Contact Slogan */
.dolugo-contact-slogan {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--dolugo-text-primary);
    margin-bottom: 50px;
    line-height: 1.4;
}

/* Contact Blocks */
.dolugo-contact-block {
    background: var(--dolugo-bg-white);
    border: 1px solid var(--dolugo-border-light);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    position: relative;
}

.dolugo-contact-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dolugo-contact-block h3 {
    color: var(--dolugo-text-primary);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Contact Icons */
.dolugo-contact-icon {
    font-size: 1.5rem;
    color: var(--dolugo-primary);
    background: var(--dolugo-primary-light);
    padding: 12px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contact Info Items */
.dolugo-contact-info-item {
    display: block;
    color: var(--dolugo-text-secondary);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--dolugo-border-lighter);
}

.dolugo-contact-info-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Contact Divider */
.dolugo-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dolugo-border-light), transparent);
    margin: 40px 0;
}

/* Google Map Section */
.dolugo-google-map {
    background: var(--dolugo-bg-white);
    border: 1px solid var(--dolugo-border-light);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.dolugo-google-map iframe,
.dolugo-google-map #map {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Big Map Link */
.dolugo-big-map-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    margin-left: 15px;
    padding: 6px 12px;
    border: 1px solid var(--dolugo-primary);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.dolugo-big-map-link:hover {
    background: var(--dolugo-primary);
    color: white;
    text-decoration: none;
}

/* Contact Form */
.dolugo-contact-form {
    background: var(--dolugo-bg-white);
    border: 1px solid var(--dolugo-border-light);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.dolugo-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-form-textarea {
    width: 100%;
    padding: 15px 18px;
    border: 2px solid var(--dolugo-border-light);
    border-radius: 8px;
    font-size: 1rem;
    color: var(--dolugo-text-primary);
    background: var(--dolugo-bg-white);
    transition: all 0.3s ease;
    font-family: inherit;
}

.dolugo-form-input:focus,
.dolugo-form-textarea:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px var(--dolugo-primary-light);
}

.dolugo-form-textarea {
    resize: vertical;
    min-height: 120px;
}

/* Captcha Wrapper */
.dolugo-captcha-wrapper {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.dolugo-captcha-input {
    width: 130px !important;
}

/* GDPR Wrapper */
.dolugo-gdpr-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 20px 0;
    padding: 20px;
    background: var(--dolugo-bg-light);
    border-radius: 8px;
    border: 1px solid var(--dolugo-border-lighter);
}

.dolugo-checkbox-custom {
    margin-top: 4px;
}

.dolugo-checkbox-custom-label {
    font-size: 0.9rem;
    color: var(--dolugo-text-secondary);
    line-height: 1.5;
    cursor: pointer;
}

.dolugo-info-text {
    color: var(--dolugo-text-secondary);
}

.dolugo-info-text a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
}

.dolugo-info-text a:hover {
    text-decoration: underline;
}

/* Form Actions */
.dolugo-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    border-top: 1px solid var(--dolugo-border-lighter);
}

/* Success Message */
.dolugo-success-message {
    text-align: center;
    padding: 40px 20px;
}

.dolugo-success-content {
    max-width: 400px;
    margin: 0 auto;
}

.dolugo-success-icon {
    font-size: 4rem;
    color: var(--dolugo-success);
    margin-bottom: 20px;
    animation: dolugo-success-bounce 0.6s ease;
}

.dolugo-success-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--dolugo-text-primary);
    margin-bottom: 15px;
}

.dolugo-success-text {
    font-size: 1rem;
    color: var(--dolugo-text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* Success Animation */
@keyframes dolugo-success-bounce {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Contact Title */
.dolugo-contact-title {
    color: var(--dolugo-text-primary);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-basket-payment-container {
        flex-direction: column;
    }

    .dolugo-basket-item-period {
        width: 100%;
    }
    
    .dolugo-basket-item-period select {
        padding-left: 1rem;
    }
    
    .dolugo-contact-page {
        padding: 20px 15px;
    }
    
    .dolugo-contact-block,
    .dolugo-google-map,
    .dolugo-contact-form {
        padding: 20px;
    }
    
    .dolugo-contact-slogan {
        font-size: 1.25rem;
        margin-bottom: 30px;
    }
    
    .dolugo-form-actions {
        flex-direction: column;
        align-items: stretch;
    }
    
    .dolugo-big-map-link {
        margin-left: 0;
        margin-top: 10px;
        display: inline-block;
    }
    
    .dolugo-contact-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .dolugo-contact-block,
    .dolugo-google-map,
    .dolugo-contact-form {
        padding: 15px;
    }
    
    .dugo-contact-icon {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
        padding: 10px;
    }
    
    .dolugo-form-input,
    .dolugo-form-textarea {
        padding: 12px 15px;
        font-size: 0.95rem;
    }
}

/* ===================================
   STATUS BADGES STYLES
   =================================== */

/* Status Container */
.dolugo-status {
    display: inline-block;
    margin: 0;
}

.dolugo-status span {
    display: inline-block;
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 20px;
    border: 2px solid transparent;
    text-align: center;
    min-width: 80px;
    transition: all 0.3s ease;
}

/* Ticket Status */
.dolugo-status-process {
    background: #fbbf24;
    color: #92400e;
    border-color: #f59e0b;
}

.dolugo-status-waiting {
    background: #fde68a;
    color: #d97706;
    border-color: #f59e0b;
}

.dolugo-status-replied {
    background: #86efac;
    color: #166534;
    border-color: #22c55e;
}

.dolugo-status-solved {
    background: #d1fae5;
    color: #065f46;
    border-color: #10b981;
}

.dolugo-status-custom {
    border: 2px solid transparent;
    font-weight: 600;
}

/* Product Status */
.dolugo-status-active {
    background: #86efac;
    color: #166534;
    border-color: #22c55e;
}

.dolugo-status-inactive {
    background: #e5e7eb;
    color: #374151;
    border-color: #9ca3af;
}

.dolugo-status-cancelled {
    background: #fecaca;
    color: #dc2626;
    border-color: #ef4444;
}

.dolugo-status-suspended {
    background: #fed7aa;
    color: #ea580c;
    border-color: #f97316;
}

.dolugo-status-completed {
    background: #bfdbfe;
    color: #1d4ed8;
    border-color: #3b82f6;
}

.dolugo-status-require-doc {
    background: #fde68a;
    color: #d97706;
    border-color: #f59e0b;
}

/* Invoice Status */
.dolugo-status-paid {
    background: #86efac;
    color: #166534;
    border-color: #22c55e;
}

.dolugo-status-unpaid {
    background: #fecaca;
    color: #dc2626;
    border-color: #ef4444;
}

.dolugo-status-refund {
    background: #c7d2fe;
    color: #3730a3;
    border-color: #6366f1;
}

/* Status Hover Effects */
.dolugo-status span:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Status Animation */
@keyframes dolugo-status-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

.dolugo-status-process {
    animation: dolugo-status-pulse 2s infinite;
}

/* Responsive Status */
@media (max-width: 768px) {
    .dolugo-status span {
        font-size: 0.7rem;
        padding: 4px 8px;
        min-width: 60px;
    }
}

@media (max-width: 480px) {
    .dolugo-status span {
        font-size: 0.65rem;
        padding: 3px 6px;
        min-width: 50px;
        letter-spacing: 0.25px;
    }
}

/* ===================================
   BASKET ACCOUNT PAGE STYLES
   =================================== */

/* Verification Modals */
.dolugo-verification-content {
    padding: 40px;
    text-align: center;
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.dolugo-verification-title {
    color: var(--dolugo-dark);
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.dolugo-verification-title i {
    color: var(--dolugo-primary);
    font-size: 3rem;
    margin-bottom: 15px;
    display: block;
}

.dolugo-verification-text {
    color: var(--dolugo-text);
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.dolugo-form-group {
    margin-bottom: 20px;
}


.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dolugo-countdown-timer {
    margin-top: 20px;
    font-size: 1.1rem;
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    margin: 30px 0;
}

.dolugo-verification-actions {
    text-align: center;
    margin-top: 30px;
}

.dolugo-verification-actions .dolugo-btn {
    margin: 0 10px;
}

.dolugo-verification-help {
    margin-top: 25px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    color: var(--dolugo-text);
    font-size: 0.95rem;
    line-height: 1.5;
}

.dolugo-verification-help a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
}

.dolugo-verification-help a:hover {
    text-decoration: underline;
}

/* Secure Options */
.dolugo-secure-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.dolugo-radio-custom {
    display: none;
}

.dolugo-radio-custom-label {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    color: var(--dolugo-text);
}

.dolugo-radio-custom:checked + .dolugo-radio-custom-label {
    border-color: var(--dolugo-primary);
    background: rgba(59, 130, 246, 0.05);
    color: var(--dolugo-primary);
}

.dolugo-radio-custom-label:hover {
    border-color: var(--dolugo-accent);
    background: rgba(99, 102, 241, 0.05);
}

.dolugo-check-text {
    margin-left: 10px;
}

.dolugo-security-question,
.dolugo-phone-text {
    margin: 20px 0;
    font-size: 1.1rem;
    color: var(--dolugo-dark);
    font-weight: 500;
}

/* Basket Wrapper */
.dolugo-basket-container {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
    align-items: start;
}

/* Basket Left */
.dolugo-basket-left {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.dolugo-basket-title h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

/* Basket Content */
.dolugo-basket-content {
    padding: 0;
}

.dolugo-basket-content-inner {
    padding: 30px;
}

.dolugo-user-verification {
    background: white;
}

.dolugo-order-user-login {
    margin-bottom: 30px;
}

.dolugo-account-desc {
    color: var(--dolugo-dark);
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
}

/* Account Toggle */
.dolugo-account-toggle {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-radio-custom {
    display: none;
}

.dolugo-radio-custom-label {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    color: var(--dolugo-text);
    min-width: 120px;
    justify-content: center;
}

.dolugo-radio-custom:checked + .dolugo-radio-custom-label {
    border-color: var(--dolugo-primary);
    background: var(--dolugo-primary);
    color: white;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

.dolugo-radio-custom-label:hover {
    border-color: var(--dolugo-accent);
    transform: translateY(-2px);
}

/* Social Connect */
.dolugo-social-connect {
    margin: 20px 0;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    text-align: center;
}

/* Form Container */
.dolugo-form-container {
    margin-top: 30px;
}

.dolugo-form-section {
    margin-bottom: 30px;
    padding: 25px;
}

.dolugo-form-section-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-form-section-header h5 {
    color: var(--dolugo-dark);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.dolugo-form-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.dolugo-form-row:last-child {
    margin-bottom: 0;
}

.dolugo-form-label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 0.95rem;
}

.dolugo-form-field {
    position: relative;
}



.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.dolugo-radio-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

/* Form Actions */
.dolugo-form-actions {
    text-align: center;
    border-top: 2px solid #f1f5f9;
}

/* Payment Logos */
.dolugo-credit-cards,
.dolugo-ssl-secure {
    max-width: 200px;
    height: auto;
    margin: 0 15px 20px;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
}

.dolugo-credit-cards:hover,
.dolugo-ssl-secure:hover {
    filter: grayscale(0);
}

.dolugo-security-notice {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Basket Right */
.dolugo-basket-right {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: sticky;
    top: 30px;
}

.dolugo-basket-right-header {
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 20px 25px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-basket-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-basket-right {
        order: -1;
    }
}

@media (max-width: 768px) {
    .dolugo-basket-wrapper {
        padding: 20px;
    }
    
    .dolugo-basket-content-inner {
        padding: 25px 20px;
    }
    
    .dolugo-form-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .dolugo-account-toggle {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-verification-content {
        padding: 30px 25px;
    }
    
    .dolugo-verification-title {
        font-size: 1.7rem;
    }
}

@media (max-width: 480px) {
    .dolugo-basket-wrapper {
        padding: 15px;
    }
    
    .dolugo-basket-content-inner {
        padding: 20px 15px;
    }
    
    .dolugo-form-section {
        padding: 20px 15px;
    }
    
    .dolugo-verification-content {
        padding: 25px 20px;
    }
    
    .dolugo-verification-title {
        font-size: 1.5rem;
    }
    
    .dolugo-verification-title i {
        font-size: 2.5rem;
    }
    
    .dolugo-account-desc {
        font-size: 1.2rem;
    }
    
    .dolugo-basket-header {
        padding: 20px 25px;
    }
    
    .dolugo-basket-title h2 {
        font-size: 1.3rem;
    }
}

/* ===================================
   ARTICLES PAGE STYLES
   =================================== */

/* Articles Wrapper */
.dolugo-articles-wrapper {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
    min-height: calc(100vh - 200px);
}

/* Articles Main Content */
.dolugo-articles-main {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Articles Title */
.dolugo-articles-title {
    color: var(--dolugo-dark);
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 40px 0;
    padding-bottom: 20px;
    border-bottom: 3px solid var(--dolugo-primary);
    position: relative;
}

.dolugo-articles-title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--dolugo-accent);
    pointer-events: none;
}

/* Article Card */
.dolugo-article-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    position: relative;
}

.dolugo-article-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

/* Article Image */
.dolugo-article-image {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.dolugo-article-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.dolugo-article-card:hover .dolugo-article-img {
    transform: scale(1.05);
}

/* Article Category */
.dolugo-article-category {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.dolugo-category-tag {
    display: inline-block;
    background: linear-gradient(135deg, var(--dolugo-primary), var(--dolugo-accent));
    color: white;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.dolugo-category-tag:hover {
    background: linear-gradient(135deg, var(--dolugo-accent), var(--dolugo-primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    color: white;
    text-decoration: none;
}

/* Article Content */
.dolugo-article-content {
    padding: 30px;
}

.dolugo-article-title {
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.dolugo-article-title a {
    color: var(--dolugo-dark);
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
    transition: color 0.3s ease;
}

.dolugo-article-title a:hover {
    color: var(--dolugo-primary);
}

.dolugo-article-excerpt {
    color: var(--dolugo-text);
    line-height: 1.7;
    font-size: 1rem;
    margin: 0;
    opacity: 0.9;
}

/* No Content */
.dolugo-no-content {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 16px;
    border: 2px dashed #cbd5e1;
}

.dolugo-no-content-title {
    color: var(--dolugo-text);
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    opacity: 0.7;
}

/* Articles Sidebar */
.dolugo-articles-sidebar {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: fit-content;
    position: sticky;
    top: 30px;
}

/* Sidebar Widget */
.dolugo-sidebar-widget {
    margin-bottom: 40px;
}

.dolugo-sidebar-widget:last-child {
    margin-bottom: 0;
}

.dolugo-sidebar-title {
    color: var(--dolugo-dark);
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
    position: relative;
}

.dolugo-sidebar-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 40px;
    height: 2px;
    background: var(--dolugo-primary);
    pointer-events: none;
}

/* Sidebar Links */
.dolugo-sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-sidebar-link {
    display: flex;
    align-items: center;
    color: var(--dolugo-text);
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    font-weight: 500;
    font-size: 0.95rem;
}

.dolugo-sidebar-link:hover {
    background: var(--dolugo-primary);
    color: white;
    text-decoration: none;
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.dolugo-sidebar-link span {
    flex: 1;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-articles-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 20px;
    }
    
    .dolugo-articles-sidebar {
        position: static;
        order: -1;
    }
}

@media (max-width: 768px) {
    .dolugo-articles-wrapper {
        padding: 15px;
    }
    
    .dolugo-articles-main {
        padding: 30px 25px;
    }
    
    .dolugo-articles-title {
        font-size: 2rem;
        margin-bottom: 30px;
    }
    
    .dolugo-article-content {
        padding: 25px 20px;
    }
    
    .dolugo-article-title a {
        font-size: 1.3rem;
    }
    
    .dolugo-articles-sidebar {
        padding: 25px 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-articles-main {
        padding: 25px 20px;
    }
    
    .dolugo-articles-title {
        font-size: 1.7rem;
        margin-bottom: 25px;
    }
    
    .dolugo-article-image {
        height: 200px;
    }
    
    .dolugo-article-content {
        padding: 20px 15px;
    }
    
    .dolugo-article-title a {
        font-size: 1.2rem;
    }
    
    .dolugo-category-tag {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
    
    .dolugo-articles-sidebar {
        padding: 20px 15px;
    }
    
    .dolugo-sidebar-title {
        font-size: 1.2rem;
    }
    
    .dolugo-sidebar-link {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
}

/* ===================================
   TICKETS PAGE STYLES
   =================================== */

/* Tickets Container */
.dolugo-tickets-container {
    margin: 30px 0;
}

/* Ticket Table */
.dolugo-table-container {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.dolugo-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.dolugo-table-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
}

.dolugo-table-row {
    transition: all 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-table-row:hover {
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dolugo-table-cell {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Ticket Specific Styles */
.dolugo-ticket-id {
    font-weight: 600;
    color: var(--dolugo-primary);
    text-align: center;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.dolugo-ticket-title {
    text-align: left;
}

.dolugo-ticket-link {
    color: var(--dolugo-dark);
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.dolugo-ticket-link:hover {
    color: var(--dolugo-primary);
    text-decoration: underline;
}

.dolugo-ticket-service {
    margin-top: 8px;
    padding: 6px 12px;
    background: #f0f9ff;
    border-left: 3px solid #0ea5e9;
    border-radius: 6px;
    color: #0c4a6e;
    font-size: 0.85rem;
    font-weight: 500;
}

.dolugo-ticket-date {
    text-align: center;
    color: #64748b;
    font-size: 0.85rem;
}

.dolugo-ticket-status {
    text-align: center;
}

.dolugo-ticket-actions {
    text-align: center;
}

.dolugo-btn-sm {
    padding: 8px 16px;
    font-size: 0.85rem;
    border-radius: 8px;
}

/* Empty State */
.dolugo-tickets-empty {
    text-align: center;
    padding: 60px 20px;
    color: #64748b;
}

.dolugo-tickets-empty i {
    font-size: 4rem;
    color: #cbd5e1;
    margin-bottom: 20px;
}

.dolugo-tickets-empty h3 {
    margin: 0 0 15px 0;
    color: #475569;
    font-size: 1.5rem;
    font-weight: 600;
}

.dolugo-tickets-empty p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .dolugo-product-badge {
        top: 8px !important;
        padding: 0px 16px !important;
    }

    .hostingozellikler #wrapper {
        flex-direction: column;
    }
    
    .hostingozellikler #wrapper div {
        width: 100% !important;
    }

    .tescilucretleri td strong,
    .tescilucretleri div {
        font-size: 12px !important;
    }

    .dolugo-table-container {
        border-radius: 8px;
    }
    
    .dolugo-table-header,
    .dolugo-table-cell {
        padding: 12px 15px;
        font-size: 0.85rem;
    }
    
    .dolugo-ticket-link {
        font-size: 0.9rem;
    }
    
    .dolugo-ticket-service {
        font-size: 0.8rem;
        padding: 4px 8px;
    }
}

/* ===================================
   SMS PAGE STYLES  
   =================================== */

/* SMS Summary */
.dolugo-sms-summary {
    margin-bottom: 30px;
}

.dolugo-sms-credit-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    color: white;
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}

.dolugo-sms-image img {
    width: 120px;
    height: auto;
    filter: brightness(0) invert(1);
}

.dolugo-sms-credit-info {
    flex: 1;
}

.dolugo-sms-amount {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dolugo-sms-label {
    font-size: 1.2rem;
    opacity: 0.9;
    font-weight: 500;
}

/* SMS Actions */
.dolugo-sms-actions {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

/* SMS Statistics */
.dolugo-sms-statistics {
    background: white;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.dolugo-sms-statistics h3 {
    margin: 0 0 25px 0;
    color: var(--dolugo-dark);
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: 2px solid var(--dolugo-primary);
    padding-bottom: 10px;
}

.dolugo-sms-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.dolugo-sms-stat-item {
    background: #f8fafc;
    border-radius: 12px;
    padding: 20px;
    border-left: 4px solid var(--dolugo-primary);
    transition: all 0.3s ease;
}

.dolugo-sms-stat-item:hover {
    background: #e2e8f0;
    transform: translateY(-2px);
}

.dolugo-sms-stat-label {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
    font-size: 1rem;
}

.dolugo-sms-stat-value {
    color: var(--dolugo-text);
    font-size: 0.9rem;
    line-height: 1.5;
}

/* SMS API Info */
.dolugo-sms-api-info {
    background: white;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.dolugo-sms-api-info h3 {
    margin: 0 0 20px 0;
    color: var(--dolugo-dark);
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: 2px solid var(--dolugo-accent);
    padding-bottom: 10px;
}

.dolugo-api-description {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 15px 20px;
    margin-bottom: 25px;
    color: #0c4a6e;
    border-radius: 8px;
}

.dolugo-api-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-api-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-api-field label {
    font-weight: 600;
    color: var(--dolugo-dark);
    font-size: 1rem;
}

.dolugo-api-value {
    background: #f8fafc;
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #e2e8f0;
}

.dolugo-api-value a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
}

.dolugo-api-value a:hover {
    text-decoration: underline;
}

.dolugo-api-token {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.9rem;
    background: var(--dolugo-dark);
    color: #10b981;
    padding: 8px 12px;
    border-radius: 6px;
    display: inline-block;
}

/* SMS Send Container */
.dolugo-sms-send-container {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Responsive */
@media (max-width: 768px) {
    .dolugo-sms-credit-card {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px;
    }
    
    .dolugo-sms-amount {
        font-size: 2rem;
    }
    
    .dolugo-sms-stat-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-sms-actions {
        flex-direction: column;
    }
    
    .dolugo-sms-actions .dolugo-btn {
        text-align: center;
        justify-content: center;
    }
}

/* ===================================
   BALANCE PAGE STYLES
   =================================== */

.dolugo-balance-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.dolugo-balance-content {
    margin-bottom: 40px;
}

/* Balance Cards */
.dolugo-balance-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.dolugo-balance-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.dolugo-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.dolugo-card-header h3 {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 600;
}

.dolugo-current-balance {
    text-align: right;
}

.dolugo-balance-amount {
    font-size: 32px;
    font-weight: 700;
    color: var(--dolugo-primary);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Balance Details */
.dolugo-balance-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-detail-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-detail-row:last-child {
    border-bottom: none;
}

.dolugo-detail-label {
    flex: 0 0 200px;
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 16px;
    padding-top: 5px;
}

.dolugo-detail-value {
    flex: 1;
    color: var(--dolugo-text);
    font-size: 16px;
    line-height: 1.5;
}

/* Balance Warning Input */
.dolugo-balance-warning-input {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dolugo-balance-warning-input strong {
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-balance-input {
    width: 120px !important;
    text-align: center;
    font-weight: 600;
    color: var(--dolugo-dark);
}

/* Credit Input Group */
.dolugo-credit-input-group {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.dolugo-credit-input {
    width: 150px !important;
    text-align: center;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-currency-select {
    width: 200px !important;
    min-width: 200px;
}

/* Checkbox Group */
.dolugo-checkbox-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dolugo-checkbox {
    width: 20px;
    height: 20px;
    accent-color: var(--dolugo-primary);
    cursor: pointer;
}

.dolugo-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--dolugo-text);
    font-weight: 500;
    line-height: 1.4;
}

.dolugo-checktext {
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-style: italic;
}

/* Buttons */
.dolugo-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.dolugo-btn.dolugo-primary-btn {
    background: var(--dolugo-primary);
}

.dolugo-btn.dolugo-primary-btn:hover {
    background: var(--dolugo-primary-dark);
}

.dolugo-btn.dolugo-success-btn {
    background: var(--dolugo-success);
}

.dolugo-btn.dolugo-success-btn:hover {
    background: var(--dolugo-success-dark);
}

.dolugo-btn-large {
    padding: 16px 32px;
    font-size: 18px;
    border-radius: 12px;
}

.dolugo-btn-full {
    width: 100%;
    justify-content: center;
}

/* Error Message */
.dolugo-error-message {
    margin-top: 15px;
    padding: 12px 16px;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.2);
    border-radius: 8px;
    color: var(--dolugo-danger);
    font-size: 14px;
    font-weight: 500;
}

/* Modal Styles */
.dolugo-modal-content {
    padding: 30px;
}

.dolugo-modal-body {
    margin-bottom: 25px;
}

.dolugo-modal-body p {
    margin: 0;
    color: var(--dolugo-text);
    line-height: 1.6;
    font-size: 16px;
}

.dolugo-modal-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 25px 0;
}

.dolugo-modal-actions {
    text-align: center;
}

/* Info Alert */
.dolugo-alert.dolugo-alert-info {
    background: rgba(23, 162, 184, 0.1);
    border-color: var(--dolugo-info);
    color: var(--dolugo-info-dark);
}

.dolugo-alert.dolugo-alert-info .dolugo-alert-content i {
    color: var(--dolugo-info);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-balance-container {
        padding: 20px;
    }
    
    .dolugo-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        text-align: center;
    }
    
    .dolugo-current-balance {
        text-align: center;
        width: 100%;
    }
    
    .dolugo-balance-amount {
        font-size: 28px;
    }
    
    .dolugo-detail-row {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-detail-label {
        flex: none;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    
    .dolugo-detail-value {
        text-align: center;
        font-size: 14px;
    }
    
    .dolugo-credit-input-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-credit-input,
    .dolugo-currency-select {
        width: 100% !important;
        min-width: auto;
    }
    
    .dolugo-balance-warning-input {
        justify-content: center;
        text-align: center;
    }
    
    .dolugo-balance-input {
        width: 100px !important;
    }
    
    .dolugo-balance-card {
        padding: 20px;
    }
    
    .dolugo-modal-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-balance-container {
        padding: 15px;
    }
    
    .dolugo-balance-card {
        padding: 15px;
    }
    
    .dolugo-card-header h3 {
        font-size: 18px;
    }
    
    .dolugo-balance-amount {
        font-size: 24px;
    }
    
    .dolugo-detail-label {
        font-size: 13px;
    }
    
    .dolugo-detail-value {
        font-size: 13px;
    }
    
    .dolugo-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .dolugo-btn-large {
        padding: 14px 28px;
        font-size: 16px;
    }
    
    .dolugo-modal-content {
        padding: 15px;
    }
}

/* ===================================
   TICKET CREATE PAGE STYLES
   =================================== */

.dolugo-ticket-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.dolugo-ticket-content {
    margin: 40px 0;
}

/* Ticket Cards */
.dolugo-ticket-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.dolugo-ticket-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.dolugo-card-header {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.dolugo-card-header h3 {
    margin: 0;
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 600;
}

/* Ticket Form */
.dolugo-ticket-form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.dolugo-form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.dolugo-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-form-group label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 16px;
}

.dolugo-form-control {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: #fff;
    color: var(--dolugo-text);
}

.dolugo-form-control:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.dolugo-textarea {
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

.dolugo-select2 {
    width: 100% !important;
}

.dolugo-form-help {
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

/* Custom Fields */
.dolugo-custom-fields {
    background: rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-custom-field {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-custom-field:last-child {
    margin-bottom: 0;
}

.dolugo-field-label {
    flex: 0 0 200px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dolugo-field-label label {
    color: var(--dolugo-dark);
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.dolugo-required {
    color: var(--dolugo-danger);
    font-weight: bold;
    font-size: 18px;
}

.dolugo-field-input {
    flex: 1;
}

/* Radio and Checkbox Groups */
.dolugo-radio-group,
.dolugo-checkbox-group {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.dolugo-radio-group:last-child,
.dolugo-checkbox-group:last-child {
    margin-bottom: 0;
}

.dolugo-radio,
.dolugo-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--dolugo-primary);
    cursor: pointer;
}

.dolugo-radio-label,
.dolugo-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--dolugo-text);
    font-weight: 500;
    line-height: 1.4;
}

/* File Input */
.dolugo-file-input {
    width: 100%;
    padding: 12px 16px;
    border: 2px dashed rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.02);
    color: var(--dolugo-text);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dolugo-file-input:hover {
    border-color: var(--dolugo-primary);
    background: rgba(0, 123, 255, 0.05);
}

.dolugo-file-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    background: #fff;
}

/* Form Actions */
.dolugo-form-actions {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* Knowledge Base */
.dolugo-knowledge-base {
    margin-top: 30px;
}

.dolugo-knowledge-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.dolugo-knowledge-links .dolugo-btn {
    margin: 0;
}

/* Success Message */
.dolugo-success-message {
    text-align: center;
    padding: 60px 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dolugo-success-icon {
    margin-bottom: 30px;
}

.dolugo-success-icon i {
    font-size: 80px;
    color: var(--dolugo-success);
    animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dolugo-success-message h3 {
    color: var(--dolugo-dark);
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.dolugo-success-message p {
    color: var(--dolugo-secondary);
    font-size: 18px;
    margin: 0;
}

/* Buttons */
.dolugo-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.dolugo-btn.dolugo-primary-btn {
    background: var(--dolugo-primary);
}

.dolugo-btn.dolugo-primary-btn:hover {
    background: var(--dolugo-primary-dark);
}

.dolugo-btn.dolugo-info-btn {
    background: var(--dolugo-info);
}

.dolugo-btn.dolugo-info-btn:hover {
    background: var(--dolugo-info-dark);
}

.dolugo-btn-large {
    padding: 16px 32px;
    font-size: 18px;
    border-radius: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-ticket-container {
        padding: 20px;
    }
    
    .dolugo-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-custom-field {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-field-label {
        flex: none;
        width: 100%;
    }
    
    .dolugo-form-actions {
        justify-content: center;
    }
    
    .dolugo-ticket-card {
        padding: 20px;
    }
    
    .dolugo-success-message {
        padding: 40px 20px;
    }
    
    .dolugo-success-icon i {
        font-size: 60px;
    }
    
    .dolugo-success-message h3 {
        font-size: 24px;
    }
    
    .dolugo-success-message p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .dolugo-ticket-container {
        padding: 15px;
    }
    
    .dolugo-ticket-card {
        padding: 15px;
    }
    
    .dolugo-card-header h3 {
        font-size: 18px;
    }
    
    .dolugo-form-group label {
        font-size: 14px;
    }
    
    .dolugo-form-control {
        padding: 10px 14px;
        font-size: 14px;
    }
    
    .dolugo-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .dolugo-btn-large {
        padding: 14px 28px;
        font-size: 16px;
    }
    
    .dolugo-success-message {
        padding: 30px 15px;
    }
    
    .dolugo-success-icon i {
        font-size: 50px;
    }
    
    .dolugo-success-message h3 {
        font-size: 20px;
    }
    
    .dolugo-success-message p {
        font-size: 14px;
    }
}

/* ===================================
   PDF INVOICE STYLES
   =================================== */

/* Modern DolugoPartner PDF Styles */
.dolugo-pdf-invoice body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #2c3e50;
    line-height: 1.6;
}

.dolugo-pdf-invoice .invoice-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.dolugo-pdf-invoice .invoice-title {
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 10px 0;
    text-align: center;
}

.dolugo-pdf-invoice .invoice-number {
    font-size: 18px;
    text-align: center;
    opacity: 0.9;
}

.dolugo-pdf-invoice .company-logo {
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}

.dolugo-pdf-invoice .info-section {
    background: #f8f9fa;
    border-left: 4px solid #667eea;
    padding: 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
}

.dolugo-pdf-invoice .info-section h4 {
    color: #667eea;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 600;
}

.dolugo-pdf-invoice .info-row {
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
    font-size: 13px;
}

.dolugo-pdf-invoice .info-label {
    font-weight: 600;
    color: #495057;
}

.dolugo-pdf-invoice .info-value {
    color: #6c757d;
}

.dolugo-pdf-invoice .items-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.dolugo-pdf-invoice .items-table th {
    background: #667eea;
    color: white;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
}

.dolugo-pdf-invoice .items-table td {
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    font-size: 13px;
}

.dolugo-pdf-invoice .items-table tr:nth-child(even) {
    background: #f8f9fa;
}

.dolugo-pdf-invoice .total-section {
    background: #e3f2fd;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.dolugo-pdf-invoice .total-row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    font-size: 14px;
}

.dolugo-pdf-invoice .total-label {
    font-weight: 600;
    color: #1976d2;
}

.dolugo-pdf-invoice .total-amount {
    font-weight: 700;
    color: #1976d2;
}

.dolugo-pdf-invoice .grand-total {
    font-size: 18px;
    font-weight: 700;
    color: #1565c0;
    border-top: 2px solid #1976d2;
    padding-top: 15px;
    margin-top: 15px;
}

.dolugo-pdf-invoice .status-section {
    text-align: center;
    padding: 40px 20px;
    margin: 30px 0;
    background: #f8f9fa;
    border-radius: 8px;
}

.dolugo-pdf-invoice .status-unpaid {
    color: #d32f2f;
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.dolugo-pdf-invoice .status-paid {
    color: #388e3c;
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.dolugo-pdf-invoice .status-waiting {
    color: #f57c00;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.dolugo-pdf-invoice .status-cancelled {
    color: #757575;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.dolugo-pdf-invoice .status-refund {
    color: #7b1fa2;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 15px 0;
}

.dolugo-pdf-invoice .qr-section {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}

.dolugo-pdf-invoice .qr-code {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px auto;
}

.dolugo-pdf-invoice .footer-note {
    background: #fff3e0;
    border-left: 4px solid #ff9800;
    padding: 20px;
    margin: 30px 0;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #e65100;
}

/* PDF Invoice Print Styles */
@media print {
    .dolugo-pdf-invoice {
        background: white !important;
        color: black !important;
    }
    
    .dolugo-pdf-invoice .invoice-header {
        background: #667eea !important;
        color: white !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .info-section {
        background: #f8f9fa !important;
        border-left-color: #667eea !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .items-table th {
        background: #667eea !important;
        color: white !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .items-table tr:nth-child(even) {
        background: #f8f9fa !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .total-section {
        background: #e3f2fd !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .status-section {
        background: #f8f9fa !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .footer-note {
        background: #fff3e0 !important;
        border-left-color: #ff9800 !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    .dolugo-pdf-invoice .qr-section {
        background: white !important;
        border-color: #e9ecef !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

/* PDF Invoice Responsive */
@media (max-width: 768px) {
    .dolugo-pdf-invoice .invoice-header {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-pdf-invoice .invoice-title {
        font-size: 24px;
    }
    
    .dolugo-pdf-invoice .invoice-number {
        font-size: 16px;
    }
    
    .dolugo-pdf-invoice .company-logo {
        max-width: 150px;
    }
    
    .dolugo-pdf-invoice .info-section {
        padding: 15px;
        margin: 15px 0;
    }
    
    .dolugo-pdf-invoice .info-row {
        flex-direction: column;
        gap: 5px;
    }
    
    .dolugo-pdf-invoice .items-table th,
    .dolugo-pdf-invoice .items-table td {
        padding: 10px;
        font-size: 12px;
    }
    
    .dolugo-pdf-invoice .total-section {
        padding: 15px;
        margin: 15px 0;
    }
    
    .dolugo-pdf-invoice .status-section {
        padding: 30px 15px;
        margin: 20px 0;
    }
    
    .dolugo-pdf-invoice .status-unpaid,
    .dolugo-pdf-invoice .status-paid {
        font-size: 36px;
    }
    
    .dolugo-pdf-invoice .status-waiting,
    .dolugo-pdf-invoice .status-cancelled,
    .dolugo-pdf-invoice .status-refund {
        font-size: 28px;
    }
    
    .dolugo-pdf-invoice .qr-section {
        padding: 15px;
        margin: 15px 0;
    }
    
    .dolugo-pdf-invoice .qr-code {
        width: 60px;
        height: 60px;
    }
    
    .dolugo-pdf-invoice .footer-note {
        padding: 15px;
        margin: 20px 0;
    }
}

@media (max-width: 480px) {
    .dolugo-pdf-invoice .invoice-header {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .dolugo-pdf-invoice .invoice-title {
        font-size: 20px;
    }
    
    .dolugo-pdf-invoice .invoice-number {
        font-size: 14px;
    }
    
    .dolugo-pdf-invoice .company-logo {
        max-width: 120px;
    }
    
    .dolugo-pdf-invoice .info-section {
        padding: 12px;
        margin: 12px 0;
    }
    
    .dolugo-pdf-invoice .info-section h4 {
        font-size: 14px;
    }
    
    .dolugo-pdf-invoice .info-row {
        font-size: 12px;
    }
    
    .dolugo-pdf-invoice .items-table th,
    .dolugo-pdf-invoice .items-table td {
        padding: 8px;
        font-size: 11px;
    }
    
    .dolugo-pdf-invoice .total-section {
        padding: 12px;
        margin: 12px 0;
    }
    
    .dolugo-pdf-invoice .total-row {
        font-size: 12px;
    }
    
    .dolugo-pdf-invoice .grand-total {
        font-size: 16px;
    }
    
    .dolugo-pdf-invoice .status-section {
        padding: 20px 12px;
        margin: 15px 0;
    }
    
    .dolugo-pdf-invoice .status-unpaid,
    .dolugo-pdf-invoice .status-paid {
        font-size: 28px;
    }
    
    .dolugo-pdf-invoice .status-waiting,
    .dolugo-pdf-invoice .status-cancelled,
    .dolugo-pdf-invoice .status-refund {
        font-size: 24px;
    }
    
    .dolugo-pdf-invoice .qr-section {
        padding: 12px;
        margin: 12px 0;
    }
    
    .dolugo-pdf-invoice .qr-code {
        width: 50px;
        height: 50px;
    }
    
    .dolugo-pdf-invoice .footer-note {
        padding: 12px;
        margin: 15px 0;
        font-size: 12px;
    }
}

/* ===================================
   INVOICE DETAIL PAGE STYLES
   =================================== */

.dolugo-invoice-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.dolugo-invoice-wrapper {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #f1f5f9;
}

/* Company Section */
.dolugo-company-section {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 30px;
    align-items: start;
}

.dolugo-company-logo {
    text-align: center;
}

.dolugo-company-logo img {
    max-width: 200px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dolugo-company-info {
    color: #475569;
    line-height: 1.6;
    font-size: 14px;
}

.dolugo-invoice-dates {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-date-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.dolugo-date-label {
    font-weight: 600;
    color: #475569;
    font-size: 14px;
}

.dolugo-date-value {
    color: #64748b;
    font-size: 14px;
}

/* Action Buttons */
.dolugo-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.dolugo-action-buttons .dolugo-btn {
    margin: 0;
}

/* Client Section */
.dolugo-client-section {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-client-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-client-header h3 {
    margin: 0;
    color: #1e293b;
    font-size: 24px;
    font-weight: 700;
}

.dolugo-invoice-number {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 16px;
}

/* Address Selector */
.dolugo-address-selector {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
}

.dolugo-address-selector strong {
    display: block;
    margin-bottom: 12px;
    color: #1e293b;
    font-size: 16px;
}

.dolugo-address-selector select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    background: white;
    color: #475569;
}

/* Client Details */
.dolugo-client-details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.dolugo-client-name {
    background: #f8fafc;
    padding: 16px 20px;
    border-radius: 12px;
    border-left: 4px solid #667eea;
    font-size: 18px;
    color: #1e293b;
    font-weight: 600;
}

.dolugo-client-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 20px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.dolugo-field-label {
    font-weight: 600;
    color: #475569;
    font-size: 14px;
}

.dolugo-field-value {
    color: #64748b;
    font-size: 14px;
}

/* Censored Info */
.dolugo-censored-info {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    padding: 16px 20px;
    text-align: center;
    color: #dc2626;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 25px;
}

.dolugo-censored-info i {
    margin-right: 8px;
    font-size: 16px;
}

/* Invoice Status */
.dolugo-invoice-status {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.dolugo-status {
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dolugo-status-paid {
    background: #dcfce7;
    color: #166534;
    border: 2px solid #bbf7d0;
}

.dolugo-status-waiting {
    background: #fef3c7;
    color: #92400e;
    border: 2px solid #fde68a;
}

.dolugo-status-unpaid {
    background: #fee2e2;
    color: #991b1b;
    border: 2px solid #fca5a5;
}

.dolugo-payment-method {
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Invoice Items */
.dolugo-invoice-items {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-items-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #1e293b;
    font-size: 16px;
}

.dolugo-item-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid #f1f5f9;
    transition: background-color 0.3s ease;
}

.dolugo-item-row:hover {
    background: #f8fafc;
}

.dolugo-item-row:last-child {
    border-bottom: none;
}

.dolugo-item-description {
    color: #475569;
    line-height: 1.6;
}

.dolugo-item-amount {
    text-align: right;
    color: #1e293b;
    font-weight: 600;
}

/* Special Rows */
.dolugo-item-row.dolugo-subtotal {
    background: #f0f9ff;
    border-top: 2px solid #0ea5e9;
    font-weight: 600;
    color: #0c4a6e;
}

.dolugo-item-row.dolugo-discount {
    background: #fef2f2;
    color: #dc2626;
}

.dolugo-item-row.dolugo-total-discount {
    background: #f0fdf4;
    color: #166534;
    font-weight: 600;
}

.dolugo-item-row.dolugo-grand-total {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 18px;
    font-weight: 700;
    border-radius: 12px;
    margin-top: 20px;
}

.dolugo-item-row.dolugo-grand-total .dolugo-item-description,
.dolugo-item-row.dolugo-grand-total .dolugo-item-amount {
    color: white;
}

/* Paid Invoice */
.dolugo-paid-invoice {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 16px;
    padding: 30px;
    margin: 30px 40px;
    text-align: center;
}

.dolugo-paid-invoice h4 {
    color: #166534;
    margin: 0 0 20px 0;
    font-size: 24px;
}

.dolugo-paid-invoice h5 {
    color: #15803d;
    margin: 0 0 20px 0;
    font-size: 18px;
}

.dolugo-download-section {
    margin-top: 20px;
}

/* Payment Selection */
.dolugo-payment-selection {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-payment-methods {
    margin-bottom: 30px;
}

.dolugo-payment-methods h5 {
    color: #1e293b;
    margin: 0 0 20px 0;
    font-size: 18px;
}

.dolugo-loader {
    text-align: center;
    margin: 20px 0;
}

.dolugo-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e2e8f0;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dolugo-sendbta-option {
    margin-top: 30px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-sendbta-option h5 {
    color: #1e293b;
    margin: 0 0 15px 0;
    font-size: 16px;
}

.dolugo-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    accent-color: #667eea;
}

.dolugo-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #475569;
    font-weight: 500;
}

.dolugo-checktext {
    color: #64748b;
    font-size: 14px;
}

.dolugo-divider {
    height: 1px;
    background: #e2e8f0;
    margin: 30px 0;
}

/* Payment Error */
.dolugo-payment-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 16px;
    color: #dc2626;
    text-align: center;
    font-weight: 500;
}

/* QR Section */
.dolugo-qr-section {
    display: flex;
    gap: 30px;
    padding: 30px 40px;
    border-top: 1px solid #e2e8f0;
    align-items: center;
}

.dolugo-qr-left {
    flex-shrink: 0;
}

.dolugo-qr-left img {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dolugo-qr-right {
    flex: 1;
}

.dolugo-qr-right h5 {
    color: #1e293b;
    margin: 0 0 10px 0;
    font-size: 18px;
}

.dolugo-qr-right p {
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* Special Note */
.dolugo-special-note {
    padding: 30px 40px;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 12px;
    margin: 30px 40px;
    color: #92400e;
    line-height: 1.6;
    font-size: 14px;
}

/* Back Link */
.dolugo-back-link {
    text-align: center;
    padding: 30px 40px;
    border-top: 1px solid #e2e8f0;
}

.dolugo-back-link a {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
}

.dolugo-back-link a:hover {
    color: #5a6fd8;
}

/* Share Modal */
.dolugo-share-modal {
    padding: 30px;
}

.dolugo-share-info {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: #166534;
    font-size: 16px;
    margin-bottom: 25px;
}

.dolugo-share-info i {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.dolugo-share-link {
    text-align: center;
}

.dolugo-share-link strong {
    display: block;
    margin-bottom: 15px;
    color: #1e293b;
    font-size: 16px;
}

.dolugo-share-link textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    resize: none;
    background: #f8fafc;
    color: #475569;
}

/* Responsive Design */

/* ===================================
   MESSAGE DETAIL PAGE STYLES
   =================================== */

.dolugo-message-container {
    padding: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.dolugo-message-wrapper {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #f1f5f9;
}

/* Message Header */
.dolugo-message-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-breadcrumb-section {
    margin-bottom: 20px;
}

.dolugo-message-title h2 {
    margin: 0;
    color: #1e293b;
    font-size: 28px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-message-title h2 i {
    color: #667eea;
    font-size: 32px;
}

/* Message Content */
.dolugo-message-content {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-message-body {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #475569;
    font-size: 16px;
}

.dolugo-message-body h1,
.dolugo-message-body h2,
.dolugo-message-body h3,
.dolugo-message-body h4,
.dolugo-message-body h5,
.dolugo-message-body h6 {
    color: #1e293b;
    margin-top: 25px;
    margin-bottom: 15px;
}

.dolugo-message-body p {
    margin-bottom: 15px;
}

.dolugo-message-body ul,
.dolugo-message-body ol {
    margin: 15px 0;
    padding-left: 25px;
}

.dolugo-message-body li {
    margin-bottom: 8px;
}

.dolugo-message-body a {
    color: #667eea;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.dolugo-message-body a:hover {
    border-bottom-color: #667eea;
}

.dolugo-message-body blockquote {
    border-left: 4px solid #667eea;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    color: #64748b;
    background: #f1f5f9;
    padding: 20px;
    border-radius: 0 8px 8px 0;
}

.dolugo-message-body code {
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 14px;
    color: #dc2626;
}

.dolugo-message-body pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
}

.dolugo-message-body pre code {
    background: none;
    color: inherit;
    padding: 0;
}

/* Message Meta */
.dolugo-message-meta {
    margin-top: 30px;
}

.dolugo-meta-divider {
    height: 1px;
    background: #e2e8f0;
    margin: 30px 0;
}

.dolugo-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.dolugo-meta-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.dolugo-meta-item:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dolugo-meta-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dolugo-meta-icon i {
    color: white;
    font-size: 20px;
}

.dolugo-meta-content {
    flex: 1;
}

.dolugo-meta-label {
    display: block;
    font-weight: 600;
    color: #475569;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolugo-meta-value {
    display: block;
    color: #1e293b;
    font-size: 16px;
    font-weight: 500;
}

/* Action Buttons */
.dolugo-message-actions {
    padding: 30px 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.dolugo-message-actions .dolugo-btn {
    min-width: 160px;
    justify-content: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-message-container {
        padding: 20px;
    }
    
    .dolugo-message-header,
    .dolugo-message-content {
        padding: 20px;
    }
    
    .dolugo-message-title h2 {
        font-size: 24px;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-message-title h2 i {
        font-size: 28px;
    }
    
    .dolugo-message-body {
        padding: 20px;
        font-size: 15px;
    }
    
    .dolugo-meta-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-meta-item {
        padding: 15px;
    }
    
    .dolugo-meta-icon {
        width: 40px;
        height: 40px;
    }
    
    .dolugo-meta-icon i {
        font-size: 16px;
    }
    
    .dolugo-message-actions {
        padding: 20px;
        flex-direction: column;
    }
    
    .dolugo-message-actions .dolugo-btn {
        width: 100%;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .dolugo-message-container {
        padding: 15px;
    }
    
    .dolugo-message-header,
    .dolugo-message-content {
        padding: 15px;
    }
    
    .dolugo-message-title h2 {
        font-size: 20px;
    }
    
    .dolugo-message-title h2 i {
        font-size: 24px;
    }
    
    .dolugo-message-body {
        padding: 15px;
        font-size: 14px;
    }
    
    .dolugo-meta-item {
        padding: 12px;
    }
    
    .dolugo-meta-icon {
        width: 35px;
        height: 35px;
    }
    
    .dolugo-meta-icon i {
        font-size: 14px;
    }
    
    .dolugo-meta-label {
        font-size: 12px;
    }
    
    .dolugo-meta-value {
        font-size: 14px;
    }
    
    .dolugo-message-actions {
        padding: 15px;
    }
}

/* ===================================
   TICKET DETAIL PAGE STYLES
   =================================== */

.dolugo-ticket-container {
    padding: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.dolugo-ticket-wrapper {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #f1f5f9;
}

/* Ticket Header */
.dolugo-ticket-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-breadcrumb-section {
    margin-bottom: 20px;
}

.dolugo-ticket-title h2 {
    margin: 0;
    color: #1e293b;
    font-size: 28px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.dolugo-ticket-title h2 i {
    color: #667eea;
    font-size: 32px;
}

.dolugo-ticket-id {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 600;
    margin-left: auto;
}

/* Ticket Information */
.dolugo-ticket-info {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.dolugo-info-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
}

.dolugo-info-card:hover {
    background: white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.dolugo-info-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.dolugo-info-icon i {
    color: white;
    font-size: 24px;
}

.dolugo-info-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-info-label {
    font-weight: 600;
    color: #475569;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolugo-info-value {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
}

/* Priority Colors */
.dolugo-priority-0 {
    color: #64748b;
}

.dolugo-priority-1 {
    color: #059669;
}

.dolugo-priority-2 {
    color: #d97706;
}

.dolugo-priority-3 {
    color: #dc2626;
}

/* Ticket Actions */
.dolugo-ticket-actions {
    padding: 30px 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-ticket-actions .dolugo-btn {
    min-width: 160px;
    justify-content: center;
}

/* Reply Form */
.dolugo-ticket-reply {
    padding: 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-reply-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 30px;
}

.dolugo-message-input {
    margin-bottom: 25px;
}

.dolugo-message-input textarea {
    width: 100%;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #475569;
    background: white;
    resize: vertical;
    min-height: 150px;
    transition: border-color 0.3s ease;
}

.dolugo-message-input textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dolugo-auto-save {
    margin-top: 10px;
    text-align: right;
}

.dolugo-auto-save span {
    background: #dcfce7;
    color: #166534;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dolugo-auto-save i {
    font-size: 16px;
}

/* Error Message */
.dolugo-error-message {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 16px;
    color: #dc2626;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Attachment Section */
.dolugo-attachment-section {
    margin-bottom: 25px;
    padding: 20px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.dolugo-attachment-label {
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    color: #475569;
}

.dolugo-attachment-label i {
    color: #667eea;
    font-size: 18px;
}

.dolugo-attachment-label input[type="file"] {
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    padding: 15px;
    background: #f8fafc;
    transition: all 0.3s ease;
}

.dolugo-attachment-label input[type="file"]:hover {
    border-color: #667eea;
    background: #f0f9ff;
}

.dolugo-attachment-info {
    font-size: 13px;
    color: #64748b;
    font-style: italic;
}

/* Reply Options */
.dolugo-reply-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.dolugo-encrypt-option {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dolugo-checkbox {
    width: 20px;
    height: 20px;
    accent-color: #667eea;
}

.dolugo-checkbox-label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    color: #475569;
}

.dolugo-checktext {
    font-weight: 600;
    color: #1e293b;
}

.dolugo-kinfo {
    font-size: 13px;
    color: #64748b;
}

.dolugo-reply-submit {
    min-width: 180px;
    justify-content: center;
}

/* Success Message */
.dolugo-success-message {
    text-align: center;
    padding: 60px 40px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 16px;
    margin: 30px 40px;
}

.dolugo-success-message i {
    font-size: 80px;
    color: #16a34a;
    margin-bottom: 20px;
}

.dolugo-success-message h3 {
    color: #166534;
    margin: 0 0 15px 0;
    font-size: 28px;
}

.dolugo-success-message p {
    color: #15803d;
    margin: 0;
    font-size: 16px;
}

/* Ticket Replies */
.dolugo-ticket-replies {
    padding: 40px;
}

.dolugo-loading {
    text-align: center;
    padding: 60px 20px;
}

.dolugo-spinner {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.dolugo-spinner div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #e2e8f0;
    border-radius: 50%;
    animation: dolugo-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #667eea transparent transparent transparent;
}

.dolugo-spinner div:nth-child(1) {
    animation-delay: -0.45s;
}

.dolugo-spinner div:nth-child(2) {
    animation-delay: -0.3s;
}

.dolugo-spinner div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes dolugo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dolugo-loading p {
    color: #64748b;
    font-size: 16px;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-ticket-container {
        padding: 20px;
    }
    
    .dolugo-ticket-header,
    .dolugo-ticket-info,
    .dolugo-ticket-actions,
    .dolugo-ticket-reply,
    .dolugo-ticket-replies {
        padding: 20px;
    }
    
    .dolugo-ticket-title h2 {
        font-size: 24px;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-ticket-id {
        margin-left: 0;
        font-size: 16px;
        padding: 6px 12px;
    }
    
    .dolugo-info-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-info-card {
        padding: 20px;
    }
    
    .dolugo-info-icon {
        width: 50px;
        height: 50px;
    }
    
    .dolugo-info-icon i {
        font-size: 20px;
    }
    
    .dolugo-ticket-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-ticket-actions .dolugo-btn {
        width: 100%;
        min-width: auto;
    }
    
    .dolugo-reply-options {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    
    .dolugo-reply-submit {
        width: 100%;
        min-width: auto;
    }
    
    .dolugo-success-message {
        margin: 20px;
        padding: 40px 20px;
    }
    
    .dolugo-success-message i {
        font-size: 60px;
    }
    
    .dolugo-success-message h3 {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .dolugo-ticket-container {
        padding: 15px;
    }
    
    .dolugo-ticket-header,
    .dolugo-ticket-info,
    .dolugo-ticket-actions,
    .dolugo-ticket-reply,
    .dolugo-ticket-replies {
        padding: 15px;
    }
    
    .dolugo-ticket-title h2 {
        font-size: 20px;
    }
    
    .dolugo-ticket-title h2 i {
        font-size: 24px;
    }
    
    .dolugo-ticket-id {
        font-size: 14px;
        padding: 5px 10px;
    }
    
    .dolugo-info-card {
        padding: 15px;
    }
    
    .dolugo-info-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 15px;
    }
    
    .dolugo-info-icon i {
        font-size: 18px;
    }
    
    .dolugo-info-label {
        font-size: 12px;
    }
    
    .dolugo-info-value {
        font-size: 16px;
    }
    
    .dolugo-reply-form {
        padding: 20px;
    }
    
    .dolugo-message-input textarea {
        padding: 15px;
        font-size: 15px;
        min-height: 120px;
    }
    
    .dolugo-attachment-section {
        padding: 15px;
    }
    
    .dolugo-success-message {
        margin: 15px;
        padding: 30px 15px;
    }
    
    .dolugo-success-message i {
        font-size: 50px;
    }
    
    .dolugo-success-message h3 {
        font-size: 20px;
    }
    
    .dolugo-success-message p {
        font-size: 14px;
    }
    
    .dolugo-spinner {
        width: 60px;
        height: 60px;
    }
    
    .dolugo-spinner div {
        width: 48px;
        height: 48px;
        margin: 6px;
        border-width: 6px;
    }
}

/* ===================================
   ACCOUNT INDEX PAGE STYLES
   =================================== */

.dolugo-dashboard-container {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.dolugo-dashboard-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Domain Search Section */
.dolugo-domain-search {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(102, 126, 234, 0.3);
}

.dolugo-domain-hero {
    padding: 60px 40px;
    text-align: center;
    color: white;
}

.dolugo-domain-title {
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 40px 0;
    line-height: 1.2;
}

.dolugo-domain-form {
    margin-bottom: 40px;
}

.dolugo-search-input {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    background: white;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.dolugo-search-input input {
    flex: 1;
    border: none;
    padding: 20px 30px;
    font-size: 18px;
    outline: none;
    color: #1e293b;
}

.dolugo-search-input input::placeholder {
    color: #94a3b8;
}

.dolugo-search-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    padding: 20px 40px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.dolugo-search-btn i {
    font-size: 20px;
}

/* TLD List */
.dolugo-tld-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.dolugo-tld-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    min-width: 120px;
    transition: all 0.3s ease;
}

.dolugo-tld-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}

.dolugo-tld-item img {
    max-width: 60px;
    height: auto;
    margin-bottom: 10px;
}

.dolugo-tld-text {
    font-size: 18px;
    font-weight: 600;
    color: white;
    display: block;
    margin-bottom: 10px;
}

.dolugo-tld-price h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

/* Amount Spot */
.dolugo-amount-spot {
    color: white;
    font-weight: 600;
}

.dolugo-curr-posleft {
    margin-right: 5px;
}

.dolugo-curr-posright {
    margin-left: 5px;
}

.dolugo-domain-prediction h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    opacity: 0.9;
}

/* Product Cards */
.dolugo-product-card {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}

.dolugo-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.dolugo-product-link {
    display: flex;
    align-items: center;
    padding: 30px;
    text-decoration: none;
    color: inherit;
    gap: 25px;
}

.dolugo-product-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 2px solid #e2e8f0;
}

.dolugo-product-icon i {
    font-size: 32px;
    color: #667eea;
}

.dolugo-product-img {
    max-width: 50px;
    height: auto;
}

.dolugo-product-content {
    flex: 1;
}

.dolugo-product-title {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-product-desc {
    margin: 0;
    color: #64748b;
    font-size: 16px;
    line-height: 1.6;
}

.dolugo-product-arrow {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.dolugo-product-arrow i {
    color: white;
    font-size: 20px;
}

.dolugo-product-card:hover .dolugo-product-arrow {
    transform: translateX(5px);
}

/* News Section */
.dolugo-news-section {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    border: 1px solid #f1f5f9;
}

.dolugo-news-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 30px 40px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-news-header h3 {
    margin: 0;
    color: #1e293b;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-news-header h3 i {
    color: #667eea;
    font-size: 28px;
}

.dolugo-news-grid {
    padding: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

.dolugo-news-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 25px;
    transition: all 0.3s ease;
}

.dolugo-news-item:hover {
    background: white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.dolugo-news-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.dolugo-news-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.4;
}

.dolugo-news-content {
    margin: 0 0 20px 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
}

.dolugo-news-more {
    color: #667eea;
    font-weight: 600;
    text-decoration: underline;
}

.dolugo-news-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-news-date {
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-domain-title {
        font-size: 36px;
    }
    
    .dolugo-search-input {
        max-width: 500px;
    }
    
    .dolugo-tld-list {
        gap: 15px;
    }
    
    .dolugo-tld-item {
        min-width: 100px;
        padding: 15px;
    }
    
    .dolugo-news-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .dolugo-dashboard-container {
        padding: 20px;
    }
    
    .dolugo-domain-hero {
        padding: 40px 20px;
    }
    
    .dolugo-domain-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
    
    .dolugo-search-input {
        flex-direction: column;
        border-radius: 20px;
        max-width: 100%;
    }
    
    .dolugo-search-input input {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    .dolugo-search-btn {
        padding: 15px 30px;
        font-size: 16px;
        justify-content: center;
    }
    
    .dolugo-tld-list {
        gap: 10px;
    }
    
    .dolugo-tld-item {
        min-width: 80px;
        padding: 12px;
    }
    
    .dolugo-tld-item img {
        max-width: 40px;
    }
    
    .dolugo-tld-text {
        font-size: 14px;
    }
    
    .dolugo-product-link {
        padding: 20px;
        gap: 20px;
    }
    
    .dolugo-product-icon {
        width: 60px;
        height: 60px;
    }
    
    .dolugo-product-icon i {
        font-size: 24px;
    }
    
    .dolugo-product-title {
        font-size: 20px;
    }
    
    .dolugo-product-desc {
        font-size: 14px;
    }
    
    .dolugo-product-arrow {
        width: 40px;
        height: 40px;
    }
    
    .dolugo-product-arrow i {
        font-size: 16px;
    }
    
    .dolugo-news-header {
        padding: 20px;
    }
    
    .dolugo-news-header h3 {
        font-size: 20px;
    }
    
    .dolugo-news-grid {
        padding: 20px;
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-news-item {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-dashboard-container {
        padding: 15px;
    }
    
    .dolugo-domain-hero {
        padding: 30px 15px;
    }
    
    .dolugo-domain-title {
        font-size: 24px;
        margin-bottom: 25px;
    }
    
    .dolugo-search-input input {
        padding: 12px 15px;
        font-size: 15px;
    }
    
    .dolugo-search-btn {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    .dolugo-tld-list {
        gap: 8px;
    }
    
    .dolugo-tld-item {
        min-width: 70px;
        padding: 10px;
    }
    
    .dolugo-tld-item img {
        max-width: 35px;
    }
    
    .dolugo-tld-text {
        font-size: 12px;
    }
    
    .dolugo-product-link {
        padding: 15px;
        gap: 15px;
        flex-direction: column;
        text-align: center;
    }
    
    .dolugo-product-icon {
        width: 50px;
        height: 50px;
    }
    
    .dolugo-product-icon i {
        font-size: 20px;
    }
    
    .dolugo-product-title {
        font-size: 18px;
    }
    
    .dolugo-product-desc {
        font-size: 13px;
    }
    
    .dolugo-product-arrow {
        width: 35px;
        height: 35px;
    }
    
    .dolugo-product-arrow i {
        font-size: 14px;
    }
    
    .dolugo-news-header {
        padding: 15px;
    }
    
    .dolugo-news-header h3 {
        font-size: 18px;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .dolugo-news-grid {
        padding: 15px;
    }
    
    .dolugo-news-item {
        padding: 15px;
    }
    
    .dolugo-news-title {
        font-size: 16px;
    }
    
    .dolugo-news-content {
        font-size: 14px;
    }
}

/* ===================================
   ACCOUNT INFO PAGE STYLES
   =================================== */

.dolugo-account-container {
    padding: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.dolugo-account-header {
    margin-bottom: 40px;
}

/* Tab Navigation */
.dolugo-tab-navigation {
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

.dolugo-tab-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 25px;
    text-decoration: none;
    color: #64748b;
    font-weight: 600;
    border-radius: 12px 12px 0 0;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    border-bottom: none;
    background: #f8fafc;
}

.dolugo-tab-item:hover {
    color: #667eea;
    background: #f1f5f9;
}

.dolugo-tab-item.active {
    color: #667eea;
    background: white;
    border-color: #667eea;
    position: relative;
}

.dolugo-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: white;
}

.dolugo-tab-item i {
    font-size: 18px;
}

.dolugo-tab-item span {
    font-size: 15px;
}

/* Tab Content */
.dolugo-tab-content {
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border: 1px solid #f1f5f9;
}

/* Form Sections */
.dolugo-account-form form {
    background: #f8fafc;
    padding: 0 1rem;
}

.dolugo-form-section {
    margin-bottom: 40px;
}

.dolugo-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 30px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
    position: relative;
}

.dolugo-section-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Form Groups */
.dolugo-form-group {
    display: flex;
    margin-bottom: 25px;
    align-items: flex-start;
    gap: 30px;
}

.dolugo-form-label {
    flex: 0 0 200px;
    padding-top: 12px;
}

.dolugo-form-label label {
    font-weight: 600;
    color: #374151;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-verified-badge {
    color: #10b981;
    font-size: 16px;
    cursor: help;
}

.dolugo-form-inputs {
    flex: 1;
}

/* Input Fields */
.dolugo-input {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
    outline: none;
}

.dolugo-input:focus {
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dolugo-input:disabled {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

/* Radio Buttons */
.dolugo-radio-group {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.dolugo-radio-item {
    display: flex;
    align-items: center;
}

.dolugo-radio {
    display: none;
}

.dolugo-radio-label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 10px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    transition: all 0.3s ease;
    min-width: 150px;
    justify-content: center;
}

.dolugo-radio-label:hover {
    border-color: #667eea;
    background: #f1f5f9;
}

.dolugo-radio:checked + .dolugo-radio-label {
    border-color: #667eea;
    background: #667eea;
    color: white;
}

.dolugo-radio:checked span {
    color: white !important;
}

.dolugo-radio-check {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}

.dolugo-radio:checked + .dolugo-radio-label .dolugo-radio-check {
    border-color: white;
    background: white;
}

.dolugo:checked + .dolugo-radio-label .dolugo-radio-check::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #667eea;
    border-radius: 50%;
}

.dolugo-radio-text {
    font-weight: 600;
    font-size: 14px;
}

/* Form Actions */
.dolugo-form-actions {
    border-top: 2px solid #e2e8f0;
    text-align: center;
}

.dolugo-btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.dolugo-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.dolugo-btn i {
    font-size: 18px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-account-container {
        padding: 20px;
    }
    
    .dolugo-page-title {
        font-size: 28px;
        gap: 10px;
    }
    
    .dolugo-tab-list {
        gap: 2px;
    }
    
    .dolugo-tab-item {
        padding: 12px 15px;
        font-size: 14px;
    }

    .dolugo-form-group {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-form-label {
        flex: none;
        padding-top: 0;
    }
    
    .dolugo-radio-group {
        gap: 15px;
    }
    
    .dolugo-radio-label {
        min-width: 120px;
        padding: 8px 15px;
    }
}

@media (max-width: 480px) {
    .dolugo-account-container {
        padding: 15px;
    }
    
    .dolugo-section-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-form-group {
        margin-bottom: 20px;
    }
    
    .dolugo-input {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .dolugo-btn {
        padding: 12px 25px;
        font-size: 15px;
    }
}

/* Accordion Styles */
.dolugo-accordion {
    overflow: hidden;
    background: transparent;
}

.dolugo-accordion-item {
    margin-bottom: 20px;
    overflow: hidden;
}

.dolugo-accordion-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 20px 25px;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-accordion-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-accordion-title::before {
    content: '\f107';
    font-family: 'FontAwesome';
    color: #667eea;
    font-size: 20px;
    transition: transform 0.3s ease;
}

.dolugo-accordion-item.active .dolugo-accordion-title::before {
    transform: rotate(180deg);
}

.dolugo-accordion-content {
    padding: 30px;
    background: white;
}

/* Form Grid Layout */
.dolugo-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.dolugo-form-grid .dolugo-form-group {
    margin-bottom: 0;
}

.dolugo-form-grid .dolugo-form-label {
    flex: none;
    padding-top: 0;
    margin-bottom: 10px;
}

.dolugo-form-grid .dolugo-form-inputs {
    flex: none;
}

/* Checkbox Styles */
.dolugo-checkbox-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 20px 0;
}

.dolugo-checkbox-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-checkbox {
    display: none;
}

.dolugo-checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 8px 15px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    transition: all 0.3s ease;
    font-weight: 500;
    color: #374151;
}

.dolugo-checkbox-label:hover {
    border-color: #667eea;
    background: #f1f5f9;
}

.dolugo-checkbox:checked + .dolugo-checkbox-label {
    border-color: #667eea;
    background: #667eea;
    color: white;
}

.dolugo-checkbox-label::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease;
}

.dolugo:checked + .dolugo-checkbox-label::before {
    border-color: white;
    background: white;
}

.dolugo:checked + .dolugo-checkbox-label::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    position: absolute;
    left: 20px;
    color: #667eea;
    font-size: 14px;
    font-weight: bold;
}

/* Button Styles */
.dolugo-btn-secondary {
    background: #f1f5f9;
    color: #374151;
    border: 2px solid #e2e8f0;
}

.dolugo-btn-secondary:hover {
    background: #e2e8f0;
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.dolugo-btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.dolugo-btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
}

.dolugo-btn-info {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.dolugo-btn-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
}

/* Responsive Design for Accordion */
@media (max-width: 768px) {
    .dolugo-accordion-header {
        padding: 15px 20px;
    }
    
    .dolugo-accordion-title {
        font-size: 16px;
    }
    
    .dolugo-accordion-content {
        padding: 20px;
    }
    
    .dolugo-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-checkbox-group {
        gap: 15px;
    }
    
    .dolugo-checkbox-label {
        padding: 6px 12px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dolugo-accordion-header {
        padding: 12px 15px;
    }
    
    .dolugo-accordion-title {
        font-size: 15px;
    }
    
    .dolugo-accordion-content {
        padding: 15px;
    }
    
    .dolugo-checkbox-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-checkbox-label {
        padding: 5px 10px;
        font-size: 13px;
    }
}

/* Form Info */
.dolugo-form-info {
    margin: 20px 0;
    padding: 15px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    border-left: 4px solid #667eea;
}

.dolugo-form-info span {
    color: #64748b;
    font-size: 14px;
    line-height: 1.6;
}

/* Select Inputs */
.dolugo-input[type="select"],
.dolugo-input select,
select.dolugo-input {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
    outline: none;
    cursor: pointer;
}

.dolugo-input[type="select"]:focus,
.dolugo-input select:focus,
select.dolugo-input:focus {
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dolugo-input[type="select"]:hover,
.dolugo-input select:hover,
select.dolugo-input:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

/* Checkbox Text */
.dolugo-checkbox-text {
    font-weight: 500;
    color: inherit;
}

/* Form Grid for Address Fields */
.dolugo-address-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.dolugo-address-grid .dolugo-form-group {
    margin-bottom: 0;
}

.dolugo-address-grid .dolugo-form-label {
    flex: none;
    padding-top: 0;
    margin-bottom: 10px;
}

.dolugo-address-grid .dolugo-form-inputs {
    flex: none;
}

/* Full Width Address Field */
.dolugo-address-full {
    grid-column: 1 / -1;
}

/* Address List Styles */
.dolugo-address-list {
    margin-top: 20px;
}

.dolugo-address-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.dolugo-address-item:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dolugo-address-info {
    flex: 1;
}

.dolugo-address-name {
    font-weight: 700;
    color: #1e293b;
    font-size: 16px;
    margin-bottom: 5px;
}

.dolugo-address-details {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.dolugo-address-default {
    background: #10b981;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
}

.dolugo-address-actions {
    display: flex;
    gap: 10px;
}

.dolugo-address-btn {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    color: white;
}

.dolugo-address-btn-edit {
    background: #3b82f6;
}

.dolugo-address-btn-edit:hover {
    background: #2563eb;
    transform: translateY(-2px);
}

.dolugo-address-btn-delete {
    background: #ef4444;
}

.dolugo-address-btn-delete:hover {
    background: #dc2626;
    transform: translateY(-2px);
}

/* Responsive Design for Address Grid */
@media (max-width: 768px) {
    .dolugo-address-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-address-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .dolugo-address-actions {
        align-self: flex-end;
    }
}

@media (max-width: 480px) {
    .dolugo-address-grid {
        gap: 10px;
    }
    
    .dolugo-address-item {
        padding: 15px;
    }
    
    .dolugo-address-btn {
        width: 35px;
        height: 35px;
    }
}

/* Alert Styles */
.dolugo-alert {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: 1px solid;
}

.dolugo-alert-warning {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
}

.dolugo-alert-error {
    background: #fee2e2;
    border-color: #ef4444;
    color: #991b1b;
}

.dolugo-alert-success {
    background: #d1fae5;
    border-color: #10b981;
    color: #065f46;
}

.dolugo-alert-info {
    background: #dbeafe;
    border-color: #3b82f6;
    color: #1e40af;
}

.dolugo-alert-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.dolugo-alert-content {
    flex: 1;
}

.dolugo-alert-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
}

.dolugo-alert-message {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.dolugo-alert-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 500;
}

.dolugo-alert-item i {
    color: #ef4444;
    font-size: 16px;
}

/* Credit Card Styles */
.dolugo-credit-card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    margin: 25px 0;
}

.dolugo-credit-card {
    position: relative;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    padding: 25px;
    color: white;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
    overflow: hidden;
}

.dolugo-credit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);
}

.dolugo-credit-card-default {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
}

.dolugo-credit-card-default:hover {
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);
}

.dolugo-credit-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.dolugo-credit-card-badge i {
    color: #fbbf24;
}

.dolugo-credit-card-actions {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    gap: 8px;
}

.dolugo-credit-card-btn {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px;
}

.dolugo-credit-card-btn-default {
    background: rgba(59, 130, 246, 0.8);
    backdrop-filter: blur(10px);
}

.dolugo-credit-card-btn-default:hover {
    background: #3b82f6;
    transform: scale(1.1);
}

.dolugo-credit-card-btn-delete {
    background: rgba(239, 68, 68, 0.8);
    backdrop-filter: blur(10px);
}

.dolugo-credit-card-btn-delete:hover {
    background: #ef4444;
    transform: scale(1.1);
}

.dolugo-credit-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dolugo-credit-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.dolugo-credit-card-bank-logo {
    height: 30px;
    width: auto;
    object-fit: contain;
}

.dolugo-credit-card-bank-name {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.9;
}

.dolugo-credit-card-schema {
    height: 25px;
    width: auto;
    object-fit: contain;
}

.dolugo-credit-card-chip {
    margin-bottom: 20px;
}

.dolugo-credit-card-chip img {
    height: 25px;
    width: auto;
}

.dolugo-credit-card-numbers {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    font-family: 'Courier New', monospace;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
}

.dolugo-credit-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.dolugo-credit-card-holder {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dolugo-credit-card-expiry {
    font-size: 12px;
    opacity: 0.8;
}

/* Empty Credit Card State */
.dolugo-credit-card-empty {
    text-align: center;
    padding: 60px 20px;
    background: #f8fafc;
    border: 2px dashed #e2e8f0;
    border-radius: 16px;
    margin: 25px 0;
}

.dolugo-credit-card-empty-icon {
    font-size: 48px;
    color: #cbd5e1;
    margin-bottom: 20px;
}

.dolugo-credit-card-empty-title {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #64748b;
}

.dolugo-credit-card-empty-message {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
}

/* Auto Payment Section */
.dolugo-auto-payment {
    margin-top: 30px;
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.dolugo-checkbox-info {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #64748b;
    font-weight: 400;
}

/* Input Error States */
.dolugo-input-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

.dolugo-row-error {
    background: #fef2f2 !important;
}

/* Responsive Design for Credit Cards */
@media (max-width: 768px) {
    .dolugo-credit-card-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-credit-card {
        padding: 20px;
        min-height: 180px;
    }
    
    .dolugo-credit-card-numbers {
        font-size: 16px;
        gap: 12px;
    }
    
    .dolugo-credit-card-actions {
        top: 10px;
        left: 10px;
    }
    
    .dolugo-credit-card-badge {
        top: 10px;
        right: 10px;
        padding: 4px 10px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .dolugo-credit-card {
        padding: 15px;
        min-height: 160px;
    }
    
    .dolugo-credit-card-numbers {
        font-size: 14px;
        gap: 10px;
        letter-spacing: 1px;
    }
    
    .dolugo-credit-card-btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    
    .dolugo-credit-card-empty {
        padding: 40px 15px;
    }
    
    .dolugo-credit-card-empty-icon {
        font-size: 36px;
    }
    
    .dolugo-credit-card-empty-title {
        font-size: 18px;
    }
}

/* GDPR Status Styles */
.dolugo-gdpr-status {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    margin: 20px 0;
    border: 1px solid;
}

.dolugo-gdpr-status-approved {
    background: #d1fae5;
    border-color: #10b981;
    color: #065f46;
}

.dolugo-gdpr-status-required {
    background: #fee2e2;
    border-color: #ef4444;
    color: #991b1b;
}

.dolugo-gdpr-status-note {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
}

.dolugo-gdpr-status-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.dolugo-gdpr-status-content {
    flex: 1;
}

.dolugo-gdpr-status-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
}

.dolugo-gdpr-status-date,
.dolugo-gdpr-status-message {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* GDPR Request Styles */
.dolugo-gdpr-request {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    margin: 20px 0;
    border: 1px solid;
}

.dolugo-gdpr-request-pending {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
}

.dolugo-gdpr-request-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.dolugo-gdpr-request-content {
    flex: 1;
}

.dolugo-gdpr-request-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
}

.dolugo-gdpr-request-message {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Modal Actions */
.dolugo-modal-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 20px;
    border-top: 1px solid #e2e8f0;
}

/* Button Variants */
.dolugo-btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.dolugo-btn-danger:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
}

.dolugo-btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.dolugo-btn-warning:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3);
}

/* Form Actions */
.dolugo-form-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.dolugo-form-actions .dolugo-btn {
    min-width: 120px;
}

/* Responsive Design for GDPR */
@media (max-width: 768px) {
    .dolugo-gdpr-status,
    .dolugo-gdpr-request {
        padding: 15px;
        gap: 12px;
    }
    
    .dolugo-gdpr-status-icon,
    .dolugo-gdpr-request-icon {
        width: 20px;
        height: 20px;
        font-size: 18px;
    }
    
    .dolugo-gdpr-status-title,
    .dolugo-gdpr-request-title {
        font-size: 15px;
    }
    
    .dolugo-form-actions {
        gap: 10px;
    }
    
    .dolugo-form-actions .dolugo-btn {
        min-width: 100px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dolugo-gdpr-status,
    .dolugo-gdpr-request {
        padding: 12px;
        gap: 10px;
    }
    
    .dolugo-gdpr-status-icon,
    .dolugo-gdpr-request-icon {
        width: 18px;
        height: 18px;
        font-size: 16px;
    }
    
    .dolugo-gdpr-status-title,
    .dolugo-gdpr-request-title {
        font-size: 14px;
    }
    
    .dolugo-form-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .dolugo-form-actions .dolugo-btn {
        min-width: auto;
        width: 100%;
        justify-content: center;
    }
}

/* ===================================
   BULK PAYMENT PAGE STYLES
   =================================== */

/* Bulk Payment Styles */
.dolugo-bulk-payment {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin: 20px 0;
}

.dolugo-invoice-table {
    width: 100%;
}

.dolugo-invoice-header {
    display: grid;
    grid-template-columns: 60px 1fr 150px;
    gap: 20px;
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-bottom: 1px solid #e2e8f0;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-invoice-row {
    display: grid;
    grid-template-columns: 60px 1fr 150px;
    gap: 20px;
    padding: 20px;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.3s ease;
    align-items: center;
}

.dolugo-invoice-row:hover {
    background: #f8fafc;
}

.dolugo-invoice-row.dolugo-invoice-selected {
    background: #f0f9ff;
    border-left: 4px solid #3b82f6;
}

.dolugo-invoice-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dolugo-invoice-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-invoice-number {
    font-weight: 700;
    font-size: 16px;
}

.dolugo-invoice-number a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-invoice-number a:hover {
    color: #2563eb;
    text-decoration: underline;
}

.dolugo-invoice-description {
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.dolugo-invoice-amount {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #1e293b;
}

/* Invoice Summary Styles */
.dolugo-invoice-summary {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 20px;
    padding: 15px 20px;
    border-bottom: 1px solid #f1f5f9;
    align-items: center;
}

.dolugo-invoice-summary-label {
    text-align: right;
    font-weight: 600;
    color: #374151;
}

.dolugo-invoice-summary-value {
    text-align: center;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-invoice-subtotal {
    background: #f8fafc;
    border-left: 4px solid #6b7280;
}

.dolugo-invoice-tax {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
}

.dolugo-invoice-commission {
    background: #dbeafe;
    border-left: 4px solid #3b82f6;
}

.dolugo-invoice-total {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-left: 4px solid #047857;
}

.dolugo-invoice-total .dolugo-invoice-summary-label,
.dolugo-invoice-total .dolugo-invoice-summary-value {
    color: white;
}

.dolugo-invoice-total .dolugo-invoice-summary-value {
    font-size: 18px;
}

/* Payment Screen Styles */
.dolugo-payment-screen {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    padding: 30px;
    margin: 20px 0;
}

.dolugo-payment-content {
    margin-bottom: 25px;
}

.dolugo-payment-actions {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0;
}

/* Selection Methods Styles */
.dolugo-selection-methods {
    margin: 20px 0;
}

.dolugo-payment-methods {
    padding: 20px 0;
}

.dolugo-payment-methods-title {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-pmethods-loader {
    text-align: center;
    padding: 40px 20px;
}

.dolugo-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e2e8f0;
    border-top: 4px solid #3b82f6;
    border-radius: 50%;
    animation: dolugo-spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes dolugo-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dolugo-payment-methods-list {
    margin: 20px 0;
}

.dolugo-payment-method-item {
    margin-bottom: 15px;
}

.dolugo-payment-method-item:last-child {
    margin-bottom: 0;
}

/* Radio Button Styles */
.dolugo-radio {
    display: none;
}

.dolugo-radio-label {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    padding: 15px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    transition: all 0.3s ease;
    font-weight: 500;
    color: #374151;
}

.dolugo-radio-label:hover {
    border-color: #3b82f6;
    background: #f1f5f9;
}

.dolugo-radio:checked + .dolugo-radio-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: white;
}

.dolugo-radio-check {
    width: 20px;
    height: 20px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.dolugo-radio:checked + .dolugo-radio-label .dolugo-radio-check {
    border-color: white;
    background: white;
}

.dolugo-radio:checked + .dolugo-radio-label .dolugo-radio-check::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #3b82f6;
    border-radius: 50%;
}

.dolugo-radio-text {
    flex: 1;
}

/* Responsive Design for Bulk Payment */
@media (max-width: 768px) {
    .dolugo-invoice-header,
    .dolugo-invoice-row,
    .dolugo-invoice-summary {
        grid-template-columns: 50px 1fr 120px;
        gap: 15px;
        padding: 15px;
    }
    
    .dolugo-invoice-number {
        font-size: 15px;
    }
    
    .dolugo-invoice-description {
        font-size: 13px;
    }
    
    .dolugo-invoice-amount {
        font-size: 15px;
    }
    
    .dolugo-payment-screen {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-invoice-header,
    .dolugo-invoice-row,
    .dolugo-invoice-summary {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
        text-align: center;
    }
    
    .dolugo-invoice-checkbox {
        justify-content: center;
        order: 1;
    }
    
    .dolugo-invoice-details {
        order: 2;
    }
    
    .dolugo-invoice-amount {
        order: 3;
        text-align: center;
    }
    
    .dolugo-invoice-summary-label {
        text-align: center;
    }
    
    .dolugo-payment-screen {
        padding: 15px;
    }
    
    .dolugo-radio-label {
        padding: 12px 15px;
        font-size: 14px;
    }
}

/* ===================================
   INVOICES PAGE STYLES
   =================================== */

/* Invoices Container */
.dolugo-invoices-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin: 20px 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dolugo-invoices-table-wrapper {
    overflow-x: auto;
    padding: 20px;
}

/* Invoices Table */
.dolugo-invoices-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dolugo-invoices-table thead {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.dolugo-invoice-header-cell {
    padding: 18px 20px;
    text-align: left;
    font-weight: 700;
    color: #1e293b;
    font-size: 14px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: relative;
}

.dolugo-invoice-header-cell i {
    margin-right: 10px;
    color: #667eea;
    font-size: 16px;
}

.dolugo-invoice-header-cell.dolugo-invoice-actions-header {
    text-align: center;
}

/* Invoice Rows */
.dolugo-invoice-row {
    transition: all 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-invoice-row:hover {
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dolugo-invoice-row:nth-child(even) {
    background: #fafbfc;
}

.dolugo-invoice-row:nth-child(even):hover {
    background: #f1f5f9;
}

/* Invoice Cells */
.dolugo-invoice-cell {
    padding: 18px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-invoice-number {
    font-weight: 700;
    color: #1e293b;
}

.dolugo-invoice-id {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

.dolugo-invoice-date,
.dolugo-invoice-due {
    color: #64748b;
    font-size: 14px;
}

.dolugo-invoice-date-text,
.dolugo-invoice-due-text {
    display: inline-block;
    padding: 4px 8px;
    background: #f1f5f9;
    border-radius: 6px;
    font-size: 13px;
}

.dolugo-invoice-amount {
    font-weight: 700;
    color: #1e293b;
}

.dolugo-invoice-amount-text {
    font-size: 16px;
    color: #10b981;
}

.dolugo-invoice-status {
    text-align: center;
}

.dolugo-invoice-status-text {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Status Colors */
.dolugo-invoice-status-text:contains("Paid"),
.dolugo-invoice-status-text:contains("Ödendi") {
    background: #d1fae5;
    color: #065f46;
}

.dolugo-invoice-status-text:contains("Unpaid"),
.dolugo-invoice-status-text:contains("Ödenmedi") {
    background: #fee2e2;
    color: #991b1b;
}

.dolugo-invoice-status-text:contains("Pending"),
.dolugo-invoice-status-text:contains("Beklemede") {
    background: #fef3c7;
    color: #92400e;
}

.dolugo-invoice-status-text:contains("Overdue"),
.dolugo-invoice-status-text:contains("Gecikmiş") {
    background: #fecaca;
    color: #7f1d1d;
}

.dolugo-invoice-actions {
    text-align: center;
}

.dolugo-invoice-actions-wrapper {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

/* DataTable Customization */
.dolugo-invoices-table.dataTable {
    border: none;
    box-shadow: none;
}

.dolugo-invoices-table.dataTable thead th {
    border: none;
    color: #1e293b;
    font-weight: 700;
    padding: 18px 20px;
}

.dolugo-invoices-table.dataTable tbody tr {
    border: none;
    background: transparent;
}

.dolugo-invoices-table.dataTable tbody tr:hover {
    background: #f8fafc;
}

.dolugo-invoices-table.dataTable tbody td {
    border: none;
    padding: 18px 20px;
    vertical-align: middle;
}

/* DataTable Controls */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin: 20px 0;
    color: #64748b;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    background: #f8fafc;
    color: #1e293b;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 2px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b !important;
    padding: 8px 16px;
    margin: 0 2px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #667eea;
    border-color: #667eea;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #667eea;
    border-color: #667eea;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #94a3b8 !important;
    cursor: not-allowed;
}

/* Responsive Design for Invoices */
@media (max-width: 768px) {
    .dolugo-invoices-table-wrapper {
        padding: 15px;
    }
    
    .dolugo-invoice-header-cell,
    .dolugo-invoice-cell {
        padding: 15px 12px;
        font-size: 13px;
    }
    
    .dolugo-invoice-header-cell i {
        font-size: 14px;
        margin-right: 8px;
    }
    
    .dolugo-invoice-id {
        padding: 4px 10px;
        font-size: 12px;
    }
    
    .dolugo-invoice-amount-text {
        font-size: 15px;
    }
    
    .dolugo-invoice-status-text {
        padding: 4px 10px;
        font-size: 11px;
    }
    
    .dolugo-invoice-actions-wrapper {
        gap: 6px;
    }
}

@media (max-width: 480px) {
    .dolugo-invoices-table-wrapper {
        padding: 10px;
    }
    
    .dolugo-invoice-header-cell,
    .dolugo-invoice-cell {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    .dolugo-invoice-header-cell i {
        font-size: 12px;
        margin-right: 6px;
    }
    
    .dolugo-invoice-id {
        padding: 3px 8px;
        font-size: 11px;
    }
    
    .dolugo-invoice-date-text,
    .dolugo-invoice-due-text {
        padding: 3px 6px;
        font-size: 11px;
    }
    
    .dolugo-invoice-amount-text {
        font-size: 14px;
    }
    
    .dolugo-invoice-status-text {
        padding: 3px 8px;
        font-size: 10px;
    }
    
    .dolugo-invoice-actions-wrapper {
        gap: 4px;
    }
    
    /* Hide some columns on very small screens */
    .dolugo-invoice-due,
    .dolugo-invoice-date {
        display: none;
    }
}

/* ===================================
   MESSAGES PAGE STYLES
   =================================== */

/* Messages Container */
.dolugo-messages-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin: 20px 0;
}

.dolugo-messages-table-wrapper {
    overflow-x: auto;
    padding: 20px;
}

/* Messages Table */
.dolugo-messages-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 12px;
    overflow: hidden;
}

.dolugo-messages-table thead {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.dolugo-message-header-cell {
    padding: 18px 20px;
    text-align: left;
    font-weight: 700;
    color: #1e293b;
    font-size: 14px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    position: relative;
}

.dolugo-message-header-cell i {
    margin-right: 10px;
    color: #667eea;
    font-size: 16px;
}

.dolugo-message-header-cell.dolugo-message-id-header {
    width: 80px;
    text-align: center;
}

.dolugo-message-header-cell.dolugo-message-subject-header {
    min-width: 300px;
}

.dolugo-message-header-cell.dolugo-message-date-header {
    width: 150px;
    text-align: center;
}

.dolugo-message-header-cell.dolugo-message-actions-header {
    width: 120px;
    text-align: center;
}

/* Message Rows */
.dolugo-messages-table tbody tr {
    transition: all 0.3s ease;
    border-bottom: 1px solid #f1f5f9;
}

.dolugo-messages-table tbody tr:hover {
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dolugo-messages-table tbody tr:nth-child(even) {
    background: #fafbfc;
}

.dolugo-messages-table tbody tr:nth-child(even):hover {
    background: #f1f5f9;
}

/* Message Cells */
.dolugo-messages-table tbody td {
    padding: 18px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

/* Message ID Cell */
.dolugo-messages-table tbody td:first-child {
    text-align: center;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-messages-table tbody td:first-child::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #667eea;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

/* Message Subject Cell */
.dolugo-messages-table tbody td:nth-child(2) {
    text-align: left;
    font-weight: 600;
    color: #1e293b;
}

.dolugo-messages-table tbody td:nth-child(2) a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
    padding: 8px 0;
}

.dolugo-messages-table tbody td:nth-child(2) a:hover {
    color: #2563eb;
    text-decoration: underline;
}

/* Message Date Cell */
.dolugo-messages-table tbody td:nth-child(3) {
    text-align: center;
    color: #64748b;
    font-size: 14px;
}

.dolugo-messages-table tbody td:nth-child(3) span {
    display: inline-block;
    padding: 4px 8px;
    background: #f1f5f9;
    border-radius: 6px;
    font-size: 13px;
}

/* Message Actions Cell */
.dolugo-messages-table tbody td:nth-child(4) {
    text-align: center;
}

.dolugo-messages-table tbody td:nth-child(4) .dolugo-message-actions-wrapper {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Message Status Indicators */
.dolugo-message-unread {
    background: #f0f9ff;
    border-left: 4px solid #3b82f6;
}

.dolugo-message-unread td:first-child::before {
    background: #3b82f6;
    animation: dolugo-pulse 2s infinite;
}

.dolugo-message-read {
    background: #fafbfc;
}

.dolugo-message-important {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
}

.dolugo-message-important td:first-child::before {
    background: #f59e0b;
}

@keyframes dolugo-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.2);
    }
}

/* DataTable Customization for Messages */
.dolugo-messages-table.dataTable {
    border: none;
    box-shadow: none;
}

.dolugo-messages-table.dataTable thead th {
    border: none;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    color: #1e293b;
    font-weight: 700;
    padding: 18px 20px;
}

.dolugo-messages-table.dataTable tbody tr {
    border: none;
    background: transparent;
}

.dolugo-messages-table.dataTable tbody tr:hover {
    background: #f8fafc;
}

.dolugo-messages-table.dataTable tbody td {
    border: none;
    padding: 18px 20px;
    vertical-align: middle;
}

/* DataTable Controls for Messages */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin: 20px 0;
    color: #64748b;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 12px;
    background: #f8fafc;
    color: #1e293b;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 2px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b !important;
    padding: 8px 16px;
    margin: 0 2px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #667eea;
    border-color: #667eea;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #667eea;
    border-color: #667eea;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #94a3b8 !important;
    cursor: not-allowed;
}

/* Message Empty State */
.dolugo-messages-empty {
    text-align: center;
    padding: 60px 20px;
    background: #f8fafc;
    border: 2px dashed #e2e8f0;
    border-radius: 16px;
    margin: 25px 0;
}

.dolugo-messages-empty-icon {
    font-size: 48px;
    color: #cbd5e1;
    margin-bottom: 20px;
}

.dolugo-messages-empty-title {
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #64748b;
}

.dolugo-messages-empty-message {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
}

/* Responsive Design for Messages */
@media (max-width: 768px) {
    .dolugo-messages-table-wrapper {
        padding: 15px;
    }
    
    .dolugo-message-header-cell,
    .dolugo-messages-table tbody td {
        padding: 15px 12px;
        font-size: 13px;
    }
    
    .dolugo-message-header-cell i {
        font-size: 14px;
        margin-right: 8px;
    }
    
    .dolugo-message-header-cell.dolugo-message-subject-header {
        min-width: 200px;
    }
    
    .dolugo-message-header-cell.dolugo-message-date-header {
        width: 120px;
    }
    
    .dolugo-message-header-cell.dolugo-message-actions-header {
        width: 100px;
    }
}

@media (max-width: 480px) {
    .dolugo-messages-table-wrapper {
        padding: 10px;
    }
    
    .dolugo-message-header-cell,
    .dolugo-messages-table tbody td {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    .dolugo-message-header-cell i {
        font-size: 12px;
        margin-right: 6px;
    }
    
    .dolugo-message-header-cell.dolugo-message-subject-header {
        min-width: 150px;
    }
    
    .dolugo-message-header-cell.dolugo-message-date-header {
        width: 100px;
    }
    
    .dolugo-message-header-cell.dolugo-message-actions-header {
        width: 80px;
    }
    
    /* Hide some columns on very small screens */
    .dolugo-message-header-cell.dolugo-message-date-header,
    .dolugo-messages-table tbody td:nth-child(3) {
        display: none;
    }
    
    .dolugo-messages-empty {
        padding: 40px 15px;
    }
    
    .dolugo-messages-empty-icon {
        font-size: 36px;
    }
    
    .dolugo-messages-empty-title {
        font-size: 18px;
    }
}

/* ===================================
   DOMAIN PRODUCT PAGE STYLES
   =================================== */

/* Domain Summary */
.dolugo-domain-summary {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    margin: 20px 0;
}

.dolugo-domain-header {
    display: flex;
    align-items: center;
    padding: 30px;
    gap: 32px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-domain-image {
    flex-shrink: 0;
}

.dolugo-domain-image img {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dolugo-domain-info {
    flex: 1;
}

.dolugo-domain-name {
    margin: 0 0 15px 0;
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
}

.dolugo-domain-remaining {
    margin-bottom: 15px;
    font-size: 16px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-domain-remaining i {
    color: #10b981;
    font-size: 18px;
}

.dolugo-domain-privacy {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #d1fae5;
    color: #065f46;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.dolugo-domain-privacy i {
    color: #10b981;
}

/* Domain Actions */
.dolugo-domain-actions {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    padding: 25px;
    margin: 20px 0;
}

.dolugo-renewal-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-renewal-dropdown {
    max-width: 300px;
}

.dolugo-renewal-dropdown .dolugo-select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
}

.dolugo-renewal-dropdown .dolugo-select:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dolugo-action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.dolugo-action-buttons .dolugo-btn {
    min-width: 160px;
    justify-content: center;
}

/* Info Sections */
.dolugo-info-section {
    margin: 20px 0;
}

.dolugo-info-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.dolugo-info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-info-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-info-header h3 i {
    color: #667eea;
}

.dolugo-invoice-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #64748b;
}

.dolugo-invoice-link i {
    color: #667eea;
}

.dolugo-link {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dolugo-link:hover {
    color: #2563eb;
    text-decoration: underline;
}

.dolugo-info-grid {
    padding: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.dolugo-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.dolugo-info-item:hover {
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dolugo-info-label {
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

.dolugo-info-value {
    font-weight: 500;
    color: #1e293b;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dolugo-info-value i {
    color: #667eea;
    font-size: 16px;
}

.dolugo-info-total {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-color: #047857;
}

.dolugo-info-total .dolugo-info-label,
.dolugo-info-total .dolugo-info-value {
    color: white;
}

.dolugo-info-total .dolugo-info-value i {
    color: white;
}

.dolugo-amount {
    font-size: 18px;
    font-weight: 700;
}

/* Status Colors */
.dolugo-status-active {
    color: #10b981;
    font-weight: 600;
}

.dolugo-status-suspended {
    color: #f59e0b;
    font-weight: 600;
}

.dolugo-status-cancelled {
    color: #ef4444;
    font-weight: 600;
}

.dolugo-status-pending {
    color: #3b82f6;
    font-weight: 600;
}

/* Tabs Container */
.dolugo-tabs-container {
    margin: 20px 0;
}

.dolugo-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #e2e8f0;
    background: white;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.dolugo-tab-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.dolugo-tab-link:hover {
    color: #3b82f6;
    background: #f1f5f9;
}

.dolugo-tab-link.active {
    color: #3b82f6;
    background: #3b82f6;
    color: white;
}

.dolugo-tab-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #3b82f6;
}

.dolugo-tab-link i {
    font-size: 16px;
}

.dolugo-order-id {
    margin-left: auto;
    padding: 15px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 0 16px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.dolugo-order-id strong {
    font-size: 18px;
    font-weight: 700;
}

/* Tab Content */
.dolugo-tab-content {
    background: white;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.dolugo-tab-content.active {
    display: block;
}

.dolugo-tab-content-wrapper {
    padding: 25px;
}

/* Sub Tabs */
.dolugo-subtab {
    margin: 20px 0;
}

.dolugo-subtab .dolugo-tabs {
    border-radius: 12px;
    margin-bottom: 20px;
}

.dolugo-subtab .dolugo-tab-link {
    padding: 12px 18px;
    font-size: 13px;
}

.dolugo-subtab .dolugo-tab-content {
    border-radius: 12px;
    margin-top: 20px;
}

/* Form Elements */
.dolugo-formcon {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    padding: 15px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-formcon .yuzde30 {
    flex: 0 0 30%;
    font-weight: 600;
    color: #374151;
}

.dolugo-formcon .yuzde70 {
    flex: 0 0 70%;
}

.dolugo-formcon .yuzde33 {
    flex: 0 0 33.333%;
}

.dolugo-formcon .yuzde75 {
    flex: 0 0 75%;
}

.dolugo-formcon input[type="text"],
.dolugo-formcon input[type="email"],
.dolugo-formcon input[type="password"],
.dolugo-formcon input[type="number"],
.dolugo-formcon select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
}

.dolugo-formcon input:focus,
.dolugo-formcon select:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    background: white;
}

/* Checkbox and Radio Styles */
.dolugo-checkbox-wrapper {
    display: flex;
    align-items: center;
}

.dolugo-checkbox {
    display: none;
}

.dolugo-checkbox-label {
    position: relative;
    display: inline-block;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 10px;
}

.dolugo-checkbox:checked + .dolugo-checkbox-label {
    background: #3b82f6;
    border-color: #3b82f6;
}

.dolugo-checkbox:checked + .dolugo-checkbox-label::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
    font-weight: bold;
}

/* Button Styles */
.dolugo-btn-primary {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
}

.dolugo-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
}

.dolugo-btn-secondary {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    color: white;
}

.dolugo-btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(107, 114, 128, 0.3);
}

.dolugo-btn-info {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: white;
}

.dolugo-btn-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(6, 182, 212, 0.3);
}

.dolugo-btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.dolugo-btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);
}

.dolugo-btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.dolugo-btn-warning:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.3);
}

.dolugo-btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
}

.dolugo-btn-danger:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
}

/* Alert Styles */
.dolugo-alert {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: 1px solid;
}

.dolugo-alert-info {
    background: #dbeafe;
    border-color: #3b82f6;
    color: #1e40af;
}

.dolugo-alert-success {
    background: #d1fae5;
    border-color: #10b981;
    color: #065f46;
}

.dolugo-alert-warning {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
}

.dolugo-alert-error {
    background: #fee2e2;
    border-color: #ef4444;
    color: #991b1b;
}

.dolugo-alert-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.dolugo-alert-content {
    flex: 1;
}

.dolugo-alert-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
}

.dolugo-alert-message {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

/* Table Styles */
.dolugo-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.dolugo-table thead {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.dolugo-table th {
    padding: 18px 20px;
    text-align: left;
    font-weight: 700;
    color: #1e293b;
    font-size: 14px;
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-table td {
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.dolugo-table tbody tr:hover {
    background: #f8fafc;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-domain-header {
        flex-direction: column;
        text-align: center;
        padding: 20px;
        gap: 20px;
    }
    
    .dolugo-domain-name {
        font-size: 24px;
    }
    
    .dolugo-info-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 20px;
    }
    
    .dolugo-action-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-action-buttons .dolugo-btn {
        min-width: auto;
        width: 100%;
    }
    
    .dolugo-tabs {
        flex-direction: column;
    }
    
    .dolugo-order-id {
        margin-left: 0;
        border-radius: 0;
    }
    
    .dolugo-formcon {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .dolugo-formcon .yuzde30,
    .dolugo-formcon .yuzde70,
    .dolugo-formcon .yuzde33,
    .dolugo-formcon .yuzde75 {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .dolugo-domain-header {
        padding: 15px;
    }
    
    .dolugo-domain-name {
        font-size: 20px;
    }
    
    .dolugo-info-grid {
        padding: 15px;
        gap: 10px;
    }
    
    .dolugo-info-item {
        padding: 12px 15px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .dolugo-tab-link {
        padding: 12px 15px;
        font-size: 13px;
    }
    
    .dolugo-tab-content-wrapper {
        padding: 15px;
    }
}

/* WHOIS Grid Layout */
.dolugo-whois-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.dolugo-whois-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.dolugo-whois-row .dolugo-input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.3s ease;
}

.dolugo-whois-row .dolugo-input:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    background: white;
}

/* DNS Grid Layout */
.dolugo-dns-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.dolugo-dns-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-dns-label {
    flex: 0 0 60px;
    text-align: center;
    font-weight: 700;
    color: #667eea;
    font-size: 16px;
    background: white;
    padding: 8px 12px;
    border-radius: 8px;
    border: 2px solid #e2e8f0;
}

.dolugo-dns-input {
    flex: 1;
}

.dolugo-dns-input .dolugo-input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    background: white;
    transition: all 0.3s ease;
}

.dolugo-dns-input .dolugo-input:focus {
    border-color: #667eea;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* WHOIS Protection */
.dolugo-whois-protection {
    padding: 20px 0;
}

.dolugo-price-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #d1fae5;
    color: #065f46;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.dolugo-date-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #dbeafe;
    color: #1e40af;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.dolugo-date-info i {
    color: #3b82f6;
}

/* Checkbox Text */
.dolugo-checkbox-text {
    font-size: 14px;
    color: #374151;
    font-weight: 500;
}

/* DNS Current Content */
.dolugo-dns-current-content {
    padding: 20px;
}

/* Responsive Design for WHOIS and DNS */
@media (max-width: 768px) {
    .dolugo-whois-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-dns-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 15px;
    }
    
    .dolugo-dns-label {
        flex: none;
        align-self: center;
    }
    
    .dolugo-dns-input {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .dolugo-whois-grid,
    .dolugo-dns-grid {
        gap: 15px;
    }
    
    .dolugo-whois-row {
        gap: 12px;
    }
    
    .dolugo-dns-row {
        padding: 12px;
        gap: 12px;
    }
    
    .dolugo-dns-label {
        font-size: 14px;
        padding: 6px 10px;
    }
}

/* Email Forwarding */
.dolugo-email-forwarding {
    padding: 20px 0;
}

.dolugo-email-forwarding-form {
    margin-bottom: 30px;
}

.dolugo-email-forwarding-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.dolugo-email-forwarding-prefix {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.dolugo-email-forwarding-prefix .dolugo-input {
    flex: 1;
    min-width: 150px;
}

.dolugo-email-domain {
    font-weight: 700;
    color: #667eea;
    font-size: 16px;
    white-space: nowrap;
}

.dolugo-email-forwarding-arrow {
    flex: 0 0 40px;
    text-align: center;
    color: #667eea;
    font-size: 24px;
}

.dolugo-email-forwarding-target {
    flex: 2;
}

.dolugo-email-forwarding-target .dolugo-input {
    width: 100%;
}

.dolugo-email-forwarding-action {
    flex: 0 0 auto;
}

.dolugo-email-forwarding-table {
    margin-top: 20px;
}

/* Responsive Design for Email Forwarding */
@media (max-width: 768px) {
    .dolugo-email-forwarding-row {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 15px;
    }
    
    .dolugo-email-forwarding-prefix {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .dolugo-email-forwarding-prefix .dolugo-input {
        min-width: auto;
    }
    
    .dolugo-email-forwarding-arrow {
        flex: none;
        align-self: center;
        font-size: 20px;
    }
    
    .dolugo-email-forwarding-target {
        flex: none;
    }
    
    .dolugo-email-forwarding-action {
        flex: none;
        align-self: center;
    }
}

@media (max-width: 480px) {
    .dolugo-email-forwarding-row {
        padding: 12px;
        gap: 12px;
    }
    
    .dolugo-email-forwarding-arrow {
        font-size: 18px;
    }
}

/* ===================================
   VERIFICATION, TRANSFER, AND SECURITY TABS
   =================================== */

/* Verification Tab */
.dolugo-verification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-verification-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-verification-header h3 i {
    color: #667eea;
}

.dolugo-verification-area {
    margin-top: 25px;
}

/* Document Status */
.dolugo-doc-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolugo-status-unsent {
    background: #f3f4f6;
    color: #6b7280;
}

.dolugo-status-pending {
    background: #fef3c7;
    color: #92400e;
}

.dolugo-status-declined {
    background: #fee2e2;
    color: #991b1b;
}

.dolugo-status-verified {
    background: #d1fae5;
    color: #065f46;
}

.dolugo-doc-message {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #6b7280;
    font-style: italic;
}

/* Transfer Service Tab */
.dolugo-transfer-form {
    background: white;
    border-radius: 16px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.dolugo-limit-info {
    color: #ef4444 !important;
    font-weight: 700;
    font-size: 18px;
}

.dolugo-transfer-list-header {
    margin: 30px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

.dolugo-transfer-list-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-transfer-list-header h3 i {
    color: #667eea;
}

.dolugo-transfer-success {
    margin: 30px 0;
    text-align: center;
}

.dolugo-success-content {
    padding: 40px 20px;
}

.dolugo-success-content i {
    font-size: 80px;
    color: #10b981;
    margin-bottom: 20px;
}

.dolugo-success-content h2 {
    margin: 0 0 15px 0;
    color: #10b981;
    font-weight: 700;
    font-size: 28px;
}

.dolugo-success-content h3 {
    margin: 0 0 15px 0;
    color: #10b981;
    font-weight: 700;
    font-size: 24px;
}

.dolugo-success-content h4 {
    margin: 0;
    color: #64748b;
    font-weight: 500;
    font-size: 16px;
}

/* Transfer Code Tab */
.dolugo-transfer-code-section {
    background: white;
    border-radius: 16px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.dolugo-transfer-code-info {
    margin-bottom: 25px;
}

.dolugo-transfer-code-info p {
    margin: 0;
    font-size: 16px;
    color: #64748b;
    line-height: 1.6;
}

/* Security Tab */
.dolugo-transferlock-status {
    background: white;
    border-radius: 16px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 2px solid;
}

.dolugo-transferlock-status.dolugo-status-active {
    border-color: #10b981;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
}

.dolugo-transferlock-status.dolugo-status-inactive {
    border-color: #ef4444;
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
}

.dolugo-transferlock-status h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dolugo-transferlock-status h4 i {
    color: #667eea;
}

.dolugo-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolugo-status-badge.dolugo-status-active {
    background: #10b981;
    color: white;
}

.dolugo-status-badge.dolugo-status-inactive {
    background: #ef4444;
    color: white;
}

/* Form Actions */
.dolugo-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    border-top: 1px solid #e2e8f0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .dolugo-verification-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .dolugo-transferlock-status {
        padding: 20px;
    }
    
    .dolugo-form-actions {
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-form-actions .dolugo-btn {
        width: 100%;
    }
    
    .dolugo-success-content {
        padding: 30px 15px;
    }
    
    .dolugo-success-content i {
        font-size: 60px;
    }
    
    .dolugo-success-content h2 {
        font-size: 24px;
    }
    
    .dolugo-success-content h3 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-verification-header h3 {
        font-size: 18px;
    }
    
    .dolugo-transferlock-status {
        padding: 15px;
    }
    
    .dolugo-transferlock-status h4 {
        font-size: 16px;
    }
    
    .dolugo-status-badge {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .dolugo-success-content {
        padding: 20px 10px;
    }
    
    .dolugo-success-content i {
        font-size: 50px;
    }
    
    .dolugo-success-content h2 {
        font-size: 20px;
    }
    
    .dolugo-success-content h3 {
        font-size: 18px;
    }
}

/* Tab Styles */
.dolugo-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 2px solid var(--dolugo-gray-light);
    margin-bottom: 24px;
}

.dolugo-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    text-decoration: none;
    color: var(--dolugo-gray);
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    border-bottom: none;
}

.dolugo-tab-link:hover {
    color: var(--dolugo-primary);
    background: var(--dolugo-primary-light);
}

.dolugo-tab-link.active {
    color: var(--dolugo-primary);
    background: var(--dolugo-white);
    border-color: var(--dolugo-primary);
    border-bottom-color: var(--dolugo-white);
    margin-bottom: -2px;
}

.dolugo-tab-content {
    border-radius: 12px;
    border: 2px solid var(--dolugo-primary);
}

.dolugo-tab-content:first-of-type {
    display: block;
}

/* Hosting Product Styles */
.dolugo-service-card {
    background: var(--dolugo-white);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 32px;
    margin-bottom: 24px;
    border: 1px solid var(--dolugo-gray-light);
}

.dolugo-service-header {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.dolugo-service-logo {
    flex-shrink: 0;
}

.dolugo-panel-logo {
    width: 120px;
    height: auto;
    border-radius: 8px;
}

.dolugo-service-icon {
    font-size: 80px;
    color: var(--dolugo-primary);
    display: block;
}

.dolugo-service-info {
    flex: 1;
    min-width: 200px;
}

.dolugo-domain-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 8px 0;
}

.dolugo-server-features {
    color: var(--dolugo-gray);
    font-size: 14px;
    margin: 0;
}

.dolugo-service-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.dolugo-panel-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-renewal-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.dolugo-usage-card {
    background: var(--dolugo-white);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 32px;
    margin-bottom: 24px;
    border: 1px solid var(--dolugo-gray-light);
}

.dolugo-usage-item {
    display: inline-block;
    margin: 20px;
    text-align: center;
    vertical-align: top;
}

.dolugo-usage-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0 0 16px 0;
}

.dolugo-progress-circle {
    margin: 16px 0;
}

.dolugo-usage-loading {
    filter: grayscale(100%);
    margin-top: 16px;
}

.dolugo-usage-actions {
    text-align: center;
    margin-top: 24px;
}

.dolugo-info-card {
    background: var(--dolugo-white);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
    border: 1px solid var(--dolugo-gray-light);
    overflow: hidden;
}

.dolugo-card-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 20px;
    border-bottom: 1px solid var(--dolugo-gray-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.dolugo-card-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-invoice-link {
    font-size: 14px;
    color: var(--dolugo-gray);
}

.dolugo-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
}

.dolugo-link:hover {
    text-decoration: underline;
}

.dolugo-card-content {
    padding: 24px;
}

.dolugo-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--dolugo-gray-light);
}

.dolugo-info-row:last-child {
    border-bottom: none;
}

.dolugo-info-label {
    font-weight: 600;
    color: var(--dolugo-dark);
    flex: 1;
}

.dolugo-info-value {
    color: var(--dolugo-gray);
    text-align: right;
    flex: 1;
}

.dolugo-amount-row {
    background: var(--dolugo-primary-light);
    margin: 0 -24px;
    padding: 20px 24px;
    border-radius: 0 0 16px 16px;
}

.dolugo-amount {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-primary);
}

.dolugo-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dolugo-modal-content {
    padding: 24px;
}

.dolugo-form-label {
    width: 30%;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 8px;
}


.dolugo-password-strength {
    margin-top: 8px;
}

.dolugo-order-id {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--dolugo-primary-light);
    padding: 8px 16px;
    border-radius: 8px;
    margin-left: auto;
}

.dolugo-order-label {
    font-size: 12px;
    color: var(--dolugo-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dolugo-order-number {
    font-size: 16px;
    font-weight: 700;
    color: var(--dolugo-primary);
}

/* Responsive Design for Hosting */
@media (max-width: 768px) {
    .dolugo-tabs {
        flex-direction: column;
        gap: 4px;
    }
    
    .dolugo-tab-link {
        border-radius: 8px;
        border: 2px solid transparent;
        margin-bottom: 0;
    }
    
    .dolugo-tab-link.active {
        margin-bottom: 0;
    }
    
    .dolugo-tab-content {
        border-radius: 12px;
        border: 2px solid var(--dolugo-primary);
        margin-top: 0;
    }
    
    .dolugo-service-header {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }
    
    .dolugo-service-actions {
        align-items: center;
        width: 100%;
    }
    
    .dolugo-panel-buttons {
        width: 100%;
    }
    
    .dolugo-panel-buttons .dolugo-btn {
        width: 100%;
        text-align: center;
    }
    
    .dolugo-renewal-section {
        width: 100%;
        align-items: center;
    }
    
    .dolugo-renewal-section .dolugo-btn {
        width: 100%;
        text-align: center;
    }
    
    .dolugo-usage-item {
        display: block;
        margin: 16px 0;
    }
    
    .dolugo-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .dolugo-order-id {
        margin-left: 0;
        align-self: flex-start;
    }
    
    .dolugo-info-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .dolugo-info-value {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .dolugo-service-card,
    .dolugo-usage-card,
    .dolugo-info-card {
        padding: 20px;
        margin-bottom: 16px;
    }
    
    .dolugo-service-header {
        gap: 12px;
    }
    
    .dolugo-domain-name {
        font-size: 20px;
    }
    
    .dolugo-service-icon {
        font-size: 60px;
    }
    
    .dolugo-panel-logo {
        width: 80px;
    }
    
    .dolugo-usage-item {
        margin: 12px 0;
    }
    
    .dolugo-card-header {
        padding: 16px;
    }
    
    .dolugo-card-content {
        padding: 16px;
    }
    
    .dolugo-info-row {
        padding: 12px 0;
    }
}

/* Products Table Styles */
.dolugo-products-table {
    width: 100%;
    margin-top: 24px;
}

.dolugo-table-container {
    background: var(--dolugo-white);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-top: 24px;
}

.dolugo-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.dolugo-table-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-bottom: 2px solid var(--dolugo-gray-light);
}

.dolugo-table-header th {
    padding: 16px 12px;
    font-weight: 600;
    color: var(--dolugo-dark);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-bottom: none;
}

.dolugo-table-body {
    background: var(--dolugo-white);
}

.dolugo-table-row {
    border-bottom: 1px solid var(--dolugo-gray-light);
    transition: all 0.2s ease;
}

.dolugo-table-row:hover {
    background: var(--dolugo-light);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.dolugo-table-row:last-child {
    border-bottom: none;
}

.dolugo-hidden {
    display: none !important;
}

.dolugo-text-center {
    text-align: center;
}

/* Order ID Styling */
.dolugo-order-id {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-accent) 100%);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
}

/* Product Info Styling */
.dolugo-product-name {
    font-weight: 600;
    color: var(--dolugo-dark);
    font-size: 15px;
    margin-bottom: 4px;
    line-height: 1.4;
}

.dolugo-product-domain {
    color: var(--dolugo-primary);
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 2px;
}

.dolugo-product-details,
.dolugo-product-category,
.dolugo-product-hostname,
.dolugo-product-code,
.dolugo-product-ip {
    color: var(--dolugo-muted);
    font-size: 12px;
    margin-top: 2px;
}

.dolugo-product-hostname {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}

.dolugo-product-ip {
    color: var(--dolugo-accent);
    font-weight: 500;
}

/* Pricing Styling */
.dolugo-pricing {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.dolugo-amount {
    font-weight: 600;
    color: var(--dolugo-success);
    font-size: 15px;
}

.dolugo-period {
    color: var(--dolugo-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Due Date Styling */
.dolugo-due-date {
    color: var(--dolugo-dark);
    font-weight: 500;
    font-size: 13px;
}

/* Status Styling */
.dolugo-status {
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.dolugo-status-active {
    background: #d1fae5;
    color: #065f46;
}

.dolugo-status-waiting {
    background: #fef3c7;
    color: #92400e;
}

.dolugo-status-inprocess {
    background: #dbeafe;
    color: #1e40af;
}

.dolugo-status-cancelled {
    background: #fecaca;
    color: #991b1b;
}

.dolugo-status-suspended {
    background: #f3e8ff;
    color: #7c3aed;
}

/* Button Styles for Table */
.dolugo-table-cell .dolugo-btn {
    font-size: 12px;
    padding: 8px 16px;
    min-width: auto;
}

.dolugo-btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(100%);
}

.dolugo-btn-disabled:hover {
    transform: none;
    box-shadow: none;
}

/* Empty State Styling */
.dolugo-empty-state {
    text-align: center;
    padding: 80px 40px;
    background: var(--dolugo-white);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-top: 24px;
}

.dolugo-empty-icon {
    margin-bottom: 24px;
}

.dolugo-empty-icon i {
    font-size: 64px;
    color: var(--dolugo-gray);
    opacity: 0.6;
}

.dolugo-empty-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.dolugo-empty-message {
    color: var(--dolugo-muted);
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* Responsive Design for Products Table */
@media (max-width: 768px) {
    .dolugo-table-container {
        margin: 16px -16px 0 -16px;
        border-radius: 0;
    }
    
    .dolugo-table-cell {
        padding: 12px 8px;
        font-size: 12px;
    }
    
    .dolugo-product-name {
        font-size: 14px;
    }
    
    .dolugo-pricing {
        gap: 1px;
    }
    
    .dolugo-amount {
        font-size: 14px;
    }
    
    .dolugo-table-cell .dolugo-btn {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .dolugo-empty-state {
        padding: 60px 20px;
        margin: 16px -16px 0 -16px;
        border-radius: 0;
    }
    
    .dolugo-empty-icon i {
        font-size: 48px;
    }
    
    .dolugo-empty-title {
        font-size: 20px;
    }
    
    .dolugo-empty-message {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dolugo-table-cell {
        padding: 10px 6px;
    }
    
    .dolugo-order-id {
        font-size: 11px;
        padding: 3px 8px;
    }
    
    .dolugo-status {
        font-size: 10px;
        padding: 4px 8px;
    }
}

/* ========================================
   EKSİK CSS SINIFLARI - ac-product-server.php için
   ======================================== */

/* Ana Layout Sınıfları */
.dolugo-panel-content {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dolugo-tab-content-inner {
    padding: 20px 0;
}

.dolugo-content-updown {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Padding Sınıfları */
.dolugo-padding-30 {
    padding: 30px;
}

.dolugo-padding-20 {
    padding: 20px;
}

.dolugo-padding-15 {
    padding: 15px;
}

/* Info Sınıfları */
.dolugo-info {
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    border-left: 4px solid;
}

.dolugo-info.dolugo-info-success {
    background-color: #d4edda;
    border-color: #28a745;
    color: #155724;
}

.dolugo-info.dolugo-info-info {
    background-color: #d1ecf1;
    border-color: #17a2b8;
    color: #0c5460;
}

.dolugo-info.dolugo-info-danger {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

/* Layout Yardımcı Sınıfları */
.dolugo-clear {
    clear: both;
}

.dolugo-line {
    height: 1px;
    background: #e0e0e0;
    margin: 15px 0;
}

/* Server Spesifik Sınıfları */
.dolugo-server-configuration {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.dolugo-server-info {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 15px;
}

.dolugo-config-info {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 15px;
}

.dolugo-config-side {
    background: #e9ecef;
    border-radius: 6px;
    padding: 15px;
}

.dolugo-server-price-side {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
}

.dolugo-service-prices {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 15px;
    text-align: center;
}

/* Ürün ve Paket Sınıfları */
.dolugo-package-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.dolugo-products-features {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 15px;
    margin: 15px 0;
    line-height: 1.6;
}

.dolugo-servers {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.dolugo-horizontal-list {
    width: 100%;
    border-collapse: collapse;
}

.dolugo-upgrade-products {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.dolugo-add-service-title {
    font-weight: 600;
    font-size: 22px;
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.dolugo-buy-add-service {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

/* Form Yardımcı Sınıfları */
.dolugo-form-half {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.dolugo-info-text {
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-top: 5px;
}

/* Tablo Paket Sınıfları */
.dolugo-tab-packages {
    background: none;
    margin: 20px 0;
}

.dolugo-table-package {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 15px 0;
    text-align: center;
    position: relative;
}

.dolugo-table-package.active {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

.dolugo-table-popular {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #28a745;
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-out-of-stock {
    background: #dc3545;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

/* Status ve Loading Sınıfları */
.dolugo-service-status {
    display: none;
    margin: 10px 0;
}

.dolugo-status-online {
    background: #28a745;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-status-offline {
    background: #dc3545;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-status-unknown {
    background: #6c757d;
    color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-status-loading {
    background: #ffc107;
    color: #212529;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dolugo-load-wrapp {
    text-align: center;
    padding: 20px;
}

.dolugo-load-7 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: dolugo-spin 1s linear infinite;
}

.dolugo-square-holder {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.dolugo-square {
    width: 20px;
    height: 20px;
    background: #007bff;
    margin: 2px;
    display: inline-block;
    animation: dolugo-bounce 1.4s ease-in-out infinite both;
}

.dolugo-load-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.dolugo-load-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #007bff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.dolugo-load-ellipsis div:nth-child(1) {
    left: 8px;
    animation: dolugo-ellipsis1 0.6s infinite;
}

.dolugo-load-ellipsis div:nth-child(2) {
    left: 8px;
    animation: dolugo-ellipsis2 0.6s infinite;
}

.dolugo-load-ellipsis div:nth-child(3) {
    left: 32px;
    animation: dolugo-ellipsis2 0.6s infinite;
}

.dolugo-load-ellipsis div:nth-child(4) {
    left: 56px;
    animation: dolugo-ellipsis3 0.6s infinite;
}

/* Özel Sınıflar */
.dolugo-block-module-loader {
    text-align: center;
    padding: 40px;
}

.dolugo-template-loader {
    text-align: center;
    padding: 40px;
}

.dolugo-client-area-module-page {
    min-height: 400px;
}

.dolugo-server-tab {
    width: 100%;
}

.dolugo-block-modulewidth50 {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.dolugo-block-module-details-con {
    min-height: 200px;
}

/* Animasyonlar */
@keyframes dolugo-bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1.0);
    }
}

@keyframes dolugo-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes dolugo-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes dolugo-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .dolugo-form-half {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .dolugo-block-modulewidth50 {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .dolugo-server-configuration,
    .dolugo-server-price-side,
    .dolugo-servers,
    .dolugo-upgrade-products {
        padding: 15px;
    }
    
    .dolugo-padding-30,
    .dolugo-padding-20,
    .dolugo-padding-15 {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .dolugo-panel-content {
        padding: 15px;
    }
    
    .dolugo-server-configuration,
    .dolugo-server-price-side,
    .dolugo-servers,
    .dolugo-upgrade-products {
        padding: 10px;
    }
    
    .dolugo-padding-30,
    .dolugo-padding-30,
    .dolugo-padding-15 {
        padding: 10px;
    }
    
    .dolugo-add-service-title {
        font-size: 18px;
        padding: 10px 0;
    }
}

/* ========================================
   EKSİK CSS SINIFLARI - ac-product-sms.php için
   ======================================== */

/* File Upload Sınıfları */
.dolugo-file-upload-area {
    display: block;
    border: 2px dotted #ccc;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
    background: #f8f9fa;
}

.dolugo-file-upload-area:hover {
    border-color: #007bff;
    background: #e3f2fd;
}

.dolugo-upload-actions {
    float: right;
    width: 170px;
    margin-top: 15px;
}

/* Report Table Sınıfları */
.dolugo-report-table {
    margin: 20px 0;
}

.dolugo-report-delivered {
    background: #d6fe81 !important;
    color: #4b7001 !important;
    text-align: center;
    width: 33%;
    padding: 15px;
    font-weight: 600;
}

.dolugo-report-expect {
    background: #c6ffff !important;
    color: #009393 !important;
    text-align: center;
    width: 33%;
    padding: 15px;
    font-weight: 600;
}

.dolugo-report-incorrect {
    background: #ffcaca !important;
    color: #970000 !important;
    text-align: center;
    width: 33%;
    padding: 15px;
    font-weight: 600;
}

/* Loading Sınıfları */
.dolugo-loading {
    text-align: center;
    padding: 20px;
}

.dolugo-loading h4 {
    margin-top: 15px;
    color: #666;
}

/* Empty State Sınıfları */
.dolugo-empty-state {
    text-align: center;
    margin: 40px 0;
    padding: 40px;
}

.dolugo-empty-icon {
    margin-bottom: 20px;
}

.dolugo-empty-icon i {
    font-size: 84px;
    color: #ccc;
}

.dolugo-empty-title {
    color: #666;
    font-size: 18px;
    margin: 0;
}

/* Form Actions Sınıfları */
.dolugo-form-actions {
    text-align: center;
}

.dolugo-form-actions .dolugo-btn {
    margin: 0 10px;
}

/* Section Title Sınıfları */
.dolugo-section-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Preview Sınıfları */
.dolugo-preview-title {
    color: #8bc34a;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.dolugo-preview-content {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.dolugo-preview-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.dolugo-preview-row:last-child {
    border-bottom: none;
}

.dolugo-preview-label {
    font-weight: 600;
    color: #333;
}

.dolugo-preview-value {
    color: #666;
}

.dolugo-preview-actions {
    margin-top: 20px;
    text-align: center;
}

.dolugo-preview-actions .dolugo-btn {
    margin: 0 10px;
}

/* Software Product Page Specific Classes */
.dolugo-tab-content-inner {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
}

.dolugo-info-text {
    color: #666;
    font-size: 14px;
    font-style: italic;
}

.dolugo-radio {
    display: none;
}

.dolugo-radio-label {
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.dolugo-radio:checked + .dolugo-radio-label:before {
    border-color: var(--dolugo-primary);
}

.dolugo-checkbox {
    display: none;
}

.dolugo-checkbox-label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

.dolugo-checkbox-label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 4px;
}

.dolugo-checkbox:checked + .dolugo-checkbox-label:before {
    background-color: var(--dolugo-primary);
    border-color: var(--dolugo-primary);
}

.dolugo-checkbox:checked + .dolugo-checkbox-label:after {
    content: '✓';
    display: block;
    position: absolute;
    left: 3px;
    bottom: 1px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}


.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.dolugo-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-link:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

.dolugo-error {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 15px;
    border-radius: 6px;
    margin: 20px 0;
}

.dolugo-success-message {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #16a34a;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

.dolugo-success-message i {
    color: #16a34a;
}

.dolugo-success-message h3 {
    color: #16a34a;
    margin: 10px 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-tab-header {
        flex-direction: column;
    }
    
    .dolugo-tab-link {
        margin: 5px 0;
        text-align: center;
    }
    
    .dolugo-info-row {
        flex-direction: column;
    }
    
    .dolugo-info-label,
    .dolugo-info-value {
        width: 100%;
        margin: 5px 0;
    }
    
    .dolugo-form-half {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-preview-row {
        flex-direction: column;
        text-align: center;
    }
    
    .dolugo-preview-label,
    .dolugo-preview-value {
        margin: 5px 0;
    }
}

@media (max-width: 480px) {
    .dolugo-page-container {
        padding: 15px;
    }
    
    .dolugo-page-header {
        padding: 20px 15px;
    }
    
    .dolugo-tabs {
        margin: 20px 0;
    }
    
    .dolugo-tab-content {
        margin: 15px 0;
    }
    
    .dolugo-service-card,
    .dolugo-info-card {
        margin: 15px 0;
        padding: 15px;
    }
}

/* Special Product Page Specific Classes */
.dolugo-page-actions {
    margin: 20px 0;
    padding: 15px 0;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-profile-default {
    background: var(--dolugo-primary);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    display: inline-block;
}

.dolugo-table-actions {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.dolugo-btn-sm {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
    min-width: auto;
}

.dolugo-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0;
    padding: 15px 0;
    border-bottom: 1px solid #e2e8f0;
}

.dolugo-filter-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 20px;
    background: #f8fafc;
    color: var(--dolugo-muted);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.dolugo-filter-tab:hover {
    background: #e2e8f0;
    color: var(--dolugo-dark);
    text-decoration: none;
}

.dolugo-filter-tab-active {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

.dolugo-filter-count {
    background: rgba(255, 255, 255, 0.2);
    color: inherit;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
}

.dolugo-nameserver-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin: 20px 0;
}

.dolugo-hosting-name {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 5px;
}

.dolugo-hosting-domain {
    color: var(--dolugo-muted);
    font-size: 13px;
    font-family: monospace;
}

.dolugo-server-name {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 5px;
}

.dolugo-server-hostname {
    color: var(--dolugo-muted);
    font-size: 13px;
    font-family: monospace;
    margin-bottom: 3px;
}

.dolugo-server-ip {
    color: var(--dolugo-primary);
    font-size: 12px;
    font-family: monospace;
    background: var(--dolugo-light);
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
}

.dolugo-sms-package {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 5px;
}

.dolugo-sms-details {
    color: var(--dolugo-muted);
    font-size: 13px;
    margin-bottom: 3px;
}

.dolugo-sms-name {
    color: var(--dolugo-muted);
    margin-right: 8px;
}

.dolugo-sms-identity {
    color: var(--dolugo-primary);
    font-family: monospace;
    background: var(--dolugo-light);
    padding: 2px 6px;
    border-radius: 4px;
}

.dolugo-software-name {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 5px;
}

.dolugo-software-domain {
    color: var(--dolugo-muted);
    font-size: 13px;
    font-family: monospace;
    margin-bottom: 3px;
}

.dolugo-software-code {
    color: var(--dolugo-success);
    font-size: 12px;
    font-family: monospace;
    background: var(--dolugo-light);
    padding: 2px 6px;
    border-radius: 4px;
}

.dolugo-whois-profile {
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.dolugo-content-updown {
    margin: 20px 0;
    padding: 20px;
}

.dolugo-padding-10 {
    padding: 10px;
}

.dolugo-padding-20 {
    padding: 20px;
}

.dolugo-form-half {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}

.dolugo-upgrade-products {
    display: none;
    margin: 20px 0;
}

.dolugo-package {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin: 15px;
    background: #fff;
    text-align: center;
    transition: all 0.3s ease;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
    min-height: 400px;
}

.dolugo-package.active {
    border-color: var(--dolugo-primary);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    transform: translateY(-5px);
}

.dolugo-package-popular {
    background: var(--dolugo-primary);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
}

.dolugo-package-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 15px 0;
}

.dolugo-products-features {
    margin: 20px 0;
    text-align: left;
}

.dolugo-products-features span {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
    color: var(--dolugo-muted);
    font-size: 14px;
}

.dolugo-products-features span:last-child {
    border-bottom: none;
}

.dolugo-products-features span strong {
    color: var(--dolugo-dark);
    font-weight: 600;
}

.dolugo-checkbox-wrapper {
    display: inline-block;
    margin: 5px 0;
}

/* ========================================
   LOGIN PAGE STYLES - sign-in-new.php için
   ======================================== */

/* Modern Dolugo Partner Login Design */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}

#uyeolgiris {
    position: fixed;
    overflow: auto;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-size: cover;
    position: relative;
    z-index: 2;
}

#uyeolgirisbody .footer {
    display: none;
}

.uyeolgirisyapx {
    display: flex;
    min-height: 100vh;
    align-items: stretch;
}

.uyeolgirisslogan {
    flex: 1;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    z-index: 5;
}

.uyeolgirisslogan::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.2)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}

.uyeolgirisslogan-con {
    position: relative;
    z-index: 15;
    width: 100%;
    max-width: 400px;
}

.logo {
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    z-index: 10;
    float: unset !important;
}

.logo img {
    width: 200px;
    height: auto;
    filter: brightness(0) invert(1);
    position: relative;
    z-index: 10;
}

.uyeolgirisslogan h4 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.6;
    opacity: 0.95;
}

.uyeolgirisslogan .gonderbtn {
    color: #fff;
    border: 2px solid #fff;
    padding: 16px 32px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    background: transparent;
}

.uyeolgirisslogan .gonderbtn:hover {
    color: #333;
    background: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.uyeol {
    flex: 1;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.logincon {
    width: 100%;
    max-width: 500px;
    background: white;
    border-radius: 24px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.padding30 {
    padding: 40px;
}

.login-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 30px;
    text-align: center;
}

.socialconnect {
    margin-bottom: 30px;
    text-align: center;
}

.line {
    height: 1px;
    background: #e1e5e9;
    margin: 30px 0;
    display: none;
}

.form-group {
    margin-bottom: 24px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.form-input {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.form-input:focus {
    outline: none;
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}

.form-input::placeholder {
    color: #999;
}

.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
}

.checkbox-custom {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    accent-color: #667eea;
}

.checkbox-label {
    font-size: 0.9rem;
    color: #666;
    cursor: pointer;
}

.forgot-link {
    color: #667eea;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.forgot-link:hover {
    color: #5a6fd8;
    text-decoration: underline;
}

.login-button {
    width: 100%;
    padding: 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.login-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.login-button:active {
    transform: translateY(0);
}

.signup-link {
    text-align: center;
    margin-top: 20px;
}

.signup-text {
    color: #666;
    font-size: 0.9rem;
}

.signup-button {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    margin-left: 5px;
    transition: color 0.3s ease;
}

.signup-button:hover {
    color: #5a6fd8;
    text-decoration: underline;
}

.captcha-content {
    margin-bottom: 20px;
}

.captcha-content > div {
    margin-bottom: 10px;
}

.captchainput {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    font-size: 1rem;
    background: #f8f9fa;
}

.captchainput:focus {
    outline: none;
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}

/* Success and Error Messages */
.success-message {
    text-align: center;
    padding: 40px 20px;
}

.success-icon {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 20px;
}

.success-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #28a745;
    margin-bottom: 10px;
}

.success-content {
    color: #666;
    font-size: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .uyeolgirisyapx {
        flex-direction: column;
    }
    
    .uyeolgirisslogan {
        padding: 40px 30px;
    }
    
    .uyeol {
        padding: 30px 20px;
    }
    
    .padding30 {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .uyeolgirisslogan h4 {
        font-size: 1.25rem;
    }
    
    .login-title {
        font-size: 1.5rem;
    }
    
    .padding30 {
        padding: 20px 15px;
    }
}

/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.logincon {
    animation: fadeIn 0.6s ease-out;
}

/* ========================================
   ÖZEL ÜRÜNLER SAYFASI - ac-products-special.php için
   ======================================== */

/* Özel Ürün Bilgileri */
.dolugo-product-info {
    text-align: left;
}

.dolugo-product-name {
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 5px;
}

.dolugo-product-domain {
    color: var(--dolugo-primary);
    font-size: 0.9rem;
    margin-bottom: 3px;
}

.dolugo-product-ip {
    color: var(--dolugo-muted);
    font-size: 0.85rem;
    font-family: monospace;
}

/* Fiyatlandırma */
.dolugo-pricing {
    text-align: center;
}

.dolugo-amount {
    font-weight: 600;
    color: var(--dolugo-dark);
    display: block;
}

.dolugo-period {
    color: var(--dolugo-muted);
    font-size: 0.85rem;
}

/* Vade Tarihi */
.dolugo-due-date {
    color: var(--dolugo-text);
    font-weight: 500;
}

/* Durum Badge'leri */
.dolugo-status {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    min-width: 80px;
}

.dolugo-status-active {
    background: var(--dolugo-success);
    color: white;
}

.dolugo-status-waiting {
    background: var(--dolugo-warning);
    color: white;
}

.dolugo-status-inprocess {
    background: var(--dolugo-info);
    color: white;
}

.dolugo-status-cancelled {
    background: var(--dolugo-danger);
    color: white;
}

.dolugo-status-suspended {
    background: var(--dolugo-secondary);
    color: white;
}

/* Butonlar */
.dolugo-btn-disabled {
    background: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
    opacity: 0.6;
}

.dolugo-btn-disabled:hover {
    transform: none;
    box-shadow: none;
    background: #e9ecef;
    color: #6c757d;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .dolugo-product-info {
        text-align: center;
    }
    
    .dolugo-product-name {
        margin-bottom: 8px;
    }
    
    .dolugo-status {
        min-width: 70px;
        font-size: 0.8rem;
        padding: 4px 8px;
    }
}

@media (max-width: 480px) {
    .dolugo-product-domain,
    .dolugo-product-ip {
        font-size: 0.8rem;
    }
    
    .dolugo-status {
        min-width: 60px;
        font-size: 0.75rem;
        padding: 3px 6px;
    }
}

/* ========================================
   BAYİLİK SAYFASI - ac-reseller.php için
   ======================================== */

/* Sayfa Başlığı Aksiyonları */
.dolugo-page-actions {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* API Modal */
.dolugo-modal-content {
    padding: 20px;
}

.dolugo-api-info {
    margin-top: 20px;
}

.dolugo-api-field {
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid var(--dolugo-primary);
}

.dolugo-api-field h4 {
    margin: 0 0 10px 0;
    color: var(--dolugo-dark);
    font-size: 1rem;
    font-weight: 600;
}

.dolugo-api-value {
    font-family: monospace;
    background: #e9ecef;
    padding: 10px;
    border-radius: 4px;
    font-size: 0.9rem;
    word-break: break-all;
}

.dolugo-api-value a {
    color: var(--dolugo-primary);
    text-decoration: none;
}

.dolugo-api-value a:hover {
    text-decoration: underline;
}

/* Bayilik Dashboard */
.dolugo-reseller-dashboard {
    margin-top: 30px;
}

/* Özellik Listesi */
.dolugo-features-section {
    margin: 30px 0;
}

.dolugo-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 20px;
}

.dolugo-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dolugo-feature-item {
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
    color: var(--dolugo-text);
    position: relative;
    padding-left: 25px;
}

.dolugo-feature-item:last-child {
    border-bottom: none;
}

.dolugo-feature-item::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 12px;
    color: var(--dolugo-success);
    font-weight: bold;
    font-size: 1.1rem;
}

/* Komisyon Oranları */
.dolugo-commission-rates {
    margin: 30px 0;
}

.dolugo-commission-block {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    overflow: hidden;
}

.dolugo-commission-content {
    padding: 25px;
}

.dolugo-commission-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 15px;
}

.dolugo-commission-subtitle {
    font-size: 1.1rem;
    color: var(--dolugo-muted);
    margin-bottom: 20px;
    font-weight: 500;
}

.dolugo-commission-note {
    color: var(--dolugo-muted);
    font-style: italic;
    margin-bottom: 20px;
}

.dolugo-commission-select {
    margin-bottom: 20px;
}

.dolugo-select2 {
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.dolugo-select2:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.dolugo-commission-table {
    margin-top: 20px;
}

/* İletişim Bölümü */
.dolugo-contact-section {
    text-align: center;
    margin: 40px 0;
}

/* Ürün Bilgileri */
.dolugo-product-sms {
    color: var(--dolugo-info);
    font-size: 0.9rem;
    margin-top: 5px;
}

.dolugo-product-category {
    color: var(--dolugo-warning);
    font-size: 0.9rem;
    margin-top: 5px;
}

.dolugo-product-hostname {
    color: var(--dolugo-primary);
    font-size: 0.9rem;
    margin-top: 5px;
}

.dolugo-product-ip {
    color: var(--dolugo-muted);
    font-family: monospace;
    margin-left: 10px;
}

/* İndirim Bilgileri */
.dolugo-discount {
    text-align: center;
}

.dolugo-discount strong {
    color: var(--dolugo-success);
    font-weight: 600;
}

.dolugo-discount-rate {
    color: var(--dolugo-muted);
    font-size: 0.85rem;
    margin-left: 5px;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .dolugo-page-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-commission-content {
        padding: 20px;
    }
    
    .dolugo-commission-title {
        font-size: 1.2rem;
    }
    
    .dolugo-commission-subtitle {
        font-size: 1rem;
    }
    
    .dolugo-feature-item {
        padding: 15px 0 15px 25px;
    }
}

@media (max-width: 480px) {
    .dolugo-commission-content {
        padding: 15px;
    }
    
    .dolugo-commission-title {
        font-size: 1.1rem;
    }
    
    .dolugo-commission-subtitle {
        font-size: 0.95rem;
    }
    
    .dolugo-api-field {
        padding: 12px;
    }
    
    .dolugo-api-value {
    font-size: 0.8rem;
    padding: 8px;
    }
}

/* Domain.php için Dolugo Partner CSS Stilleri */

/* Basket Wrapper */
.dolugo-basket-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem 0 1.5rem !important;
}

/* Basket Container */
.dolugo-basket-container {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
    justify-content: space-between;
}

/* Basket Left Side */
.dolugo-basket-left {
    flex: 1;
    max-width: 73%;
}

/* Basket Header */
.dolugo-basket-header-name {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
}

.dolugo-basket-header-period {
    text-align: center;
    flex: 0 0 25%;
}

.dolugo-basket-header-period h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.dolugo-basket-header-amount {
    text-align: center;
    flex: 0 0 25%;
}

.dolugo-basket-header-amount h4 {
    font-size: 20px;
    margin: 0;
}

/* Empty Basket */
.dolugo-empty-basket {
    text-align: center;
    padding: 60px 20px;
    color: var(--dolugo-muted);
}

.dolugo-empty-basket h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--dolugo-muted);
}

.dolugo-empty-basket p {
    font-size: 16px;
    margin-bottom: 30px;
}

/* Basket Loader */
.dolugo-basket-loader {
    text-align: center;
    padding: 40px 20px;
    color: var(--dolugo-muted);
}

.dolugo-basket-loader.dolugo-error {
    color: var(--dolugo-danger);
}

/* Basket Items */
.dolugo-basket-item-reduced {
    background-color: var(--dolugo-success);
    color: white;
}

.dolugo-basket-item-promotion {
    background-color: var(--dolugo-warning);
    color: white;
}

.dolugo-basket-item-content {
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

.dolugo-basket-item-info {
    flex: 1;
    line-height: 25px;
}

.dolugo-basket-item-name h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.dolugo-basket-item-category h4 {
    font-size: 15px;
    margin: 0;
}

.dolugo-basket-item-category a {
    color: var(--dolugo-danger);
    text-decoration: none;
}

.dolugo-basket-item-domain {
    clear: both;
    color: var(--dolugo-muted);
    font-size: 14px;
    margin-top: 5px;
}

.dolugo-basket-item-privacy {
    margin-top: 15px;
}

.dolugo-basket-item-actions {
    margin-top: 15px;
}

.dolugo-basket-item-action {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-size: 14px;
}

.dolugo-basket-item-action:hover {
    text-decoration: underline;
}

.dolugo-basket-item-addons {
    margin-top: 15px;
}

.dolugo-basket-item-addon {
    margin-bottom: 5px;
    font-size: 14px;
}

.dolugo-basket-item-addon-amount {
    font-weight: 600;
    color: var(--dolugo-primary);
}

.dolugo-basket-item-period {
    text-align: center;
    flex: 0 0 25%;
}

.dolugo-basket-item-period-name h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.dolugo-basket-item-reduced-rate {
    color: var(--dolugo-success);
    font-weight: bold;
    font-size: 14px;
}

.dolugo-basket-item-amount {
    text-align: center;
    flex: 0 0 25%;
}

.dolugo-basket-item-price {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.dolugo-basket-item-price.dolugo-basket-item-free {
    color: var(--dolugo-success);
}

.dolugo-basket-item-delete {
    color: var(--dolugo-danger);
    font-size: 20px;
    text-decoration: none;
}

.dolugo-basket-item-delete:hover {
    color: var(--dolugo-dark);
}

/* Continue Shopping */
.dolugo-continue-shopping {
    text-align: center;
    margin: 30px 0;
}

.dolugo-continue-shopping .dolugo-btn {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
}

/* Payment Logos */
.dolugo-payment-logos {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
}

.dolugo-credit-cards,
.dolugo-ssl-secure {
    max-height: 40px;
    margin: 0 10px;
}

/* Security Notice */
.dolugo-security-notice {
    text-align: center;
    margin: 20px 0;
    color: var(--dolugo-muted);
    font-size: 14px;
}

/* Basket Right Side */
.dolugo-basket-right {
    flex: 0 0 25%;
    position: sticky;
    top: 15px;
    height: fit-content;
}

.dolugo-basket-right-shadow {
    box-shadow: 0 10px 45px rgba(0, 0, 0, 0.06);
    border-radius: 10px 10px 0 0;
    background: white;
}

.dolugo-basket-right-header {
    background: var(--dolugo-primary);
    color: white;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 700;
}

/* Order Summary */
.dolugo-order-summary-title {
    margin: 20px 0 15px 0;
}

.dolugo-order-summary-title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.dolugo-basket-right-content {
    padding: 15px;
}

.dolugo-order-summary-table {
    width: 100%;
    margin-bottom: 20px;
}

.dolugo-order-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dotted #ebebeb;
}

.dolugo-order-summary-label {
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-order-summary-value {
    font-weight: 600;
    color: var(--dolugo-primary);
}

.dolugo-order-summary-coupon {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.dolugo-coupon-form {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dolugo-coupon-form input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.dolugo-form-error {
    color: var(--dolugo-danger);
    font-size: 14px;
    margin-top: 5px;
}

.dolugo-order-summary-total h5 {
    font-size: 19px;
    font-weight: 700;
    color: var(--dolugo-danger);
    margin: 0;
}

/* Payment Buttons */
.dolugo-basket-right .dolugo-btn {
    width: 100%;
    margin-top: 15px;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.dolugo-basket-right .dolugo-btn:hover {
    background: var(--dolugo-dark);
    color: white;
}

.dolugo-btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Back Button */
.dolugo-back-button {
    text-align: center;
    margin: 20px 0;
}

.dolugo-back-button .dolugo-btn {
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
}

/* Modal Forms */
.dolugo-modal-form {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto;
}

.dolugo-modal-content {
    padding: 20px;
}

.dolugo-modal-warning {
    background: var(--dolugo-danger);
    color: white;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.dolugo-modal-info {
    background: var(--dolugo-primary);
    color: white;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

.dolugo-dns-inputs {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.dolugo-dns-input-group {
    margin-bottom: 15px;
}

.dolugo-dns-input-group input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.dolugo-modal-actions {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #eee;
}

.dolugo-modal-actions .dolugo-btn {
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
}

/* Tab Container */
.dolugo-tab-container {
    margin: 30px 0;
}

.dolugo-tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
}

.dolugo-tab-list li {
    flex: 1;
}

.dolugo-tab-link {
    display: block;
    text-align: center;
    padding: 14px 30px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
    border-bottom: 2px solid #e7e7e7;
    border-right: 1px solid #dbdbdb;
    color: var(--dolugo-dark);
    background: none;
}

.dolugo-tab-link:hover {
    background: rgba(0, 0, 0, 0.1);
}

.dolugo-tab-link.active {
    border-bottom: 2px solid white;
    background: white;
}

.dolugo-tab-content {
    animation: fadeEffect 1s;
}

.dolugo-tab-content.active {
    display: block;
}

@keyframes fadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* WHOIS Profiles Link */
.dolugo-whois-profiles-link {
    text-align: right;
    margin: 20px 0;
}

.dolugo-whois-profiles-link .dolugo-btn {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
}

/* Form Sections */
.dolugo-form-section {
    margin-bottom: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.dolugo-form-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.dolugo-form-label {
    flex: 0 0 30%;
    font-weight: 600;
    font-size: 15px;
    color: var(--dolugo-dark);
}

.dolugo-form-field {
    flex: 1;
}

.dolugo-form-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: inherit;
}

.dolugo-form-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: inherit;
    background: white;
}

.dolugo-checkbox-wrapper {
    margin-top: 15px;
    display: inline-block;
}

.dolugo-checkbox-custom {
    opacity: 0;
    position: absolute;
}

.dolugo-checkbox-custom-label {
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.dolugo-checkbox-custom + .dolugo-checkbox-custom-label:before {
    content: '';
    border: 1.5px solid var(--dolugo-primary);
    border-radius: 5px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.dolugo-checkbox-custom:checked + .dolugo-checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: white;
    color: var(--dolugo-primary);
    font-size: 15px;
}

/* WHOIS Fields */
.dolugo-whois-fields {
    margin-top: 20px;
}

.dolugo-form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.dolugo-form-group {
    display: flex;
    flex-direction: column;
}

.dolugo-form-group label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--dolugo-dark);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-basket-item-info{
        width: 100%;
    }

    .dolugo-basket-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .dolugo-basket-left,
    .dolugo-basket-right {
        max-width: 100%;
    }
    
    .dolugo-basket-header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-basket-item-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 50px 15px 20px;
    }
    
    .dolugo-basket-item-label {
        left: 32%;
        top: 15px;
    }
    
    .dolugo-form-grid {
        grid-template-columns: 1fr;
    }
    
    .dolugo-tab-list {
        flex-direction: column;
    }
    
    .dolugo-tab-link {
        border-right: none;
        border-bottom: 1px solid #dbdbdb;
    }
}

@media (max-width: 480px) {
    .dolugo-basket-wrapper {
        padding: 10px 0;
    }
    
    .dolugo-basket-item-content {
        padding: 20px 15px;
    }
    
    .dolugo-modal-content {
        padding: 15px;
    }
    
    .dolugo-form-label {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }
    
    .dolugo-form-row {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Hosting Products için Dolugo Partner CSS Stilleri */

/* Hosting Packages Container */
.dolugo-hosting-packages {
    background: none;
    text-align: center;
    padding: 25px 0;
    margin: 35px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Hosting Package Card */
.dolugo-hosting-package {
    background-color: white;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: center;
    margin: 8px;
    padding-bottom: 25px;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease-out;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    min-height: 400px;
}

.dolugo-hosting-package:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.dolugo-hosting-popular .dolugo-hosting-package-title,
.dolugo-hosting-popular .dolugo-hosting-package-period,
.dolugo-hosting-popular .dolugo-amount-display,
.dolugo-hosting-popular .dolugo-amount-display i,
.dolugo-hosting-popular .dolugo-hosting-features-text {
    color: white !important;
}

.dolugo-hosting-package.dolugo-hosting-popular {
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%) !important;
    position: relative;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.dolugo-hosting-package.dolugo-hosting-popular .dolugo-btn {
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-hosting-package.dolugo-hosting-popular .dolugo-btn i {
    display: none;
    font-size: 20px;
    animation: fadeInUp 1s;
    position: absolute;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

/* Popular Badge */
.dolugo-hosting-popular-badge {
    position: absolute;
    left: 50%;
    top: -20px;
    z-index: 1;
    padding: 5px 10px;
    background: linear-gradient(90deg, #facc15 0%, #f97316 100%) !important;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    transform: translatex( -50%);
}

.dolugo-hosting-popular-badge div {
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: var(--dolugo-primary);
    background: linear-gradient(var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
}

.dolugo-hosting-popular-badge div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid var(--dolugo-primary);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--dolugo-primary);
}

.dolugo-hosting-popular-badge div::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid var(--dolugo-primary);
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--dolugo-primary);
}

/* Package Title */
.dolugo-hosting-package-title {
    width: 100%;
    color: var(--dolugo-dark);
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 25px;
    color: var(--dolugo-primary);
}

.dolugo-hosting-package-title i {
    color: var(--dolugo-primary);
    margin-top: -12px;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 28px;
}

/* Package Divider */
.dolugo-hosting-package-divider {
    height: 1px;
    background: #cecece;
    width: 50%;
    display: inline-block;
    margin: 10px auto;
}

/* Package Period */
.dolugo-hosting-package-period {
    font-weight: 300;
    font-size: 22px;
    color: var(--dolugo-muted);
    line-height: 25px;
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

/* Package Price */
.dolugo-hosting-package-price {
    color: var(--dolugo-primary);
    float: left;
    width: 100%;
    font-size: 36px;
    font-weight: 900;
    margin: 20px 0;
}

.dolugo-hosting-package-price div {
    position: relative;
    display: inline;
}

.dolugo-amount-display {
    font-size: 36px;
    font-weight: 900;
    color: var(--dolugo-primary);
}

.dolugo-currency-symbol {
    font-style: normal;
    font-weight: 700;
}

.dolugo-currency-left {
    margin-right: 5px;
}

.dolugo-currency-right {
    margin-left: 5px;
}

/* Hosting Features */
.dolugo-hosting-feature {
    float: left;
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: var(--dolugo-dark);
    line-height: 1.4;
}

.dolugo-hosting-feature strong {
    color: var(--dolugo-primary);
    font-weight: 700;
}

.dolugo-hosting-features-text {
    width: 100%;
    padding: 15px;
    text-align: center;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

/* Buy Button */
.dolugo-hosting-buy-btn {
    margin-top: 20px;
    display: inline-block;
    width: 80%;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: var(--dolugo-success);
    color: white;
    border: none;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 50px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.dolugo-hosting-buy-btn:hover {
    background: var(--dolugo-primary);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-hosting-buy-btn i {
    margin-right: 8px;
}

/* Category Selector */
.dolugo-category-selector {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.dolugo-category-selector .dolugo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 50px;
    margin: 5px;
    font-size: 16px;
    border: 2px solid var(--dolugo-primary);
    color: var(--dolugo-primary);
    background: white;
    padding: 0 30px;
    border-radius: 50px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

.dolugo-category-selector .dolugo-btn:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-category-selector .dolugo-btn.dolugo-btn-active {
    background: var(--dolugo-primary);
    color: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-category-icon {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.dolugo-category-selector .dolugo-btn:hover .dolugo-category-icon {
    transform: scale(1.1);
}

/* Content Section */
.dolugo-content-section {
    margin: 40px 0;
    padding: 30px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    line-height: 1.6;
    color: var(--dolugo-dark);
}

/* FAQ Section */
.dolugo-faq-section {
    width: 100%;
    padding: 0 30px;
    border-top: 1px solid #ebebeb;
    margin: 40px 0;
}

.dolugo-accordion-header {
    font-size: 17px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    background: #f8f9fa;
    padding: 15px 20px;
    margin: 5px 0;
    cursor: pointer;
    border: 1px solid #e9ecef;
    color: var(--dolugo-dark);
    font-weight: 600;
}

.dolugo-accordion-header:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateX(5px);
}

.dolugo-accordion-content {
    padding: 20px;
    background: white;
    border: 1px solid #e9ecef;
    border-top: none;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-hosting-package {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-hosting-packages {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-category-selector {
        flex-direction: column;
        align-items: center;
    }
    
    .dolugo-category-selector .dolugo-btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .dolugo-content-section {
        padding: 20px;
        margin: 20px 0;
    }
}

@media (max-width: 480px) {
    .dolugo-hosting-package {
        padding: 20px 15px;
    }
    
    .dolugo-hosting-package-title {
        font-size: 24px;
        margin-top: 20px;
    }
    
    .dolugo-hosting-package-price {
        font-size: 28px;
    }
    
    .dolugo-hosting-buy-btn {
        width: 90%;
        font-size: 14px;
        padding: 12px 0;
    }
    
    .dolugo-category-selector .dolugo-btn {
        font-size: 14px;
        padding: 0 20px;
    }
    
    .dolugo-content-section {
        padding: 15px;
    }
    
    .dolugo-faq-title {
        font-size: 20px;
    }
    
    .dolugo-accordion-header {
        font-size: 15px;
        padding: 12px 15px;
    }
}

/* Index.php için Dolugo Partner CSS Stilleri */

/* Domain Check Section */
.dolugo-domain-check-section {
    width: 100%;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    padding: 60px 0;
    margin: 40px 0;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.dolugo-domain-check-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}

.dolugo-domain-check-container {
    position: relative;
    z-index: 2;
}

.dolugo-domain-check-content {
    text-align: center;
    color: white;
}

.dolugo-domain-check-header {
    margin-bottom: 40px;
}

.dolugo-domain-check-title {
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 20px;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.dolugo-domain-check-form {
    margin: 0 auto 30px auto;
    gap: 15px;
}

.dolugo-domain-check-input {
    flex: 1;
    padding: 18px 25px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-family: inherit;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.dolugo-domain-check-input:focus {
    outline: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

.dolugo-domain-check-submit {
    padding: 18px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    background: var(--dolugo-success);
    color: white;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.dolugo-domain-check-submit:hover {
    background: var(--dolugo-success-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* TLD Items */
.dolugo-tld-item {
    display: inline-block;
    margin: 15px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.dolugo-tld-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.dolugo-tld-logo {
    max-height: 40px;
    margin-bottom: 10px;
    filter: brightness(0) invert(1);
}

.dolugo-tld-name {
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin-bottom: 10px;
    display: block;
}

.dolugo-tld-price {
    margin: 0;
    color: white;
}

.dolugo-domain-check-predicted-price {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    font-weight: 500;
}

/* About Section */
.dolugo-about-section {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0;
    margin: 40px 0;
}

.dolugo-about-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.dolugo-about-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.dolugo-about-content {
    position: relative;
    z-index: 2;
    color: white;
    max-width: 600px;
}

.dolugo-about-title {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 20px;
    color: white;
}

.dolugo-about-description {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.9);
}

.dolugo-clear-mobile {
    display: none;
}

/* Product Groups */
.dolugo-product-group {
    margin: 40px 0;
}

.dolugo-product-packages {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
    border-radius: 15px;
    position: relative;
}

.dolugo-product-packages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
}

/* Category Tabs */
.dolugo-category-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.dolugo-category-tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    font-size: 16px;
    border: 2px solid var(--dolugo-primary);
    color: var(--dolugo-primary);
    background: white;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.dolugo-category-tab:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dolugo-category-tab.active {
    background: var(--dolugo-primary);
    color: white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dolugo-category-icon {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.dolugo-category-tab:hover .dolugo-category-icon {
    transform: scale(1.1);
}

/* Tab Contents */
.dolugo-tab-contents {
    position: relative;
    z-index: 2;
}

.dolugo-tab-content.active {
    display: block;
}

/* Product Packages */
.dolugo-product-package {
    background: white;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: center;
    margin: 8px;
    padding-bottom: 25px;
    border-radius: 15px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 2px solid transparent;
    min-height: 400px;
}

.dolugo-product-package:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.dolugo-product-package.dolugo-product-popular {
    border: 2px solid var(--dolugo-primary);
    padding: 25px 0;
    margin-top: -10px;
    overflow: hidden;
    position: relative;
}

.dolugo-product-popular-badge {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.dolugo-product-popular-badge div {
    font-size: 12px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: var(--dolugo-primary);
    background: linear-gradient(var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    left: -21px;
}

.dolugo-product-package-title {
    width: 100%;
    color: var(--dolugo-primary);
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 25px;
}

.dolugo-product-package-divider {
    height: 1px;
    background: #cecece;
    width: 50%;
    display: inline-block;
    margin: 10px auto;
}

.dolugo-product-package-period {
    font-weight: 300;
    font-size: 22px;
    color: var(--dolugo-muted);
    line-height: 25px;
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

.dolugo-product-package-price {
    color: var(--dolugo-primary);
    float: left;
    width: 100%;
    font-size: 36px;
    font-weight: 900;
    margin: 20px 0;
}

.dolugo-product-feature {
    float: left;
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: var(--dolugo-dark);
    line-height: 1.4;
}

.dolugo-product-feature strong {
    color: var(--dolugo-primary);
    font-weight: 700;
}

.dolugo-product-features-text {
    width: 100%;
    padding: 15px;
    text-align: left;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

.dolugo-product-buy-btn {
    margin-top: 20px;
    display: inline-block;
    width: 80%;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: var(--dolugo-success);
    color: white;
    border: none;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 50px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.dolugo-product-buy-btn:hover {
    background: var(--dolugo-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dolugo-product-out-of-stock {
    margin-top: 20px;
    display: inline-block;
    width: 80%;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: var(--dolugo-secondary);
    color: white;
    border: none;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 50px;
    font-size: 16px;
    cursor: not-allowed;
}

.dolugo-product-group-link {
    text-align: center;
    margin: 40px 0;
    font-size: 18px;
    color: var(--dolugo-primary);
}

.dolugo-product-group-link a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
}

.dolugo-product-group-link a:hover {
    text-decoration: underline;
}

/* Software Section */
.dolugo-software-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
    border-radius: 15px;
    position: relative;
}

.dolugo-software-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
}

.dolugo-software-item {
    background: white;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    text-align: center;
    margin: 8px;
    padding: 20px;
    border-radius: 15px;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    min-height: 300px;
}

.dolugo-software-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.dolugo-software-hover-info {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dolugo-software-item:hover .dolugo-software-hover-info {
    opacity: 1;
}

.dolugo-software-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--dolugo-primary);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.dolugo-software-tag-mobile {
    background: var(--dolugo-success);
}

.dolugo-software-content {
    margin-top: 40px;
}

.dolugo-software-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    border-radius: 8px;
}

.dolugo-software-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
}

.dolugo-software-price {
    margin: 0;
    color: var(--dolugo-primary);
}

.dolugo-software-footer {
    text-align: center;
    margin-top: 30px;
}

.dolugo-software-footer-link {
    font-size: 18px;
    color: var(--dolugo-primary);
}

.dolugo-software-footer-link a {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
}

.dolugo-software-footer-link a:hover {
    text-decoration: underline;
}

/* Features Section */
.dolugo-features-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 0;
    margin: 40px 0;
    position: relative;
}

.dolugo-features-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
}

.dolugo-features-divider {
    height: 3px;
    background: var(--dolugo-primary);
    width: 80px;
    margin: 20px auto;
    border-radius: 2px;
}

.dolugo-feature-item {
    background: white;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 8px;
    padding: 30px 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.dolugo-feature-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.dolugo-feature-icon {
    display: inline-block;
    margin-bottom: 20px;
}

.dolugo-feature-icon-inner {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    border-radius: 50%;
    line-height: 80px;
    color: white;
    font-size: 32px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.dolugo-feature-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 15px;
}

.dolugo-feature-description {
    font-size: 14px;
    line-height: 1.6;
    color: var(--dolugo-muted);
}

/* Customer Feedback */
.dolugo-customer-feedback {
    background: #f8f9fa;
    padding: 60px 0;
    margin: 40px 0;
    border-radius: 15px;
}

.dolugo-feedback-form-container {
    background: white;
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.dolugo-feedback-form-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.dolugo-feedback-form-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-feedback-form-content {
    padding: 20px 0;
}

.dolugo-feedback-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-feedback-form-info {
    font-size: 16px;
    color: var(--dolugo-muted);
    text-align: center;
    margin-bottom: 20px;
}

.dolugo-form-input {
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.3s ease;
}

.dolugo-form-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
}

.dolugo-form-input-30 {
    width: 30%;
}

.dolugo-form-input-50 {
    width: 50%;
}

.dolugo-form-textarea {
    width: 100%;
    height: 120px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.3s ease;
}

.dolugo-form-textarea:focus {
    outline: none;
    border-color: var(--dolugo-primary);
}

.dolugo-form-file-upload {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--dolugo-dark);
}

.dolugo-form-file {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.dolugo-captcha-container {
    display: inline-block;
    margin-right: 10px;
}

.dolugo-captcha-input {
    width: 200px;
}

.dolugo-form-divider {
    border: none;
    height: 1px;
    background: #eee;
    margin: 20px 0;
}

.dolugo-feedback-submit {
    align-self: flex-end;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
}

.dolugo-form-output {
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
}

.dolugo-feedback-success {
    text-align: center;
    padding: 40px 20px;
}

.dolugo-feedback-success-content {
    max-width: 400px;
    margin: 0 auto;
}

.dolugo-feedback-success-icon {
    font-size: 80px;
    color: var(--dolugo-success);
    margin-bottom: 20px;
}

.dolugo-feedback-success-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-success);
    margin-bottom: 15px;
}

.dolugo-feedback-success-subtitle {
    font-size: 18px;
    color: var(--dolugo-muted);
}

/* Feedback Carousel */
.dolugo-feedback-carousel {
    position: relative;
    z-index: 2;
}

.dolugo-feedback-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dolugo-feedback-item {
    background: white;
    border-radius: 15px;
    padding: 30px;
    margin: 20px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.dolugo-feedback-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.dolugo-feedback-message {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.dolugo-feedback-message::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f8f9fa;
}

.dolugo-feedback-message-content {
    font-size: 16px;
    line-height: 1.6;
    color: var(--dolugo-dark);
    font-style: italic;
}

.dolugo-feedback-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-feedback-arrow {
    color: var(--dolugo-primary);
    font-size: 24px;
}

.dolugo-feedback-author-image {
    border-radius: 50%;
    border: 3px solid var(--dolugo-primary);
}

.dolugo-feedback-author-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-feedback-author-company {
    font-size: 14px;
    color: var(--dolugo-muted);
    margin: 0;
}

.dolugo-clearfix {
    clear: both;
}

.dolugo-pager {
    text-align: center;
    margin-top: 20px;
}

/* News Articles */
.dolugo-news-articles {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
    border-radius: 15px;
    position: relative;
}

.dolugo-news-articles::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
}

.dolugo-news-section {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}

.dolugo-news-content {
    padding: 25px;
}

.dolugo-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.dolugo-news-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-news-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
}

.dolugo-news-link:hover {
    text-decoration: underline;
}

.dolugo-news-carousel {
    position: relative;
}

.dolugo-news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dolugo-news-item {
    background: white;
    border-radius: 10px;
    padding: 20px;
    margin: 15px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.dolugo-news-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.dolugo-news-item img {
    border-radius: 8px;
    margin-bottom: 15px;
}

.dolugo-news-item h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
}

.dolugo-news-item h4 a {
    color: var(--dolugo-dark);
    text-decoration: none;
}

.dolugo-news-item h4 a:hover {
    color: var(--dolugo-primary);
}

.dolugo-news-item span {
    font-size: 14px;
    color: var(--dolugo-muted);
}

.dolugo-news-item p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--dolugo-muted);
    margin: 0;
}

/* Statistics Section */
.dolugo-statistics-section {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    padding: 80px 0;
    margin: 40px 0;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.dolugo-statistics-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain2" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain2)"/></svg>');
    opacity: 0.3;
}

.dolugo-statistic-item {
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    vertical-align: top;
    width: 23%;
    text-align: center;
    margin: 8px;
    padding: 30px 20px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.dolugo-statistic-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.dolugo-statistic-number {
    font-size: 48px;
    font-weight: 900;
    color: white;
    margin: 0 0 15px 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.dolugo-statistic-title {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 20px 0;
}

.dolugo-statistic-icon {
    font-size: 32px;
    color: rgba(255, 255, 255, 0.8);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-domain-check-title {
        font-size: 32px;
    }
    
    .dolugo-domain-check-input,
    .dolugo-domain-check-submit {
        width: 100%;
    }
    
    .dolugo-tld-item {
        width: calc(50% - 30px);
        margin: 10px;
    }
    
    .dolugo-product-package,
    .dolugo-software-item,
    .dolugo-feature-item,
    .dolugo-statistic-item {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-category-tabs {
        flex-direction: column;
        align-items: center;
    }
    
    .dolugo-category-tab {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .dolugo-form-input-30,
    .dolugo-form-input-50 {
        width: 100%;
    }
    
    .dolugo-about-content {
        text-align: center;
        max-width: 100%;
    }
    
    .dolugo-about-title {
        font-size: 28px;
    }
    
    .dolugo-about-description {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .dolugo-domain-check-section {
        padding: 40px 20px;
    }
    
    .dolugo-domain-check-title {
        font-size: 28px;
    }
    
    .dolugo-tld-item {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-product-package,
    .dolugo-software-item,
    .dolugo-feature-item,
    .dolugo-statistic-item {
        padding: 20px 15px;
    }
    
    .dolugo-product-package-title {
        font-size: 24px;
    }
    
    .dolugo-product-package-price {
        font-size: 28px;
    }
    
    .dolugo-about-title {
        font-size: 24px;
    }
    
    .dolugo-about-description {
        font-size: 14px;
    }
    
    .dolugo-statistic-number {
        font-size: 36px;
    }
    
    .dolugo-statistic-title {
        font-size: 16px;
    }
    
    .dolugo-feedback-form-container {
        padding: 20px 15px;
    }
    
    .dolugo-news-content {
        padding: 15px;
    }
}

/* International SMS Introduction için Dolugo Partner CSS Stilleri */

.dolugo-international-sms-introduction {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin: 40px 0;
    align-items: start;
}

.dolugo-sms-left-block {
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.dolugo-sms-left-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
}

.dolugo-sms-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dolugo-sms-content .dolugo-btn {
    justify-content: center;
}

.dolugo-sms-slogan {
    font-size: 28px;
    font-weight: 900;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
    line-height: 1.3;
}

.dolugo-sms-description {
    font-size: 18px;
    line-height: 1.6;
    color: var(--dolugo-dark);
    margin-bottom: 25px;
    font-weight: 500;
}

.dolugo-sms-api-desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--dolugo-muted);
    margin-bottom: 25px;
    font-weight: 400;
}

.dolugo-sms-api-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dolugo-sms-api-btn i {
    font-size: 18px;
}

.dolugo-sms-right-block {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.dolugo-sms-right-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
}

.dolugo-sms-calculator {
    position: relative;
    z-index: 2;
}

.dolugo-sms-calculator-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-sms-country-select {
    margin-bottom: 25px;
}

.dolugo-form-select {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 16px;
    font-family: inherit;
    background: white;
    transition: all 0.3s ease;
    cursor: pointer;
}

.dolugo-form-select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.dolugo-sms-calculate-result {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;
}

.dolugo-sms-calculate-note {
    font-size: 14px;
    color: var(--dolugo-muted);
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.5;
}

.dolugo-sms-currency-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 25px;
}

.dolugo-currency-button {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 60px;
    text-align: center;
}

.dolugo-currency-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-currency-button.dolugo-currency-active {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-sms-price-display {
    text-align: center;
    margin-bottom: 20px;
}

.dolugo-sms-country-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
}

.dolugo-sms-price-info {
    margin-bottom: 20px;
}

.dolugo-currency-content {
    margin-bottom: 15px;
}

.dolugo-sms-price-item {
    margin-bottom: 10px;
}

.dolugo-sms-price-label {
    font-size: 18px;
    color: var(--dolugo-dark);
    font-weight: 500;
}

.dolugo-sms-price-amount {
    font-size: 24px;
    font-weight: 900;
    color: var(--dolugo-primary);
    margin: 0 5px;
}

.dolugo-sms-price-currency {
    font-size: 20px;
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-sms-price-bulk {
    margin-top: 10px;
}

.dolugo-sms-bulk-label {
    font-size: 16px;
    color: var(--dolugo-muted);
}

.dolugo-sms-bulk-amount {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin: 0 5px;
}

.dolugo-sms-bulk-currency {
    font-size: 16px;
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-sms-pre-register-note {
    font-size: 13px;
    color: var(--dolugo-warning);
    text-align: center;
    padding: 10px;
    background: rgba(255, 193, 7, 0.1);
    border-radius: 5px;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.dolugo-sms-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--dolugo-primary), transparent);
    margin: 30px 0;
    border-radius: 1px;
}

.dolugo-sms-download-section {
    text-align: center;
}

.dolugo-sms-download-btn {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.dolugo-sms-download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Select2 Customization */
.dolugo-select2-flag {
    width: 20px;
    height: 15px;
    margin-right: 8px;
    border-radius: 2px;
    vertical-align: middle;
}

/* FAQ Section */
.dolugo-faq-section {
    background: white;
    border-radius: 15px;
    padding: 40px;
    margin: 40px 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.dolugo-accordion-header {
    background: #f8f9fa;
    border: none;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 600;
    color: var(--dolugo-dark);
    cursor: pointer;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    position: relative;
}

.dolugo-accordion-header:hover {
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-accordion-header.ui-state-active {
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-accordion-content {
    padding: 20px 25px;
    background: white;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-international-sms-introduction {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-sms-left-block,
    .dolugo-sms-right-block {
        padding: 30px 20px;
    }
    
    .dolugo-sms-slogan {
        font-size: 24px;
    }
    
    .dolugo-sms-description {
        font-size: 16px;
    }
    
    .dolugo-sms-calculator-title {
        font-size: 20px;
    }
    
    .dolugo-sms-currency-selector {
        justify-content: center;
    }
    
    .dolugo-currency-button {
        min-width: 50px;
        padding: 8px 15px;
        font-size: 13px;
    }
    
    .dolugo-sms-price-amount {
        font-size: 20px;
    }
    
    .dolugo-sms-price-currency {
        font-size: 18px;
    }
    
    .dolugo-faq-section {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-sms-left-block,
    .dolugo-sms-right-block {
        padding: 20px 15px;
    }
    
    .dolugo-sms-slogan {
        font-size: 20px;
    }
    
    .dolugo-sms-description {
        font-size: 14px;
    }
    
    .dolugo-sms-calculator-title {
        font-size: 18px;
    }
    
    .dolugo-sms-calculate-result {
        padding: 20px 15px;
    }
    
    .dolugo-sms-currency-selector {
        gap: 8px;
    }
    
    .dolugo-currency-button {
        min-width: 45px;
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .dolugo-sms-price-amount {
        font-size: 18px;
    }
    
    .dolugo-sms-price-currency {
        font-size: 16px;
    }
    
    .dolugo-faq-section {
        padding: 20px 15px;
    }
    
    .dolugo-accordion-header {
        padding: 15px 20px;
        font-size: 14px;
    }
    
    .dolugo-accordion-content {
        padding: 15px 20px;
    }
}

/* Knowledgebase Detail için Dolugo Partner CSS Stilleri */

.dolugo-knowledgebase-detail {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    margin: 40px 0;
    align-items: start;
}

.dolugo-knowledgebase-detail:not(.dolugo-knowledgebase-detail[style*="width:100%"]) {
    grid-template-columns: 1fr 300px;
}

.dolugo-knowledgebase-content {
    position: relative;
}

.dolugo-knowledgebase-article {
    position: relative;
    z-index: 2;
}

.dolugo-article-header {
    margin-bottom: 30px;
}

.dolugo-article-title {
    font-size: 32px;
    font-weight: 900;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
    line-height: 1.3;
}

.dolugo-article-divider {
    height: 2px;
    background: linear-gradient(90deg, var(--dolugo-primary), transparent);
    margin: 20px 0;
    border-radius: 1px;
}

.dolugo-article-content {
    font-size: 16px;
    line-height: 1.8;
    color: var(--dolugo-dark);
    margin-bottom: 30px;
}

.dolugo-article-content h1,
.dolugo-article-content h2,
.dolugo-article-content h3,
.dolugo-article-content h4,
.dolugo-article-content h5,
.dolugo-article-content h6 {
    color: var(--dolugo-primary);
    margin: 25px 0 15px 0;
    font-weight: 700;
}

.dolugo-article-content p {
    margin-bottom: 15px;
}

.dolugo-article-content ul,
.dolugo-article-content ol {
    margin: 15px 0;
    padding-left: 25px;
}

.dolugo-article-content li {
    margin-bottom: 8px;
}

.dolugo-article-content blockquote {
    border-left: 4px solid var(--dolugo-primary);
    padding: 15px 20px;
    margin: 20px 0;
    background: #f8f9fa;
    border-radius: 0 8px 8px 0;
    font-style: italic;
}

.dolugo-article-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    color: var(--dolugo-primary);
}

.dolugo-article-content pre {
    background: #2d3748;
    color: #e2e8f0;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
}

.dolugo-article-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

/* Ticket Section */
.dolugo-ticket-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid var(--dolugo-primary);
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.dolugo-ticket-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ticket-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(0,123,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23ticket-pattern)"/></svg>');
    opacity: 0.3;
}

.dolugo-ticket-container {
    position: relative;
    z-index: 2;
}

.dolugo-ticket-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin-bottom: 15px;
    text-align: center;
}

.dolugo-ticket-description {
    font-size: 16px;
    line-height: 1.6;
    color: var(--dolugo-dark);
    margin-bottom: 25px;
}

.dolugo-ticket-btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.dolugo-ticket-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dolugo-ticket-btn i {
    font-size: 18px;
}

/* Voting Section */
.dolugo-voting-section {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.dolugo-voting-question {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin-bottom: 25px;
}

.dolugo-voting-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.dolugo-voting-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 140px;
    justify-content: center;
}

.dolugo-voting-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dolugo-voting-btn i {
    font-size: 18px;
}

.dolugo-voting-text {
    font-weight: 600;
}

.dolugo-voting-success {
    padding: 15px 25px;
    border-radius: 8px;
    margin: 15px 0;
    font-size: 16px;
    font-weight: 600;
}

.dolugo-voting-useful-success {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.dolugo-voting-useless-success {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.3);
}

.dolugo-voting-again {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.dolugo-clear-mobile {
    display: none;
}

.dolugo-article-info {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.dolugo-article-stats {
    font-size: 14px;
    color: var(--dolugo-muted);
    font-weight: 500;
}

/* Sidebar */
.dolugo-knowledgebase-sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
}

.dolugo-sidebar-content {
    position: relative;
}

.dolugo-sidebar-section {
    margin-bottom: 30px;
}

.dolugo-sidebar-section:last-child {
    margin-bottom: 0;
}

.dolugo-sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dolugo-primary);
    position: relative;
}

.dolugo-sidebar-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 30px;
    height: 2px;
    background: var(--dolugo-primary-dark);
}

.dolugo-category-links,
.dolugo-popular-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-category-link,
.dolugo-popular-link {
    display: block;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.dolugo-category-link:hover,
.dolugo-popular-link:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-category-title,
.dolugo-popular-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--dolugo-dark);
    transition: color 0.3s ease;
}

.dolugo-category-count {
    font-size: 12px;
    color: var(--dolugo-muted);
    margin-left: 5px;
    transition: color 0.3s ease;
}

.dolugo-category-link:hover .dolugo-category-title,
.dolugo-category-link:hover .dolugo-category-count,
.dolugo-popular-link:hover .dolugo-popular-title {
    color: white;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-ticket-container {
        text-align: left;
    }

    .dolugo-knowledgebase-detail {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-article-title {
        font-size: 28px;
    }
    
    .dolugo-article-content {
        font-size: 15px;
    }
    
    .dolugo-ticket-section {
        padding: 25px 20px;
    }
    
    .dolugo-ticket-title {
        font-size: 20px;
    }
    
    .dolugo-voting-section {
        padding: 25px 20px;
    }
    
    .dolugo-voting-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .dolugo-voting-btn {
        width: 100%;
        max-width: 250px;
    }
    
    .dolugo-knowledgebase-sidebar {
        position: static;
        top: auto;
    }
}

@media (max-width: 480px) {
    .dolugo-article-title {
        font-size: 24px;
    }
    
    .dolugo-article-content {
        font-size: 14px;
    }
    
    .dolugo-ticket-section {
        padding: 20px 15px;
    }
    
    .dolugo-ticket-title {
        font-size: 18px;
    }
    
    .dolugo-ticket-description {
        font-size: 14px;
    }
    
    .dolugo-voting-section {
        padding: 20px 15px;
    }
    
    .dolugo-voting-question {
        font-size: 16px;
    }
    
    .dolugo-voting-btn {
        padding: 12px 20px;
        font-size: 14px;
        min-width: 120px;
    }
    
    .dolugo-sidebar-title {
        font-size: 16px;
    }
    
    .dolugo-category-link,
    .dolugo-popular-link {
        padding: 10px 12px;
    }
    
    .dolugo-category-title,
    .dolugo-popular-title {
        font-size: 13px;
    }
}

/* Knowledgebase için Dolugo Partner CSS Stilleri */

.dolugo-knowledgebase {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

.dolugo-knowledgebase-main {
    position: relative;
    z-index: 2;
}

/* Welcome Section */
.dolugo-welcome-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid var(--dolugo-primary);
    border-radius: 15px;
    padding: 40px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.dolugo-welcome-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="welcome-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(0,123,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23welcome-pattern)"/></svg>');
    opacity: 0.3;
}

.dolugo-welcome-title {
    font-size: 32px;
    font-weight: 900;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.dolugo-welcome-content {
    font-size: 18px;
    line-height: 1.6;
    color: var(--dolugo-dark);
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

/* Search Form */
.dolugo-search-form {
    position: relative;
    z-index: 2;
}

.dolugo-search-container {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    gap: 15px;
    align-items: center;
}

.dolugo-search-input {
    flex: 1;
    padding: 18px 25px;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
}

.dolugo-search-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.dolugo-search-btn {
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
    cursor: pointer;
}

.dolugo-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Section Divider */
.dolugo-section-divider {
    height: 2px;
    background: linear-gradient(90deg, var(--dolugo-primary), transparent);
    margin: 30px 0;
    border-radius: 1px;
}

/* Content Section */
.dolugo-content-section {
    margin-top: 40px;
}

.dolugo-section-header {
    margin-bottom: 30px;
}

.dolugo-section-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin-bottom: 20px;
}

/* Subcategories */
.dolugo-subcategories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.dolugo-subcategory-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.dolugo-subcategory-item {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.dolugo-subcategory-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--dolugo-primary);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.dolugo-subcategory-item:hover {
    border-color: var(--dolugo-primary);
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.dolugo-subcategory-item:hover::before {
    transform: scaleY(1);
}

.dolugo-subcategory-icon {
    text-align: center;
    margin-bottom: 20px;
}

.dolugo-subcategory-icon i {
    font-size: 48px;
    color: var(--dolugo-primary);
    transition: transform 0.3s ease;
}

.dolugo-subcategory-item:hover .dolugo-subcategory-icon i {
    transform: scale(1.1);
}

.dolugo-subcategory-content {
    text-align: center;
}

.dolugo-subcategory-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin-bottom: 15px;
    line-height: 1.3;
}

.dolugo-subcategory-count {
    color: var(--dolugo-muted);
    font-weight: 500;
}

.dolugo-subcategory-description {
    font-size: 14px;
    line-height: 1.6;
    color: var(--dolugo-dark);
    margin: 0;
}

/* Articles List */
.dolugo-articles-list {
    margin-bottom: 30px;
}

.dolugo-article-item {
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.dolugo-article-item:last-child {
    border-bottom: none;
}

.dolugo-article-item:hover {
    background: #f8f9fa;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.dolugo-article-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.dolugo-article-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.dolugo-article-link:hover {
    color: var(--dolugo-primary-dark);
}

.dolugo-article-link i {
    margin-right: 8px;
    color: var(--dolugo-primary);
    transition: transform 0.3s ease;
}

.dolugo-article-item:hover .dolugo-article-link i {
    transform: translateX(3px);
}

.dolugo-article-stats {
    font-size: 14px;
    color: var(--dolugo-muted);
    font-weight: 400;
    margin-left: 10px;
}

/* Pagination */
.dolugo-pagination {
    text-align: center;
    margin-top: 30px;
    padding: 20px 0;
}

/* No Content */
.dolugo-no-content {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 15px;
    margin: 30px 0;
}

.dolugo-error-message {
    font-size: 18px;
    color: var(--dolugo-muted);
    margin: 0;
    font-weight: 500;
}

/* Category Content */
.dolugo-category-content {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0;
    border-left: 4px solid var(--dolugo-primary);
}

.dolugo-category-content h1,
.dolugo-category-content h2,
.dolugo-category-content h3,
.dolugo-category-content h4,
.dolugo-category-content h5,
.dolugo-category-content h6 {
    color: var(--dolugo-primary);
    margin: 25px 0 15px 0;
    font-weight: 700;
}

.dolugo-category-content p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

.dolugo-category-content ul,
.dolugo-category-content ol {
    margin: 15px 0;
    padding-left: 25px;
}

.dolugo-category-content li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-features-section {
        padding: 0px;
    }

    .dolugo-knowledgebase {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-welcome-section {
        padding: 30px 20px;
    }
    
    .dolugo-welcome-title {
        font-size: 28px;
    }
    
    .dolugo-welcome-content {
        font-size: 16px;
    }
    
    .dolugo-search-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-search-input,
    .dolugo-search-btn {
        width: 100%;
    }
    
    .dolugo-subcategories {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-section-title {
        font-size: 24px;
    }
    
    .dolugo-subcategory-title {
        font-size: 18px;
    }
    
    .dolugo-knowledgebase-sidebar {
        position: static;
        top: auto;
    }
}

@media (max-width: 480px) {
    .dolugo-welcome-section {
        padding: 25px 15px;
    }
    
    .dolugo-welcome-title {
        font-size: 24px;
    }
    
    .dolugo-welcome-content {
        font-size: 14px;
    }
    
    .dolugo-search-input {
        padding: 15px 20px;
        font-size: 14px;
    }
    
    .dolugo-search-btn {
        padding: 15px 25px;
        font-size: 14px;
    }
    
    .dolugo-section-title {
        font-size: 20px;
    }
    
    .dolugo-subcategory-item {
        padding: 20px 15px;
    }
    
    .dolugo-subcategory-title {
        font-size: 16px;
    }
    
    .dolugo-subcategory-description {
        font-size: 13px;
    }
    
    .dolugo-article-title {
        font-size: 14px;
    }
    
    .dolugo-article-stats {
        font-size: 12px;
    }
    
    .dolugo-category-content {
        padding: 20px 15px;
    }
}

/* License için Dolugo Partner CSS Stilleri */

.dolugo-license-verify {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0;
}

.dolugo-license-verify-box {
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.dolugo-license-verify-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
}

/* License Form */
.dolugo-license-form {
    position: relative;
    z-index: 2;
}

.dolugo-form-group {
    margin-bottom: 25px;
}

.dolugo-license-domain-input {
    width: 100%;
    padding: 18px 25px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    text-align: center;
}

.dolugo-license-domain-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.dolugo-license-domain-input::placeholder {
    color: var(--dolugo-muted);
    font-weight: 500;
}

/* Captcha */
.dolugo-captcha-container {
    text-align: center;
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.dolugo-captcha-input {
    width: 200px;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
    text-align: center;
}

.dolugo-captcha-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Form Actions */
.dolugo-form-actions {
    text-align: center;
}

.dolugo-license-check-btn {
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-block;
    min-width: 200px;
}

.dolugo-license-check-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* License Verification Results */
.dolugo-license-verification-result {
    margin-top: 40px;
}

.dolugo-license-result {
    border-radius: 15px;
    padding: 30px;
    margin: 20px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.dolugo-license-result::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    z-index: 1;
}

.dolugo-license-result-content {
    position: relative;
    z-index: 2;
}

.dolugo-license-result-icon {
    margin-bottom: 20px;
}

.dolugo-license-result-icon i {
    font-size: 64px;
    transition: transform 0.3s ease;
}

.dolugo-license-result:hover .dolugo-license-result-icon i {
    transform: scale(1.1);
}

.dolugo-license-result-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* License OK Result */
.dolugo-license-ok {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    color: #155724;
}

.dolugo-license-ok::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ok-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(40,167,69,0.3)"/></pattern></defs><rect width="100" height="100" fill="url(%23ok-pattern)"/></svg>');
}

.dolugo-license-ok .dolugo-license-result-icon i {
    color: #28a745;
}

.dolugo-license-ok .dolugo-license-result-title {
    color: #155724;
}

/* License None Result */
.dolugo-license-none {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    border: 2px solid #dc3545;
    color: #721c24;
}

.dolugo-license-none::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="none-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(220,53,69,0.3)"/></pattern></defs><rect width="100" height="100" fill="url(%23none-pattern)"/></svg>');
}

.dolugo-license-none .dolugo-license-result-icon i {
    color: #dc3545;
}

.dolugo-license-none .dolugo-license-result-title {
    color: #721c24;
}

/* Report Button */
.dolugo-license-report-btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px;
}

.dolugo-license-report-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-license-verify {
        padding: 30px 20px;
    }
    
    .dolugo-license-verify-box {
        padding: 30px 20px;
    }
    
    .dolugo-license-domain-input {
        padding: 15px 20px;
        font-size: 14px;
    }
    
    .dolugo-license-check-btn {
        padding: 15px 30px;
        font-size: 16px;
        min-width: 180px;
    }
    
    .dolugo-license-result {
        padding: 25px 20px;
    }
    
    .dolugo-license-result-icon i {
        font-size: 48px;
    }
    
    .dolugo-license-result-title {
        font-size: 20px;
    }
    
    .dolugo-captcha-input {
        width: 100%;
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .dolugo-license-verify {
        padding: 20px 15px;
    }
    
    .dolugo-license-verify-box {
        padding: 25px 15px;
    }
    
    .dolugo-license-domain-input {
        padding: 12px 15px;
        font-size: 13px;
    }
    
    .dolugo-license-check-btn {
        padding: 12px 25px;
        font-size: 14px;
        min-width: 160px;
    }
    
    .dolugo-license-result {
        padding: 20px 15px;
    }
    
    .dolugo-license-result-icon i {
        font-size: 40px;
    }
    
    .dolugo-license-result-title {
        font-size: 18px;
    }
    
    .dolugo-license-report-btn {
        padding: 12px 25px;
        font-size: 14px;
    }
    
    .dolugo-captcha-container {
        padding: 15px;
        margin: 15px 0;
    }
}

/* Master Content için Dolugo Partner CSS Stilleri */

/* Theme Preview */
.dolugo-theme-preview {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    color: white;
    padding: 15px 20px;
    text-align: center;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-theme-preview-text {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.dolugo-theme-preview-btn {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.dolugo-theme-preview-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-1px);
}

/* Loading Container */
.dolugo-loading-container {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dolugo-loading-content {
    text-align: center;
}

.dolugo-loading-text {
    font-size: 19px;
    color: #ff0000;
}

.dolugo-loading-image {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Mobile Menu Toggle */
.dolugo-mobile-menu-toggle {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    background: var(--dolugo-primary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: white;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.dolugo-mobile-menu-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.dolugo-mobile-menu-close {
    width: 20px;
    height: 2px;
    background: white;
    margin: 0 auto;
    position: relative;
}

.dolugo-mobile-menu-close::before,
.dolugo-mobile-menu-close::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: white;
    top: 0;
    left: 0;
}

.dolugo-mobile-menu-close::before {
    transform: rotate(45deg);
}

.dolugo-mobile-menu-close::after {
    transform: rotate(-45deg);
}

/* Right Content */
.dolugo-right-content {
    margin-left: 280px;
    min-height: 100vh;
    background: #f8f9fa;
    transition: margin-left 0.3s ease;
}

/* Modern Client Content */
.dolugo-modern-client-content {
    min-height: calc(100vh - 200px);
}

/* Page Header */
.dolugo-page-header {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-left: 4px solid var(--dolugo-primary);
}

.dolugo-page-description {
    font-size: 18px;
    color: white;
    line-height: 1.6;
}

/* Social Share Container */
.dolugo-social-share-container {
    background: white;
    border-radius: 15px;
    padding: 20px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Scroll to Top */
.dolugo-scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--dolugo-primary);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.dolugo-scroll-to-top:hover {
    background: var(--dolugo-primary-dark);
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.dolugo-scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-right-content {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .dolugo-basket-right {
        position: unset;
        max-width: unset;
        width: 100%;
    }

    .dolugo-page-header {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-page-description {
        font-size: 16px;
    }
    
    .dolugo-right-content-header {
        padding: 15px 20px;
    }
    
    .dolugo-social-share-container {
        padding: 15px 20px;
        margin-bottom: 20px;
    }
    
    .dolugo-scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .dolugo-page-header {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .dolugo-page-description {
        font-size: 14px;
    }
    
    .dolugo-right-content-header {
        padding: 10px 15px;
    }
    
    .dolugo-social-share-container {
        padding: 10px 15px;
        margin-bottom: 15px;
    }
    
    .dolugo-theme-preview {
        padding: 10px 15px;
    }
    
    .dolugo-theme-preview-text {
        font-size: 14px;
    }
    
    .dolugo-theme-preview-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* News için Dolugo Partner CSS Stilleri */

/* News Container */
.dolugo-news-main {
    flex: 1;
    margin-right: 0;
}

/* News Card */
.dolugo-news-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.dolugo-news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    border-color: var(--dolugo-primary);
}

/* News Image */
.dolugo-news-image-container {
    position: relative;
    overflow: hidden;
}

.dolugo-news-image-link {
    display: block;
    position: relative;
    overflow: hidden;
}

.dolugo-news-image {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    display: block;
}

.dolugo-news-card:hover .dolugo-news-image {
    transform: scale(1.05);
}

/* News Content */
.dolugo-news-content {
    padding: 25px;
}

.dolugo-news-title {
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
}

.dolugo-news-title-link {
    color: var(--dolugo-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-news-title-link:hover {
    color: var(--dolugo-primary);
}

.dolugo-news-excerpt {
    color: var(--dolugo-muted);
    line-height: 1.6;
    margin: 0 0 20px 0;
    font-size: 16px;
}

/* News Meta */
.dolugo-news-meta {
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}

.dolugo-news-read-more {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dolugo-news-read-more:hover {
    color: var(--dolugo-primary-dark);
    transform: translateX(5px);
}

.dolugo-news-read-more i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.dolugo-news-read-more:hover i {
    transform: translateX(3px);
}

/* News Pagination */
.dolugo-news-pagination {
    margin-top: 40px;
    text-align: center;
}

.dolugo-news-pagination .pagination {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.dolugo-news-pagination .pagination a,
.dolugo-news-pagination .pagination span {
    padding: 12px 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    color: var(--dolugo-muted);
    font-weight: 500;
}

.dolugo-news-pagination .pagination a:hover {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
    transform: translateY(-2px);
}

.dolugo-news-pagination .pagination .current {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

/* No Content */
.dolugo-news-no-content {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.dolugo-news-no-content-icon {
    margin-bottom: 20px;
}

.dolugo-news-no-content-icon i {
    font-size: 64px;
    color: var(--dolugo-muted);
    opacity: 0.5;
}

.dolugo-news-no-content-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0 0 15px 0;
}

.dolugo-news-no-content-text {
    color: var(--dolugo-muted);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* News Sidebar */
.dolugo-news-sidebar {
    width: 300px;
    flex-shrink: 0;
}

.dolugo-sidebar-section {
    background: white;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-sidebar-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--dolugo-primary);
}

.dolugo-sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-sidebar-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: var(--dolugo-dark);
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.dolugo-sidebar-link:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateX(5px);
    border-color: var(--dolugo-primary);
}

.dolugo-sidebar-link-text {
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
}

.dolugo-sidebar-link i {
    font-size: 12px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.dolugo-sidebar-link:hover i {
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-news-main {
        margin-right: 20px;
    }
    
    .dolugo-news-sidebar {
        width: 280px;
    }
}

@media (max-width: 768px) {
    .dolugo-page-container {
        flex-direction: column;
    }
    
    .dolugo-news-main {
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .dolugo-news-sidebar {
        width: 100%;
    }
    
    .dolugo-news-card {
        margin-bottom: 20px;
    }
    
    .dolugo-news-content {
        padding: 20px;
    }
    
    .dolugo-news-title {
        font-size: 20px;
    }
    
    .dolugo-news-excerpt {
        font-size: 15px;
    }
    
    .dolugo-sidebar-section {
        padding: 20px;
    }
    
    .dolugo-sidebar-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .dolugo-news-content {
        padding: 15px;
    }
    
    .dolugo-news-title {
        font-size: 18px;
    }
    
    .dolugo-news-excerpt {
        font-size: 14px;
    }
    
    .dolugo-news-read-more {
        font-size: 13px;
    }
    
    .dolugo-sidebar-section {
        padding: 15px;
    }
    
    .dolugo-sidebar-title {
        font-size: 16px;
    }
    
    .dolugo-sidebar-link {
        padding: 12px;
    }
    
    .dolugo-news-no-content {
        padding: 40px 15px;
    }
    
    .dolugo-news-no-content-icon i {
        font-size: 48px;
    }
    
    .dolugo-news-no-content-title {
        font-size: 20px;
    }
    
    .dolugo-news-no-content-text {
        font-size: 14px;
    }
}

/* Newsletter Unsubscribe için Dolugo Partner CSS Stilleri */

/* Newsletter Container */
.dolugo-newsletter-unsubscribe-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 20px;
}

.dolugo-newsletter-unsubscribe-content {
    background: white;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dolugo-newsletter-unsubscribe-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
}

/* Newsletter Header */
.dolugo-newsletter-header {
    margin-bottom: 40px;
}

.dolugo-newsletter-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 15px 0;
    line-height: 1.2;
}

.dolugo-newsletter-description {
    font-size: 18px;
    color: var(--dolugo-muted);
    line-height: 1.6;
    margin: 0;
}

/* Newsletter Form */
.dolugo-newsletter-form {
    margin-bottom: 30px;
}

.dolugo-form-group {
    margin-bottom: 25px;
}

.dolugo-newsletter-email-input {
    width: 100%;
    padding: 18px 25px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    text-align: center;
    box-sizing: border-box;
}

.dolugo-newsletter-email-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.dolugo-newsletter-email-input::placeholder {
    color: var(--dolugo-muted);
    font-weight: 500;
}

/* Form Actions */
.dolugo-newsletter-submit-btn {
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-block;
    min-width: 200px;
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-newsletter-submit-btn:hover {
    background: var(--dolugo-primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Error Message */
.dolugo-error-message {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/* Newsletter Success */
.dolugo-newsletter-success {
    text-align: center;
    padding: 20px 0;
}

.dolugo-newsletter-success-content {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dolugo-newsletter-success-icon {
    margin-bottom: 25px;
}

.dolugo-newsletter-success-icon i {
    font-size: 80px;
    color: #28a745;
    animation: successPulse 1s ease-out;
}

@keyframes successPulse {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dolugo-newsletter-success-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.dolugo-newsletter-success-message {
    font-size: 18px;
    color: var(--dolugo-muted);
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-newsletter-unsubscribe-content {
        padding: 40px 30px;
        margin: 20px;
    }
    
    .dolugo-newsletter-title {
        font-size: 28px;
    }
    
    .dolugo-newsletter-description {
        font-size: 16px;
    }
    
    .dolugo-newsletter-email-input {
        padding: 16px 20px;
        font-size: 15px;
    }
    
    .dolugo-newsletter-submit-btn {
        padding: 16px 30px;
        font-size: 16px;
        min-width: 180px;
    }
    
    .dolugo-newsletter-success-icon i {
        font-size: 64px;
    }
    
    .dolugo-newsletter-success-title {
        font-size: 24px;
    }
    
    .dolugo-newsletter-success-message {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .dolugo-newsletter-unsubscribe-container {
        padding: 15px;
    }
    
    .dolugo-newsletter-unsubscribe-content {
        padding: 30px 20px;
        margin: 10px;
    }
    
    .dolugo-newsletter-title {
        font-size: 24px;
    }
    
    .dolugo-newsletter-description {
        font-size: 15px;
    }
    
    .dolugo-newsletter-email-input {
        padding: 14px 18px;
        font-size: 14px;
    }
    
    .dolugo-newsletter-submit-btn {
        padding: 14px 25px;
        font-size: 15px;
        min-width: 160px;
    }
    
    .dolugo-newsletter-success-icon i {
        font-size: 56px;
    }
    
    .dolugo-newsletter-success-title {
        font-size: 20px;
    }
    
    .dolugo-newsletter-success-message {
        font-size: 14px;
    }
}

/* Order Steps Domain için Dolugo Partner CSS Stilleri */

/* Steps Progress */
.dolugo-steps-progress {
    margin-bottom: 40px;
}

.dolugo-steps-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.dolugo-step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
    min-width: 120px;
    position: relative;
}

.dolugo-step-item::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background: #e0e0e0;
}

.dolugo-step-item:last-child::after {
    display: none;
}

.dolugo-step-item.dolugo-step-active {
    border-color: var(--dolugo-primary);
    box-shadow: 0 4px 20px rgba(0, 123, 255, 0.2);
    transform: translateY(-5px);
}

.dolugo-step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--dolugo-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dolugo-step-item.dolugo-step-active .dolugo-step-number {
    background: var(--dolugo-primary-dark);
    transform: scale(1.1);
}

.dolugo-step-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--dolugo-dark);
    text-align: center;
    line-height: 1.3;
}

/* Order Requirements */
.dolugo-order-requirements {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-requirements-form {
    max-width: 800px;
    margin: 0 auto;
}

/* TLD Requirements */
.dolugo-tld-requirements {
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    overflow: hidden;
}

.dolugo-tld-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--dolugo-dark);
    border-bottom: 1px solid #e0e0e0;
}

.dolugo-tld-info {
    padding: 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--dolugo-muted);
}

/* Requirement Item */
.dolugo-requirement-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 25px;
    border-bottom: 1px solid #f0f0f0;
    align-items: start;
}

.dolugo-requirement-item:last-child {
    border-bottom: none;
}

.dolugo-requirement-label {
    position: relative;
}

.dolugo-required-field {
    color: #dc3545;
    font-weight: 700;
    font-size: 18px;
    margin-right: 5px;
}

.dolugo-requirement-label strong {
    font-size: 16px;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
    display: block;
}

.dolugo-requirement-description {
    font-size: 14px;
    color: var(--dolugo-muted);
    line-height: 1.5;
    margin-top: 8px;
}

.dolugo-requirement-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Form Inputs */
.dolugo-form-input,
.dolugo-form-select {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
}

.dolugo-form-input:focus,
.dolugo-form-select:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.dolugo-form-file {
    padding: 12px 20px;
    border: 2px dashed #e0e0e0;
    border-radius: 10px;
    background: #f8f9fa;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dolugo-form-file:hover {
    border-color: var(--dolugo-primary);
    background: #f0f8ff;
}

.dolugo-input-error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;
}

/* Form Actions */
.dolugo-form-actions {
    text-align: center;
    border-top: 1px solid #f0f0f0;
}

/* Hosting Selection */
.dolugo-hosting-selection {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-accordion-container {
    max-width: 800px;
    margin: 0 auto;
}

.dolugo-accordion .ui-accordion-header {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    color: white;
    border: none;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 20px 25px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.dolugo-accordion .ui-accordion-header:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.dolugo-accordion .ui-accordion-header.ui-state-active {
    background: linear-gradient(135deg, var(--dolugo-primary-dark) 0%, var(--dolugo-primary) 100%);
}

.dolugo-accordion .ui-accordion-content {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Hosting Selection Container */
.dolugo-hosting-selection-container {
    text-align: center;
}

.dolugo-hosting-select {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
    padding: 18px 25px;
    font-size: 16px;
}

.dolugo-hosting-submit-btn {
    margin-bottom: 20px;
    padding: 18px 40px;
    font-size: 18px;
    min-width: 200px;
}

.dolugo-hosting-link {
    margin-top: 20px;
}

.dolugo-hosting-link .dolugo-link {
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.dolugo-hosting-link .dolugo-link:hover {
    color: var(--dolugo-primary-dark);
}

/* No Hosting Container */
.dolugo-no-hosting-container {
    text-align: center;
}

.dolugo-no-hosting-note {
    font-size: 16px;
    color: var(--dolugo-muted);
    margin-bottom: 25px;
    line-height: 1.6;
}

.dolugo-dns-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 25px;
}

.dolugo-dns-input {
    padding: 15px 20px;
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-steps-container {
        gap: 15px;
    }
    
    .dolugo-step-item {
        padding: 15px;
        min-width: 100px;
    }
    
    .dolugo-step-item::after {
        right: -20px;
        width: 15px;
    }
    
    .dolugo-step-number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .dolugo-step-name {
        font-size: 12px;
    }
    
    .dolugo-order-requirements,
    .dolugo-hosting-selection {
        padding: 25px 20px;
    }
    
    .dolugo-requirement-item {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }
    
    .dolugo-accordion .ui-accordion-header {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    .dolugo-accordion .ui-accordion-content {
        padding: 20px;
    }
    
    .dolugo-dns-inputs {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .dolugo-steps-container {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-step-item::after {
        display: none;
    }
    
    .dolugo-step-item {
        min-width: auto;
        width: 100%;
        max-width: 300px;
    }
    
    .dolugo-order-requirements,
    .dolugo-hosting-selection {
        padding: 20px 15px;
    }
    
    .dolugo-requirement-item {
        padding: 15px;
    }
    
    .dolugo-tld-header {
        padding: 15px;
        font-size: 16px;
    }
    
    .dolugo-tld-info {
        padding: 15px;
    }
    
    .dolugo-accordion .ui-accordion-header {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .dolugo-accordion .ui-accordion-content {
        padding: 15px;
    }
    
    .dolugo-hosting-select {
        padding: 15px 20px;
        font-size: 14px;
    }
    
    .dolugo-hosting-submit-btn {
        padding: 15px 30px;
        font-size: 16px;
        min-width: 180px;
    }
}

/* Newsletter için Dolugo Partner CSS Stilleri */

/* Newsletter Container */
.dolugo-newsletter-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 20px;
}

.dolugo-newsletter-content {
    background: white;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 600px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dolugo-newsletter-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
}

/* Newsletter Header */
.dolugo-newsletter-header {
    margin-bottom: 40px;
}

.dolugo-newsletter-info {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 15px;
    padding: 25px;
    color: #155724;
}

.dolugo-newsletter-info-content {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0;
}

/* Newsletter Form */
.dolugo-newsletter-form {
    margin-bottom: 30px;
}

.dolugo-newsletter-email-section {
    margin-bottom: 25px;
}

.dolugo-newsletter-email-icon {
    margin-bottom: 20px;
}

.dolugo-newsletter-email-icon i {
    font-size: 48px;
    color: var(--dolugo-primary);
    opacity: 0.8;
}

.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-newsletter-email-input {
    width: 100%;
    padding: 18px 25px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 16px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    text-align: center;
    box-sizing: border-box;
}

.dolugo-newsletter-email-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.dolugo-newsletter-email-input::placeholder {
    color: var(--dolugo-muted);
    font-weight: 500;
}

/* Captcha */
.dolugo-captcha-container {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    margin: 25px 0;
    text-align: center;
}

.dolugo-captcha-input {
    width: 100%;
    max-width: 300px;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
    text-align: center;
    margin-top: 15px;
}

.dolugo-captcha-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Form Actions */
.dolugo-newsletter-submit-btn {
    padding: 18px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-block;
    min-width: 200px;
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-newsletter-submit-btn:hover {
    background: var(--dolugo-primary-dark);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

/* Error Message */
.dolugo-error-message {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/* Newsletter Success */
.dolugo-newsletter-success {
    text-align: center;
    padding: 20px 0;
}

.dolugo-newsletter-success-content {
    animation: fadeInUp 0.6s ease-out;
}

.dolugo-newsletter-success-icon {
    margin-bottom: 25px;
}

.dolugo-newsletter-success-icon i {
    font-size: 80px;
    color: #28a745;
    animation: successPulse 1s ease-out;
}

.dolugo-newsletter-success-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.dolugo-newsletter-success-message {
    font-size: 18px;
    color: var(--dolugo-muted);
    line-height: 1.6;
    margin: 0 0 20px 0;
}

.dolugo-newsletter-success-note {
    font-size: 14px;
    color: var(--dolugo-muted);
    font-style: italic;
    opacity: 0.8;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-newsletter-content {
        padding: 40px 30px;
        margin: 20px;
    }
    
    .dolugo-newsletter-info-content {
        font-size: 16px;
    }
    
    .dolugo-newsletter-email-input {
        padding: 16px 20px;
        font-size: 15px;
    }
    
    .dolugo-newsletter-submit-btn {
        padding: 16px 30px;
        font-size: 16px;
        min-width: 180px;
    }
    
    .dolugo-newsletter-success-icon i {
        font-size: 64px;
    }
    
    .dolugo-newsletter-success-title {
        font-size: 24px;
    }
    
    .dolugo-newsletter-success-message {
        font-size: 16px;
    }
    
    .dolugo-captcha-container {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-newsletter-container {
        padding: 15px;
    }
    
    .dolugo-newsletter-content {
        padding: 30px 20px;
        margin: 10px;
    }
    
    .dolugo-newsletter-info {
        padding: 20px;
    }
    
    .dolugo-newsletter-info-content {
        font-size: 15px;
    }
    
    .dolugo-newsletter-email-input {
        padding: 14px 18px;
        font-size: 14px;
    }
    
    .dolugo-newsletter-submit-btn {
        padding: 14px 25px;
        font-size: 15px;
        min-width: 160px;
    }
    
    .dolugo-newsletter-success-icon i {
        font-size: 56px;
    }
    
    .dolugo-newsletter-success-title {
        font-size: 20px;
    }
    
    .dolugo-newsletter-success-message {
        font-size: 14px;
    }
    
    .dolugo-captcha-container {
        padding: 15px;
    }
    
    .dolugo-captcha-input {
        padding: 12px 15px;
        font-size: 13px;
    }
}

/* Order Steps Hosting için Dolugo Partner CSS Stilleri */

/* Period Blocks */
.dolugo-order-periods {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-period-form {
    max-width: 900px;
    margin: 0 auto;
}

.dolugo-period-blocks-container {
    display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dolugo-period-block {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 21%;
}

.dolugo-period-block:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.dolugo-period-block.active {
    border-color: var(--dolugo-primary);
    box-shadow: 0 4px 20px rgba(0, 123, 255, 0.2);
    transform: translateY(-5px);
}

.dolugo-period-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0 0 15px 0;
}

.dolugo-period-price {
    font-size: 32px;
    font-weight: 700;
    color: var(--dolugo-primary);
    margin: 0 0 15px 0;
}

.dolugo-setup-fee-period {
    display: block;
    font-size: 14px;
    color: var(--dolugo-muted);
    margin-bottom: 20px;
}

.dolugo-period-select-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.dolugo-period-block.active .dolugo-period-select-box {
    background: var(--dolugo-primary);
    color: white;
    transform: scale(1.1);
}

.dolugo-period-select-box i {
    font-size: 16px;
    color: white;
}

/* Ribbon Period */
.dolugo-ribbon-period {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent var(--dolugo-primary) transparent transparent;
}

.dolugo-ribbon-period span {
    background: unset !important;
    color: #2563eb !important;
    position: absolute;
    top: 22px;
    right: -56px;
    font-size: 12px;
    font-weight: 600;
    transform: rotate(45deg);
    white-space: nowrap;
}

/* Domain Selection */
.dolugo-domain-selection {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-domain-check-container {
    text-align: center;
    margin-bottom: 30px;
}

.dolugo-domain-input {
    width: 100%;
    max-width: 400px;
    padding: 18px 25px;
    font-size: 16px;
}

.dolugo-domain-check-btn {
    padding: 18px 40px;
    font-size: 18px;
    min-width: 200px;
}

.dolugo-domain-slogan {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #28a745;
    border-radius: 15px;
    padding: 20px;
    color: #155724;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
}

.dolugo-domain-result {
    margin-top: 30px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

.dolugo-result-content {
    text-align: center;
}

.dolugo-result-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0 0 20px 0;
}

.dolugo-result-error {
    color: #dc3545;
}

.dolugo-domain-info {
    display: block;
    font-size: 16px;
    color: var(--dolugo-muted);
    margin-bottom: 25px;
    line-height: 1.6;
}

.dolugo-domain-select-btn {
    padding: 18px 40px;
    font-size: 18px;
    min-width: 200px;
}

/* Current Domain */
.dolugo-current-domain-container {
    text-align: center;
}

.dolugo-domain-use-btn {
    padding: 18px 40px;
    font-size: 18px;
    min-width: 200px;
    margin-top: 20px;
}

.dolugo-dns-info {
    background: #e3f2fd;
    border: 1px solid #2196f3;
    border-radius: 12px;
    padding: 20px;
    margin-top: 25px;
    text-align: center;
}

.dolugo-dns-info i {
    font-size: 24px;
    color: #2196f3;
    margin-bottom: 10px;
}

.dolugo-dns-info p {
    font-size: 16px;
    color: #1976d2;
    margin: 0 0 15px 0;
    font-weight: 500;
}

.dolugo-dns-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.dolugo-dns-address {
    background: white;
    border: 1px solid #2196f3;
    border-radius: 8px;
    padding: 8px 15px;
    font-size: 14px;
    color: #1976d2;
    font-family: monospace;
    font-weight: 500;
}

/* Subdomain */
.dolugo-subdomain-container {
    text-align: center;
}

.dolugo-subdomain-inputs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
}

.dolugo-subdomain-input {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
}

.dolugo-subdomain-select {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
}

.dolugo-subdomain-use-btn {
    padding: 18px 40px;
    font-size: 18px;
    min-width: 200px;
}

/* Addons Selection */
.dolugo-addons-selection {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-addons-form {
    max-width: 900px;
    margin: 0 auto;
}

.dolugo-addons-list {
    margin-bottom: 30px;
}

.dolugo-addon-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    margin-bottom: 20px;
    align-items: start;
}

.dolugo-addon-label {
    position: relative;
}

.dolugo-addon-label strong {
    font-size: 18px;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
    display: block;
}

.dolugo-addon-description {
    font-size: 14px;
    color: var(--dolugo-muted);
    line-height: 1.5;
    margin-top: 8px;
}

.dolugo-addon-field {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-radio-option,
.dolugo-checkbox-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.dolugo-radio-option:hover,
.dolugo-checkbox-option:hover {
    background: #f8f9fa;
}

.dolugo-radio-custom,
.dolugo-checkbox-custom {
    margin: 0;
}

.dolugo-radio-custom-label,
.dolugo-checkbox-custom-label {
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    color: var(--dolugo-dark);
    line-height: 1.4;
}

.dolugo-addon-select {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
}

.dolugo-slider-content {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    margin-top: 15px;
    text-align: center;
}

/* Requirements Header */
.dolugo-requirements-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--dolugo-dark);
    border-radius: 15px;
    margin-bottom: 30px;
    text-align: center;
}

/* Form Textarea */
.dolugo-form-textarea {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 15px;
    font-family: inherit;
    transition: all 0.3s ease;
    background: white;
    min-height: 100px;
    resize: vertical;
}

.dolugo-form-textarea:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-period-form .dolugo-form-actions a {
        min-width: unset;
        width: unset !important;
    }

    .dolugo-period-blocks-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-period-block{
        width: 100%;
    }
    
    .dolugo-period-block {
        padding: 20px;
    }
    
    .dolugo-period-name {
        font-size: 16px;
    }
    
    .dolugo-period-price {
        font-size: 28px;
    }
    
    .dolugo-order-periods,
    .dolugo-domain-selection,
    .dolugo-addons-selection,
    .dolugo-order-requirements {
        padding: 25px 20px;
    }
    
    .dolugo-addon-item {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }
    
    .dolugo-domain-input,
    .dolugo-subdomain-input,
    .dolugo-subdomain-select {
        padding: 15px 20px;
        font-size: 15px;
    }
    
    .dolugo-domain-check-btn,
    .dolugo-domain-select-btn,
    .dolugo-domain-use-btn,
    .dolugo-subdomain-use-btn {
        padding: 15px 30px;
        font-size: 16px;
        min-width: 180px;
    }
    
    .dolugo-subdomain-inputs {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .dolugo-period-blocks-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-period-block {
        padding: 15px;
    }
    
    .dolugo-period-name {
        font-size: 14px;
    }
    
    .dolugo-period-price {
        font-size: 24px;
    }
    
    .dolugo-order-periods,
    .dolugo-domain-selection,
    .dolugo-addons-selection,
    .dolugo-order-requirements {
        padding: 20px 15px;
    }
    
    .dolugo-addon-item {
        padding: 15px;
    }
    
    .dolugo-domain-input,
    .dolugo-subdomain-input,
    .dolugo-subdomain-select {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .dolugo-domain-check-btn,
    .dolugo-domain-select-btn,
    .dolugo-domain-use-btn,
    .dolugo-subdomain-use-btn {
        padding: 12px 25px;
        font-size: 15px;
        min-width: 160px;
    }
    
    .dolugo-domain-slogan {
        padding: 15px;
        font-size: 14px;
    }
    
    .dolugo-domain-result {
        padding: 20px;
    }
    
    .dolugo-result-title {
        font-size: 20px;
    }
    
    .dolugo-dns-info {
        padding: 15px;
    }
    
    .dolugo-dns-info p {
        font-size: 14px;
    }
    
    .dolugo-dns-address {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* Order Steps Server için Dolugo Partner CSS Stilleri */

/* Out of Stock */
.dolugo-out-of-stock {
    margin: 70px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.dolugo-out-of-stock-content {
    background: white;
    border-radius: 20px;
    padding: 60px 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    max-width: 600px;
    margin: 0 auto;
}

.dolugo-out-of-stock-icon {
    font-size: 70px;
    margin-bottom: 15px;
    color: var(--dolugo-muted);
    opacity: 0.7;
}

.dolugo-out-of-stock-title {
    font-weight: bold;
    color: var(--dolugo-dark);
    margin: 0 0 20px 0;
    font-size: 28px;
}

.dolugo-out-of-stock-subtitle {
    color: var(--dolugo-muted);
    line-height: 1.6;
    margin: 0;
    font-size: 18px;
}

/* Server Configuration */
.dolugo-server-configuration {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-server-config-content {
    max-width: 1000px;
    margin: 0 auto;
}

.dolugo-server-config-section {
    margin-bottom: 40px;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
}

.dolugo-server-config-header {
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-server-config-header h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-server-config-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.dolugo-config-field {
    display: flex;
    flex-direction: column;
}

.dolugo-config-label {
    font-size: 16px;
    font-weight: 500;
    color: var(--dolugo-dark);
    margin-bottom: 10px;
}

.dolugo-config-input {
    padding: 15px 20px;
    font-size: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    transition: all 0.3s ease;
    background: white;
}

.dolugo-config-input:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

/* Server Order Summary */
.dolugo-server-order-summary {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-top: 30px;
}

.dolugo-order-summary-content {
    max-width: 600px;
    margin: 0 auto 30px auto;
}

.dolugo-order-summary-header {
    text-align: center;
    margin-bottom: 25px;
}

.dolugo-order-summary-header h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-order-summary-details {
    margin-bottom: 25px;
}

.dolugo-order-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.dolugo-order-summary-title {
    font-size: 16px;
    color: white;
}

.dolugo-order-summary-price {
    font-size: 18px;
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-order-summary-category {
    text-align: center;
    color: var(--dolugo-muted);
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
}

.dolugo-order-summary-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
    margin: 20px 0;
}

.dolugo-service-amounts {
    margin: 20px 0;
}

.dolugo-service-amount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
}

.dolugo-service-amount-name {
    color: var(--dolugo-dark);
    font-size: 14px;
}

.dolugo-service-amount-price {
    color: var(--dolugo-primary);
    font-weight: 600;
    font-size: 14px;
}

.dolugo-order-total {
    text-align: center;
    margin-top: 25px;
}

.dolugo-total-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-total-title strong {
    color: var(--dolugo-primary);
    font-size: 28px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-out-of-stock-content {
        padding: 40px 25px;
        margin: 20px;
    }
    
    .dolugo-out-of-stock-icon {
        font-size: 56px;
    }
    
    .dolugo-out-of-stock-title {
        font-size: 24px;
    }
    
    .dolugo-out-of-stock-subtitle {
        font-size: 16px;
    }
    
    .dolugo-server-configuration,
    .dolugo-server-order-summary {
        padding: 25px 20px;
    }
    
    .dolugo-server-config-section {
        padding: 20px;
        margin-bottom: 25px;
    }
    
    .dolugo-server-config-fields {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-config-input {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .dolugo-order-summary-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-order-summary-title,
    .dolugo-order-summary-price {
        font-size: 14px;
    }
    
    .dolugo-total-title {
        font-size: 20px;
    }
    
    .dolugo-total-title strong {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .dolugo-out-of-stock-content {
        padding: 30px 20px;
        margin: 10px;
    }
    
    .dolugo-out-of-stock-icon {
        font-size: 48px;
    }
    
    .dolugo-out-of-stock-title {
        font-size: 20px;
    }
    
    .dolugo-out-of-stock-subtitle {
        font-size: 14px;
    }
    
    .dolugo-server-configuration,
    .dolugo-server-order-summary {
        padding: 20px 15px;
    }
    
    .dolugo-server-config-section {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .dolugo-server-config-header h4 {
        font-size: 18px;
    }
    
    .dolugo-config-input {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .dolugo-order-summary-header h4 {
        font-size: 18px;
    }
    
    .dolugo-order-summary-item {
        padding: 10px;
    }
    
    .dolugo-order-summary-title,
    .dolugo-order-summary-price {
        font-size: 13px;
    }
    
    .dolugo-total-title {
        font-size: 18px;
    }
    
    .dolugo-total-title strong {
        font-size: 20px;
    }
    
    .dolugo-service-amount-item {
        padding: 8px 10px;
    }
    
    .dolugo-service-amount-name,
    .dolugo-service-amount-price {
        font-size: 12px;
    }
}

/* Order Steps SMS için Dolugo Partner CSS Stilleri */

/* SMS Requirements */
.dolugo-sms-requirements {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-sms-form {
    max-width: 800px;
    margin: 0 auto;
}

/* SMS Origin */
.dolugo-sms-origin {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

/* Origin Note */
.dolugo-origin-note {
    margin: 20px 0;
    padding: 20px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 12px;
    text-align: center;
}

.dolugo-origin-warning {
    font-size: 15px;
    color: #856404;
    font-weight: 500;
}

/* Origin Validation */
.dolugo-origin-validation {
    margin-top: 20px;
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
}

.dolugo-validation-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-validation-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--dolugo-dark);
}

.dolugo-validation-item i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.dolugo-validation-item.baslikkarakter i.fa-check,
.dolugo-validation-item.baslikrakam i.fa-check {
    color: #28a745;
}

.dolugo-validation-item.baslikkarakter i.fa-dot-circle-o,
.dolugo-validation-item.baslikrakam i.fa-dot-circle-o {
    color: #6c757d;
}

.dolugo-validation-item i.fa-info-circle {
    color: #17a2b8;
}

/* Attachment Note */
.dolugo-attachment-note {
    display: block;
    font-size: 15px;
    color: #28a745;
    margin-top: 10px;
    font-weight: 500;
}

/* Date Input */
.dolugo-date-input {
    font-family: inherit;
}

.dolugo-date-input:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Identity Input */
.dolugo-identity-input {
    font-family: monospace;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
}

.dolugo-identity-input:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Origin Input */
.dolugo-origin-input {
    font-family: monospace;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.dolugo-origin-input:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-sms-requirements,
    .dolugo-sms-origin {
        padding: 25px 20px;
    }
    
    .dolugo-origin-note {
        padding: 15px;
        margin: 15px 0;
    }
    
    .dolugo-origin-warning {
        font-size: 14px;
    }
    
    .dolugo-origin-validation {
        padding: 15px;
        margin-top: 15px;
    }
    
    .dolugo-validation-list {
        gap: 10px;
    }
    
    .dolugo-validation-item {
        font-size: 13px;
    }
    
    .dolugo-validation-item i {
        font-size: 14px;
        width: 18px;
    }
    
    .dolugo-attachment-note {
        font-size: 14px;
        margin-top: 8px;
    }
    
    .dolugo-identity-input,
    .dolugo-origin-input {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .dolugo-sms-requirements,
    .dolugo-sms-origin {
        padding: 20px 15px;
    }
    
    .dolugo-origin-note {
        padding: 12px;
        margin: 12px 0;
    }
    
    .dolugo-origin-warning {
        font-size: 13px;
    }
    
    .dolugo-origin-validation {
        padding: 12px;
        margin-top: 12px;
    }
    
    .dolugo-validation-list {
        gap: 8px;
    }
    
    .dolugo-validation-item {
        font-size: 12px;
    }
    
    .dolugo-validation-item i {
        font-size: 13px;
        width: 16px;
    }
    
    .dolugo-attachment-note {
        font-size: 13px;
        margin-top: 6px;
    }
    
    .dolugo-identity-input,
    .dolugo-origin-input {
        font-size: 14px;
    }
}

/* Order Steps Software için Dolugo Partner CSS Stilleri */

/* Software Periods */
.dolugo-software-periods {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-period-form {
    max-width: 900px;
    margin: 0 auto;
}

.dolugo-period-form .dolugo-form-actions {
    width: 100%;
  margin-top: 1rem;
}

.dolugo-period-form .dolugo-form-actions a {
    width: 100%;
}

/* Software Domain */
.dolugo-software-domain {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-domain-section {
    max-width: 900px;
    margin: 0 auto;
}

/* Domain Search */
.dolugo-domain-search {
    margin-bottom: 30px;
}

.dolugo-domain-form {
    margin-bottom: 20px;
}

.dolugo-domain-input-group {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

.dolugo-domain-input {
    flex: 1;
    min-width: 200px;
}

.dolugo-domain-check-btn {
    white-space: nowrap;
}

.dolugo-domain-slogan {
    text-align: center;
    margin-top: 20px;
}

.dolugo-domain-slogan h5 {
    color: var(--dolugo-primary);
    font-size: 16px;
    margin: 0;
}

/* Domain Result */
.dolugo-domain-result {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
}

.dolugo-result-content {
    margin-bottom: 20px;
}

.dolugo-result-content:last-child {
    margin-bottom: 0;
}

.dolugo-result-title {
    color: var(--dolugo-dark);
    margin-bottom: 15px;
    font-size: 18px;
}

.dolugo-error-title {
    color: #dc3545;
}

.dolugo-domain-info {
    display: block;
    margin: 15px 0;
    color: var(--dolugo-dark);
    font-size: 14px;
}

/* Domain License */
.dolugo-domain-license {
    text-align: center;
}

.dolugo-domain-license-note h5 {
    color: var(--dolugo-dark);
    font-size: 14px;
    margin: 15px 0 0 0;
    opacity: 0.8;
}

/* Software Hosting */
.dolugo-software-hosting {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-hosting-section {
    max-width: 900px;
    margin: 0 auto;
}

.dolugo-hosting-form {
    margin-bottom: 30px;
}

.dolugo-hosting-selection {
    text-align: center;
    margin-bottom: 20px;
}

.dolugo-hosting-select {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
}

.dolugo-hosting-submit-btn {
    margin-bottom: 20px;
}

.dolugo-hosting-note h5 {
    color: var(--dolugo-dark);
    font-size: 14px;
    margin: 0;
    opacity: 0.8;
}

.dolugo-hosting-requirements {
    text-align: center;
}

.dolugo-requirements-title {
    color: var(--dolugo-dark);
    margin-bottom: 20px;
    font-size: 16px;
}

.dolugo-requirements-divider {
    height: 2px;
    background: var(--dolugo-primary);
    margin: 20px auto;
    width: 50px;
}

.dolugo-requirements-content {
    margin: 20px 0;
    text-align: left;
}

.dolugo-requirements-content p {
    color: var(--dolugo-dark);
    line-height: 1.6;
    margin: 0;
}

.dolugo-hosting-requirements-btn {
    margin-top: 20px;
}

/* Software Requirements */
.dolugo-software-requirements {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-requirements-form {
    max-width: 900px;
    margin: 0 auto;
}

/* Software Addons */
.dolugo-software-addons {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-addons-form {
    max-width: 900px;
    margin: 0 auto;
}

.dolugo-addons-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-addons-list {
    margin-bottom: 30px;
}

.dolugo-addon-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 20px;
    background: #fafafa;
}

.dolugo-addon-service {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.dolugo-addon-service label {
    margin: 0;
    cursor: pointer;
}

.dolugo-addon-description {
    font-size: 14px;
    color: var(--dolugo-dark);
    opacity: 0.8;
    margin-top: 8px;
    line-height: 1.4;
}

.dolugo-addon-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-addon-select {
    width: 100%;
}

.dolugo-slider-content {
    margin-top: 15px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-software-periods,
    .dolugo-software-domain,
    .dolugo-software-hosting,
    .dolugo-software-requirements,
    .dolugo-software-addons {
        padding: 25px 20px;
    }
    
    .dolugo-domain-input-group {
        flex-direction: column;
        align-items: stretch;
    }
    
    .dolugo-domain-input {
        min-width: auto;
    }
    
    .dolugo-addons-header,
    .dolugo-addon-item {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-addon-service {
        flex-direction: column;
        gap: 8px;
    }
    
    .dolugo-domain-result {
        padding: 20px;
    }
    
    .dolugo-hosting-select {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .dolugo-software-periods,
    .dolugo-software-domain,
    .dolugo-software-hosting,
    .dolugo-software-requirements,
    .dolugo-software-addons {
        padding: 20px 15px;
    }
    
    .dolugo-domain-input-group {
        gap: 10px;
    }
    
    .dolugo-addons-header,
    .dolugo-addon-item {
        padding: 15px;
    }
    
    .dolugo-domain-result {
        padding: 15px;
    }
    
    .dolugo-result-title {
        font-size: 16px;
    }
    
    .dolugo-domain-info {
        font-size: 13px;
    }
}

/* Order Steps Special için Dolugo Partner CSS Stilleri */

/* Special Periods */
.dolugo-special-periods {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-period-form {
    max-width: 900px;
    margin: 0 auto;
}

/* Special Domain */
.dolugo-special-domain {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-domain-section {
    max-width: 900px;
    margin: 0 auto;
}

/* Special Addons */
.dolugo-special-addons {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-addons-form {
    max-width: 900px;
    margin: 0 auto;
}

/* Special Requirements */
.dolugo-special-requirements {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-requirements-form {
    max-width: 900px;
    margin: 0 auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dolugo-special-periods,
    .dolugo-special-domain,
    .dolugo-special-addons,
    .dolugo-special-requirements {
        padding: 25px 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-special-periods,
    .dolugo-special-domain,
    .dolugo-special-addons,
    .dolugo-special-requirements {
        padding: 20px 15px;
    }
}

/* Page Detail Articles için Dolugo Partner CSS Stilleri */

/* Articles Detail Container */
.dolugo-articles-detail {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
    flex: 1;
}

.dolugo-articles-detail-full {
    width: 100%;
}

/* Article Content */
.dolugo-article-content {
    line-height: 1.8;
    color: var(--dolugo-dark);
}

.dolugo-article-content h1,
.dolugo-article-content h2,
.dolugo-article-content h3,
.dolugo-article-content h4,
.dolugo-article-content h5,
.dolugo-article-content h6 {
    color: var(--dolugo-dark);
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.dolugo-article-content h1 {
    font-size: 28px;
}

.dolugo-article-content h2 {
    font-size: 24px;
}

.dolugo-article-content h3 {
    font-size: 20px;
}

.dolugo-article-content h4 {
    font-size: 18px;
}

.dolugo-article-content h5 {
    font-size: 16px;
}

.dolugo-article-content h6 {
    font-size: 14px;
}

.dolugo-article-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.dolugo-article-content ul,
.dolugo-article-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.dolugo-article-content li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.dolugo-article-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--dolugo-primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    font-style: italic;
    color: var(--dolugo-dark);
}

.dolugo-article-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d73a49;
}

.dolugo-article-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    overflow-x: auto;
}

.dolugo-article-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

/* Comments Section */
.dolugo-comments-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

/* Articles Sidebar */
.dolugo-articles-sidebar {
    width: 300px;
    margin-left: 30px;
}

.dolugo-sidebar-widget {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-sidebar-widget:last-child {
    margin-bottom: 0;
}

.dolugo-sidebar-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.dolugo-sidebar-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--dolugo-primary);
    border-radius: 2px;
}

.dolugo-sidebar-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-sidebar-link {
    display: block;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: var(--dolugo-dark);
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.dolugo-sidebar-link:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
    border-color: var(--dolugo-primary);
}

.dolugo-sidebar-link-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-articles-sidebar {
        width: 280px;
        margin-left: 25px;
    }
    
    .dolugo-articles-detail,
    .dolugo-sidebar-widget {
        padding: 30px 25px;
    }
}

@media (max-width: 768px) {
    .dolugo-page-container {
        flex-direction: column;
    }
    
    .dolugo-articles-sidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
    
    .dolugo-articles-detail,
    .dolugo-sidebar-widget {
        padding: 25px 20px;
    }
    
    .dolugo-article-content h1 {
        font-size: 24px;
    }
    
    .dolugo-article-content h2 {
        font-size: 20px;
    }
    
    .dolugo-article-content h3 {
        font-size: 18px;
    }
    
    .dolugo-article-content h4 {
        font-size: 16px;
    }
    
    .dolugo-article-content h5 {
        font-size: 15px;
    }
    
    .dolugo-article-content h6 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dolugo-articles-detail,
    .dolugo-sidebar-widget {
        padding: 20px 15px;
    }
    
    .dolugo-article-content h1 {
        font-size: 22px;
    }
    
    .dolugo-article-content h2 {
        font-size: 18px;
    }
    
    .dolugo-article-content h3 {
        font-size: 16px;
    }
    
    .dolugo-article-content h4 {
        font-size: 15px;
    }
    
    .dolugo-article-content h5 {
        font-size: 14px;
    }
    
    .dolugo-article-content h6 {
        font-size: 13px;
    }
    
    .dolugo-article-content blockquote {
        padding: 15px;
        margin: 20px 0;
    }
    
    .dolugo-article-content pre {
        padding: 15px;
        margin: 20px 0;
    }
}

/* Page Detail News için Dolugo Partner CSS Stilleri */

/* News Detail Container */
.dolugo-news-detail {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
    flex: 1;
}

.dolugo-news-detail-full {
    width: 100%;
}

/* News Content */
.dolugo-news-content {
    line-height: 1.8;
    color: var(--dolugo-dark);
}

.dolugo-news-content h1,
.dolugo-news-content h2,
.dolugo-news-content h3,
.dolugo-news-content h4,
.dolugo-news-content h5,
.dolugo-news-content h6 {
    color: var(--dolugo-dark);
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.dolugo-news-content h1 {
    font-size: 28px;
}

.dolugo-news-content h2 {
    font-size: 24px;
}

.dolugo-news-content h3 {
    font-size: 20px;
}

.dolugo-news-content h4 {
    font-size: 18px;
}

.dolugo-news-content h5 {
    font-size: 16px;
}

.dolugo-news-content h6 {
    font-size: 14px;
}

.dolugo-news-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.dolugo-news-content ul,
.dolugo-news-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.dolugo-news-content li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.dolugo-news-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--dolugo-primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    font-style: italic;
    color: var(--dolugo-dark);
}

.dolugo-news-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d73a49;
}

.dolugo-news-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    overflow-x: auto;
}

.dolugo-news-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

/* News Sidebar */
.dolugo-news-sidebar {
    width: 300px;
    margin-left: 30px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-news-sidebar {
        width: 280px;
        margin-left: 25px;
    }
    
    .dolugo-news-detail {
        padding: 30px 25px;
    }
}

@media (max-width: 768px) {
    .dolugo-page-container {
        flex-direction: column;
    }
    
    .dolugo-news-sidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
    
    .dolugo-news-detail {
        padding: 25px 20px;
    }
    
    .dolugo-news-content h1 {
        font-size: 24px;
    }
    
    .dolugo-news-content h2 {
        font-size: 20px;
    }
    
    .dolugo-news-content h3 {
        font-size: 18px;
    }
    
    .dolugo-news-content h4 {
        font-size: 16px;
    }
    
    .dolugo-news-content h5 {
        font-size: 15px;
    }
    
    .dolugo-news-content h6 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dolugo-news-detail {
        padding: 20px 15px;
    }
    
    .dolugo-news-content h1 {
        font-size: 22px;
    }
    
    .dolugo-news-content h2 {
        font-size: 18px;
    }
    
    .dolugo-news-content h3 {
        font-size: 16px;
    }
    
    .dolugo-news-content h4 {
        font-size: 15px;
    }
    
    .dolugo-news-content h5 {
        font-size: 14px;
    }
    
    .dolugo-news-content h6 {
        font-size: 13px;
    }
    
    .dolugo-news-content blockquote {
        padding: 15px;
        margin: 20px 0;
    }
    
    .dolugo-news-content pre {
        padding: 15px;
        margin: 20px 0;
    }
}

/* Page Detail Normal için Dolugo Partner CSS Stilleri */

/* Normal Detail Container */
.dolugo-normal-detail {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
    flex: 1;
}

.dolugo-normal-detail-full {
    width: 100%;
}

/* Normal Content */
.dolugo-normal-content {
    line-height: 1.8;
    color: var(--dolugo-dark);
}

.dolugo-normal-content h1,
.dolugo-normal-content h2,
.dolugo-normal-content h3,
.dolugo-normal-content h4,
.dolugo-normal-content h5,
.dolugo-normal-content h6 {
    color: var(--dolugo-dark);
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.dolugo-normal-content h1 {
    font-size: 28px;
}

.dolugo-normal-content h2 {
    font-size: 24px;
}

.dolugo-normal-content h3 {
    font-size: 20px;
}

.dolugo-normal-content h4 {
    font-size: 18px;
}

.dolugo-normal-content h5 {
    font-size: 16px;
}

.dolugo-normal-content h6 {
    font-size: 14px;
}

.dolugo-normal-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.dolugo-normal-content ul,
.dolugo-normal-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.dolugo-normal-content li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.dolugo-normal-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--dolugo-primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    font-style: italic;
    color: var(--dolugo-dark);
}

.dolugo-normal-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d73a49;
}

.dolugo-normal-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    overflow-x: auto;
}

.dolugo-normal-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

.dolugo-normal-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-normal-content th,
.dolugo-normal-content td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.dolugo-normal-content th {
    background: #f8f9fa;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-normal-content tr:hover {
    background: #f8f9fa;
}

.dolugo-normal-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-normal-content a {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-normal-content a:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

/* Normal Sidebar */
.dolugo-normal-sidebar {
    width: 300px;
    margin-left: 30px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .dolugo-normal-sidebar {
        width: 280px;
        margin-left: 25px;
    }
    
    .dolugo-normal-detail {
        padding: 30px 25px;
    }
}

@media (max-width: 768px) {
    .dolugo-page-container {
        flex-direction: column;
    }
    
    .dolugo-normal-sidebar {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
    
    .dolugo-normal-detail {
        padding: 25px 20px;
    }
    
    .dolugo-normal-content h1 {
        font-size: 24px;
    }
    
    .dolugo-normal-content h2 {
        font-size: 20px;
    }
    
    .dolugo-normal-content h3 {
        font-size: 18px;
    }
    
    .dolugo-normal-content h4 {
        font-size: 16px;
    }
    
    .dolugo-normal-content h5 {
        font-size: 15px;
    }
    
    .dolugo-normal-content h6 {
        font-size: 14px;
    }
    
    .dolugo-normal-content table {
        font-size: 14px;
    }
    
    .dolugo-normal-content th,
    .dolugo-normal-content td {
        padding: 8px 10px;
    }
}

@media (max-width: 480px) {
    .dolugo-normal-detail {
        padding: 20px 15px;
    }
    
    .dolugo-normal-content h1 {
        font-size: 22px;
    }
    
    .dolugo-normal-content h2 {
        font-size: 18px;
    }
    
    .dolugo-normal-content h3 {
        font-size: 16px;
    }
    
    .dolugo-normal-content h4 {
        font-size: 15px;
    }
    
    .dolugo-normal-content h5 {
        font-size: 14px;
    }
    
    .dolugo-normal-content h6 {
        font-size: 13px;
    }
    
    .dolugo-normal-content blockquote {
        padding: 15px;
        margin: 20px 0;
    }
    
    .dolugo-normal-content pre {
        padding: 15px;
        margin: 20px 0;
    }
    
    .dolugo-normal-content table {
        font-size: 13px;
    }
    
    .dolugo-normal-content th,
    .dolugo-normal-content td {
        padding: 6px 8px;
    }
}

/* Page Detail References için Dolugo Partner CSS Stilleri */

/* References Wrapper */
.dolugo-references-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.dolugo-references-main {
    flex: 1;
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

/* Mockup Container */
.dolugo-mockup-container {
    margin-bottom: 30px;
    text-align: center;
}

.dolugo-mockup-image {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dolugo-mockup-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* References Content */
.dolugo-references-content {
    line-height: 1.8;
    color: var(--dolugo-dark);
    margin-bottom: 40px;
}

.dolugo-references-content h1,
.dolugo-references-content h2,
.dolugo-references-content h3,
.dolugo-references-content h4,
.dolugo-references-content h5,
.dolugo-references-content h6 {
    color: var(--dolugo-dark);
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.dolugo-references-content h1 {
    font-size: 28px;
}

.dolugo-references-content h2 {
    font-size: 24px;
}

.dolugo-references-content h3 {
    font-size: 20px;
}

.dolugo-references-content h4 {
    font-size: 18px;
}

.dolugo-references-content h5 {
    font-size: 16px;
}

.dolugo-references-content h6 {
    font-size: 14px;
}

.dolugo-references-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.dolugo-references-content ul,
.dolugo-references-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.dolugo-references-content li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.dolugo-references-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--dolugo-primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    font-style: italic;
    color: var(--dolugo-dark);
}

.dolugo-references-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d73a49;
}

.dolugo-references-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    overflow-x: auto;
}

.dolugo-references-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

.dolugo-references-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-references-content th,
.dolugo-references-content td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.dolugo-references-content th {
    background: #f8f9fa;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-references-content tr:hover {
    background: #f8f9fa;
}

.dolugo-references-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-references-content a {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-references-content a:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

/* Similar References */
.dolugo-similar-references {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
}

.dolugo-similar-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-references-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

/* Reference Card */
.dolugo-reference-card {
    background: white;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.dolugo-reference-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dolugo-reference-image {
    margin-bottom: 15px;
    text-align: center;
}

.dolugo-reference-cover {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.dolugo-reference-card:hover .dolugo-reference-cover {
    transform: scale(1.02);
}

.dolugo-reference-content {
    text-align: center;
}

.dolugo-reference-title {
    color: var(--dolugo-dark);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.dolugo-reference-category {
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}

.dolugo-reference-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

/* References Sidebar */
.dolugo-references-sidebar {
    width: 320px;
    flex-shrink: 0;
}

/* Featured Info */
.dolugo-featured-info {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-featured-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-featured-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-featured-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.dolugo-featured-icon {
    color: var(--dolugo-success);
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.dolugo-featured-text {
    color: var(--dolugo-dark);
    font-size: 14px;
    line-height: 1.5;
}

/* Social Share */
.dolugo-social-share {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-social-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-social-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Category Info */
.dolugo-category-info {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-category-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-category-link {
    display: inline-block;
    background: var(--dolugo-primary);
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s ease;
    text-align: center;
    width: 100%;
}

.dolugo-category-link:hover {
    background: var(--dolugo-primary-dark);
    color: white;
    text-decoration: none;
}

/* Technical Info */
.dolugo-technical-info {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-technical-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-technical-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dolugo-technical-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.dolugo-technical-icon {
    color: var(--dolugo-primary);
    font-size: 14px;
    margin-top: 3px;
    flex-shrink: 0;
}

.dolugo-technical-text {
    color: var(--dolugo-dark);
    font-size: 14px;
    line-height: 1.5;
}

/* Website Link */
.dolugo-website-link {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-btn-full {
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .dolugo-references-sidebar {
        width: 300px;
    }
    
    .dolugo-references-wrapper {
        gap: 25px;
    }
}

@media (max-width: 1024px) {
    .dolugo-references-sidebar {
        width: 280px;
    }
    
    .dolugo-references-wrapper {
        gap: 20px;
    }
    
    .dolugo-references-main {
        padding: 30px 25px;
    }
    
    .dolugo-featured-info,
    .dolugo-social-share,
    .dolugo-category-info,
    .dolugo-technical-info,
    .dolugo-website-link {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .dolugo-references-wrapper {
        flex-direction: column;
        gap: 25px;
    }
    
    .dolugo-references-sidebar {
        width: 100%;
    }
    
    .dolugo-references-main {
        padding: 25px 20px;
    }
    
    .dolugo-references-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .dolugo-similar-title {
        font-size: 20px;
    }
    
    .dolugo-references-content h1 {
        font-size: 24px;
    }
    
    .dolugo-references-content h2 {
        font-size: 20px;
    }
    
    .dolugo-references-content h3 {
        font-size: 18px;
    }
    
    .dolugo-references-content h4 {
        font-size: 16px;
    }
    
    .dolugo-references-content h5 {
        font-size: 15px;
    }
    
    .dolugo-references-content h6 {
        font-size: 14px;
    }
    
    .dolugo-featured-info,
    .dolugo-social-share,
    .dolugo-category-info,
    .dolugo-technical-info,
    .dolugo-website-link {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-references-main {
        padding: 20px 15px;
    }
    
    .dolugo-references-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-reference-card {
        padding: 15px;
    }
    
    .dolugo-reference-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .dolugo-similar-title {
        font-size: 18px;
    }
    
    .dolugo-references-content h1 {
        font-size: 22px;
    }
    
    .dolugo-references-content h2 {
        font-size: 18px;
    }
    
    .dolugo-references-content h3 {
        font-size: 16px;
    }
    
    .dolugo-references-content h4 {
        font-size: 15px;
    }
    
    .dolugo-references-content h5 {
        font-size: 14px;
    }
    
    .dolugo-references-content h6 {
        font-size: 13px;
    }
    
    .dolugo-featured-info,
    .dolugo-social-share,
    .dolugo-category-info,
    .dolugo-technical-info,
    .dolugo-website-link {
        padding: 15px;
    }
}

/* Page Detail Software için Dolugo Partner CSS Stilleri */

/* Software Wrapper */
.dolugo-software-wrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.dolugo-software-main {
    flex: 1;
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

/* Software Mockup */
.dolugo-software-mockup {
    margin-bottom: 30px;
    text-align: center;
}

.dolugo-software-mockup-image {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dolugo-software-mockup-image:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Software Features */
.dolugo-software-features {
    margin-bottom: 40px;
}

.dolugo-feature-block {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 16px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dolugo-feature-block:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.dolugo-feature-icon {
    width: 50px;
    height: 50px;
    background: var(--dolugo-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dolugo-feature-icon i {
    color: white;
    font-size: 20px;
}

.dolugo-feature-content {
    flex: 1;
}

.dolugo-feature-title {
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dolugo-feature-description {
    color: var(--dolugo-secondary);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Software Content */
.dolugo-software-content {
    line-height: 1.8;
    color: var(--dolugo-dark);
    margin-bottom: 40px;
}

.dolugo-software-content h1,
.dolugo-software-content h2,
.dolugo-software-content h3,
.dolugo-software-content h4,
.dolugo-software-content h5,
.dolugo-software-content h6 {
    color: var(--dolugo-dark);
    margin: 25px 0 15px 0;
    font-weight: 600;
}

.dolugo-software-content h1 {
    font-size: 28px;
}

.dolugo-software-content h2 {
    font-size: 24px;
}

.dolugo-software-content h3 {
    font-size: 20px;
}

.dolugo-software-content h4 {
    font-size: 18px;
}

.dolugo-software-content h5 {
    font-size: 16px;
}

.dolugo-software-content h6 {
    font-size: 14px;
}

.dolugo-software-content p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.dolugo-software-content ul,
.dolugo-software-content ol {
    margin: 20px 0;
    padding-left: 25px;
}

.dolugo-software-content li {
    margin-bottom: 10px;
    line-height: 1.6;
}

.dolugo-software-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--dolugo-primary);
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    font-style: italic;
    color: var(--dolugo-dark);
}

.dolugo-software-content code {
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #d73a49;
}

.dolugo-software-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    padding: 20px;
    margin: 25px 0;
    overflow-x: auto;
}

.dolugo-software-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

.dolugo-software-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-software-content th,
.dolugo-software-content td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.dolugo-software-content th {
    background: #f8f9fa;
    font-weight: 600;
    color: var(--dolugo-dark);
}

.dolugo-software-content tr:hover {
    background: #f8f9fa;
}

.dolugo-software-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dolugo-software-content a {
    color: var(--dolugo-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-software-content a:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

/* Software Accordion */
.dolugo-software-accordion {
    margin-bottom: 40px;
}

.dolugo-accordion-header {
    background: var(--dolugo-primary);
    color: white;
    padding: 20px 25px;
    margin: 0;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: background 0.3s ease;
}

.dolugo-accordion-header:hover {
    background: var(--dolugo-primary-dark);
}

.dolugo-accordion-header.ui-state-active {
    background: var(--dolugo-primary-dark);
}

.dolugo-accordion-icon {
    font-size: 16px;
    opacity: 0.9;
}

.dolugo-accordion-content {
    background: white;
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 25px;
}

.dolugo-installation-content,
.dolugo-versions-content {
    max-height: 300px;
    overflow-y: auto;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

.dolugo-installation-content::-webkit-scrollbar,
.dolugo-versions-content::-webkit-scrollbar {
    width: 8px;
}

.dolugo-installation-content::-webkit-scrollbar-track,
.dolugo-versions-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.dolugo-installation-content::-webkit-scrollbar-thumb,
.dolugo-versions-content::-webkit-scrollbar-thumb {
    background: var(--dolugo-primary);
    border-radius: 4px;
}

.dolugo-installation-content::-webkit-scrollbar-thumb:hover,
.dolugo-versions-content::-webkit-scrollbar-thumb:hover {
    background: var(--dolugo-primary-dark);
}

/* Similar Software */
.dolugo-similar-software {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
}

.dolugo-similar-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-software-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}

/* Software Card */
.dolugo-software-card {
    background: white;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.dolugo-software-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dolugo-software-image {
    margin-bottom: 15px;
    text-align: center;
    position: relative;
}

.dolugo-software-cover {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.dolugo-software-card:hover .dolugo-software-cover {
    transform: scale(1.02);
}

.dolugo-software-tags {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dolugo-software-tag {
    background: var(--dolugo-primary);
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.dolugo-software-content {
    text-align: center;
}

.dolugo-software-title {
    color: var(--dolugo-dark);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.dolugo-software-price {
    margin-bottom: 15px;
}

.dolugo-price-amount {
    color: var(--dolugo-primary);
    font-size: 18px;
    font-weight: 600;
}

.dolugo-software-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.dolugo-software-actions a.dolugo-btn.dolugo-btn-primary.dolugo-btn-sm {
    color: white !important;
}

/* Software Sidebar */
.dolugo-software-sidebar {
    width: 320px;
    flex-shrink: 0;
}

/* Short Features */
.dolugo-short-features {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.dolugo-short-features-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-short-features-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-short-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.dolugo-short-feature-icon {
    color: var(--dolugo-success);
    font-size: 16px;
    margin-top: 2px;
    flex-shrink: 0;
}

.dolugo-short-feature-text {
    color: var(--dolugo-dark);
    font-size: 14px;
    line-height: 1.5;
}

/* Software Pricing */
.dolugo-software-pricing {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-pricing-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.dolugo-price-main {
    font-size: 32px;
    font-weight: 700;
}

.dolugo-price-period {
    color: var(--dolugo-secondary);
    font-size: 16px;
    font-weight: 500;
}

.dolugo-currency-symbol {
    font-style: normal;
    margin-right: 5px;
}

.dolugo-currency-left {
    margin-right: 5px;
}

.dolugo-currency-right {
    margin-left: 5px;
}

/* Demo Links */
.dolugo-demo-links {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dolugo-btn-icon {
    margin-right: 8px;
}

/* Software Requirements */
.dolugo-software-requirements {
    background: white;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-requirements-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.dolugo-requirements-content {
    color: var(--dolugo-dark);
    font-size: 14px;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .dolugo-software-sidebar {
        width: 300px;
    }
    
    .dolugo-software-wrapper {
        gap: 25px;
    }
}

@media (max-width: 1024px) {
    .dolugo-software-sidebar {
        width: 280px;
    }
    
    .dolugo-software-wrapper {
        gap: 20px;
    }
    
    .dolugo-software-main {
        padding: 30px 25px;
    }
    
    .dolugo-feature-block {
        padding: 20px;
    }
    
    .dolugo-short-features,
    .dolugo-social-share,
    .dolugo-software-pricing,
    .dolugo-demo-links,
    .dolugo-software-requirements {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .dolugo-software-wrapper {
        flex-direction: column;
        gap: 25px;
    }
    
    .dolugo-software-sidebar {
        width: 100%;
    }
    
    .dolugo-software-main {
        padding: 25px 20px;
    }
    
    .dolugo-software-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .dolugo-similar-title {
        font-size: 20px;
    }
    
    .dolugo-software-content h1 {
        font-size: 24px;
    }
    
    .dolugo-software-content h2 {
        font-size: 20px;
    }
    
    .dolugo-software-content h3 {
        font-size: 18px;
    }
    
    .dolugo-software-content h4 {
        font-size: 16px;
    }
    
    .dolugo-software-content h5 {
        font-size: 15px;
    }
    
    .dolugo-software-content h6 {
        font-size: 14px;
    }
    
    .dolugo-feature-block {
        padding: 20px;
        flex-direction: column;
        text-align: center;
    }
    
    .dolugo-feature-icon {
        align-self: center;
    }
    
    .dolugo-short-features,
    .dolugo-social-share,
    .dolugo-software-pricing,
    .dolugo-demo-links,
    .dolugo-software-requirements {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-software-main {
        padding: 20px 15px;
    }
    
    .dolugo-software-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-software-card {
        padding: 15px;
    }
    
    .dolugo-software-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .dolugo-similar-title {
        font-size: 18px;
    }
    
    .dolugo-software-content h1 {
        font-size: 22px;
    }
    
    .dolugo-software-content h2 {
        font-size: 18px;
    }
    
    .dolugo-software-content h3 {
        font-size: 16px;
    }
    
    .dolugo-software-content h4 {
        font-size: 15px;
    }
    
    .dolugo-software-content h5 {
        font-size: 14px;
    }
    
    .dolugo-software-content h6 {
        font-size: 13px;
    }
    
    .dolugo-feature-block {
        padding: 15px;
    }
    
    .dolugo-accordion-header {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    .dolugo-accordion-content {
        padding: 20px;
    }
    
    .dolugo-price-main {
        font-size: 28px;
    }
    
    .dolugo-short-features,
    .dolugo-social-share,
    .dolugo-software-pricing,
    .dolugo-demo-links,
    .dolugo-software-requirements {
        padding: 15px;
    }
}

/* Payment Failed Page için Dolugo Partner CSS Stilleri */
.dolugo-payment-failed-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 40px 20px;
}

.dolugo-payment-failed-container {
    background: white;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
    text-align: center;
    max-width: 500px;
    width: 100%;
}

.dolugo-payment-failed-icon {
    margin-bottom: 30px;
}

.dolugo-payment-failed-image {
    width: 120px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.dolugo-payment-failed-content {
    margin-bottom: 30px;
}

.dolugo-payment-failed-title {
    color: var(--dolugo-danger);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.dolugo-payment-failed-message {
    color: var(--dolugo-dark);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}

.dolugo-payment-failed-actions {
    margin-top: 30px;
}

/* Responsive Design for Payment Failed */
@media (max-width: 768px) {
    .dolugo-payment-failed-wrapper {
        padding: 20px 15px;
    }
    
    .dolugo-payment-failed-container {
        padding: 40px 30px;
    }
    
    .dolugo-payment-failed-title {
        font-size: 24px;
    }
    
    .dolugo-payment-failed-image {
        width: 100px;
    }
}

@media (max-width: 480px) {
    .dolugo-payment-failed-container {
        padding: 30px 20px;
    }
    
    .dolugo-payment-failed-title {
        font-size: 22px;
    }
    
    .dolugo-payment-failed-message {
        font-size: 15px;
    }
    
    .dolugo-payment-failed-image {
        width: 80px;
    }
}

/* Pagination için Dolugo Partner CSS Stilleri */
.dolugo-pagination-wrapper {
    margin: 40px 0;
    display: flex;
    justify-content: center;
}

.dolugo-pagination {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 50px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.dolugo-pagination-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dolugo-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 0 15px;
    color: var(--dolugo-dark);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    border-right: 1px solid #f0f0f0;
    position: relative;
}

.dolugo-pagination-item:last-child {
    border-right: none;
}

.dolugo-pagination-item:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateY(-1px);
}

.dolugo-pagination-first,
.dolugo-pagination-prev,
.dolugo-pagination-next,
.dolugo-pagination-last {
    min-width: 50px;
    font-size: 16px;
}

.dolugo-pagination-active {
    background: var(--dolugo-primary);
    color: white;
    font-weight: 600;
}

.dolugo-pagination-text {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dolugo-pagination-number {
    font-weight: 600;
}

/* Responsive Design for Pagination */
@media (max-width: 768px) {
    .dolugo-pagination-wrapper {
        margin: 30px 0;
    }
    
    .dolugo-pagination-item {
        min-width: 40px;
        height: 40px;
        padding: 0 12px;
        font-size: 13px;
    }
    
    .dolugo-pagination-first,
    .dolugo-pagination-prev,
    .dolugo-pagination-next,
    .dolugo-pagination-last {
        min-width: 45px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .dolugo-pagination {
        border-radius: 25px;
    }
    
    .dolugo-pagination-item {
        min-width: 35px;
        height: 35px;
        padding: 0 8px;
        font-size: 12px;
    }
    
    .dolugo-pagination-first,
    .dolugo-pagination-prev,
    .dolugo-pagination-next,
    .dolugo-pagination-last {
        min-width: 40px;
        font-size: 14px;
    }
}

/* Payment Successful Page için Dolugo Partner CSS Stilleri */
.dolugo-payment-successful-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 40px 20px;
}

.dolugo-payment-successful-container {
    background: white;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0;
    text-align: center;
    max-width: 500px;
    width: 100%;
}

.dolugo-payment-successful-icon {
    margin-bottom: 30px;
}

.dolugo-payment-successful-image {
    width: 120px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.dolugo-payment-successful-content {
    margin-bottom: 30px;
}

.dolugo-payment-successful-title {
    color: var(--dolugo-success);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.dolugo-payment-successful-message {
    color: var(--dolugo-dark);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}

.dolugo-payment-successful-actions {
    margin-top: 30px;
}

/* Responsive Design for Payment Successful */
@media (max-width: 768px) {
    .dolugo-payment-successful-wrapper {
        padding: 20px 15px;
    }
    
    .dolugo-payment-successful-container {
        padding: 40px 30px;
    }
    
    .dolugo-payment-successful-title {
        font-size: 24px;
    }
    
    .dolugo-payment-successful-image {
        width: 100px;
    }
}

@media (max-width: 480px) {
    .dolugo-payment-successful-container {
        padding: 30px 20px;
    }
    
    .dolugo-payment-successful-title {
        font-size: 22px;
    }
    
    .dolugo-payment-successful-message {
        font-size: 15px;
    }
    
    .dolugo-payment-successful-image {
        width: 80px;
    }
}

/* References Page için Dolugo Partner CSS Stilleri */
.dolugo-references-wrapper {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-references-header {
    margin-bottom: 40px;
    text-align: center;
}

.dolugo-references-title {
    margin-bottom: 30px;
}

.dolugo-page-divider {
    width: 80px;
    height: 3px;
    background: var(--dolugo-primary);
    margin: 20px auto;
    border-radius: 2px;
}

.dolugo-page-slogan {
    color: var(--dolugo-secondary);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.dolugo-category-selector {
    margin-top: 30px;
}

.dolugo-form-select {
    width: 100%;
    max-width: 400px;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    font-size: 16px;
    color: var(--dolugo-dark);
    background: white;
    transition: all 0.3s ease;
    outline: none;
}

.dolugo-form-select:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(var(--dolugo-primary-rgb), 0.1);
}

.dolugo-references-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.dolugo-reference-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dolugo-reference-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dolugo-reference-image {
    position: relative;
    overflow: hidden;
}

.dolugo-reference-cover {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.dolugo-reference-card:hover .dolugo-reference-cover {
    transform: scale(1.05);
}

.dolugo-reference-content {
    padding: 25px;
}

.dolugo-reference-title {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.dolugo-reference-category {
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
}

.dolugo-reference-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dolugo-no-content {
    text-align: center;
    padding: 60px 20px;
}

.dolugo-no-content-icon {
    font-size: 48px;
    color: var(--dolugo-secondary);
    margin-bottom: 20px;
}

.dolugo-no-content-title {
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.dolugo-category-content {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
    line-height: 1.8;
    color: var(--dolugo-dark);
}

/* Responsive Design for References */
@media (max-width: 1024px) {
    .dolugo-references-wrapper {
        padding: 30px;
    }
    
    .dolugo-references-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .dolugo-references-wrapper {
        padding: 25px 20px;
    }
    
    .dolugo-page-slogan {
        font-size: 16px;
    }
    
    .dolugo-references-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .dolugo-reference-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .dolugo-references-wrapper {
        padding: 20px 15px;
    }
    
    .dolugo-references-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-reference-content {
        padding: 15px;
    }
    
    .dolugo-reference-actions {
        flex-direction: column;
    }
    
    .dolugo-form-select {
        padding: 12px 15px;
        font-size: 14px;
    }
}

/* Server Products Page için Dolugo Partner CSS Stilleri */
.dolugo-server-products-wrapper {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-page-subtitle {
    color: var(--dolugo-secondary);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.dolugo-categories-selector.aos-init {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem 0;
  	padding: 0 30px;
  	gap: 2rem;
}

.dolugo-category-btn {
    border: 2px solid #e0e0e0;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
  	border-radius: 16px;
  	padding: 10px 20px;
  	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  	position: relative;
  	overflow: hidden;
  	color: white !important;
}

.dolugo-server-table-container .dolugo-category-title{
	padding-left: 30px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.dolugo-category-btn:hover {
    border-color: var(--dolugo-primary);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dolugo-category-btn.dolugo-category-active {
    border-color: var(--dolugo-primary);
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-category-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.dolugo-category-text {
    font-weight: 600;
    font-size: 14px;
}

/* Products Grid Layout */
.dolugo-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.dolugo-product-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.dolugo-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dolugo-product-card.dolugo-product-popular {
    border: 2px solid var(--dolugo-primary);
}

.dolugo-popular-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--dolugo-primary);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    z-index: 2;
}

.dolugo-product-header {
    padding: 25px 25px 20px 25px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.dolugo-product-title {
    color: var(--dolugo-dark);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
}

.dolugo-product-period {
    color: var(--dolugo-secondary);
    font-size: 14px;
    font-weight: 500;
}

.dolugo-product-price {
    padding: 20px 25px;
    text-align: center;
    background: #f8f9fa;
}

.dolugo-price-amount {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.dolugo-currency-symbol {
    font-size: 18px;
    font-weight: 600;
    color: var(--dolugo-secondary);
}

.dolugo-currency-left {
    order: -1;
}

.dolugo-currency-right {
    order: 1;
}

.dolugo-price-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--dolugo-primary);
}

.dolugo-product-features {
    padding: 20px 25px;
}

.dolugo-feature-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.dolugo-feature-item:last-child {
    border-bottom: none;
}

.dolugo-feature-label {
    color: var(--dolugo-dark);
    font-size: 14px;
}

.dolugo-feature-value {
    color: var(--dolugo-primary);
    font-weight: 600;
}

.dolugo-features-text {
    color: var(--dolugo-dark);
    font-size: 14px;
    line-height: 1.6;
}

.dolugo-product-actions {
    padding: 0 25px 25px 25px;
}

/* Server Table Layout */
.dolugo-server-table-container {
    margin-bottom: 40px;
}

.dolugo-category-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
}

.dolugo-table-wrapper {
    background: white;
    border-radius: 16px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.dolugo-server-table {
    width: 100%;
    border-collapse: collapse;
}

.dolugo-table-header {
    background: var(--dolugo-primary);
    color: white;
    padding: 15px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

.dolugo-table-row {
    border-bottom: 1px solid #f0f0f0;
}

.dolugo-table-row:hover {
    background: #f8f9fa;
}

.dolugo-table-cell {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: var(--dolugo-dark);
}

.dolugo-product-info {
    text-align: left;
    padding-left: 20px;
}

.dolugo-product-name {
    display: block;
    margin-bottom: 8px;
    color: var(--dolugo-dark);
    font-size: 16px;
}

.dolugo-product-image {
    margin: 10px 0;
}

.dolugo-product-cover {
    width: 60px;
    height: 42px;
    object-fit: cover;
    border-radius: 8px;
}

.dolugo-stock-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.dolugo-stock-out {
    background: var(--dolugo-danger);
    color: white;
}

.dolugo-price-main {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.dolugo-price-period {
    font-size: 12px;
    color: var(--dolugo-secondary);
}

/* Content Section */
.dolugo-content-section {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

.dolugo-content-inner {
    line-height: 1.8;
    color: var(--dolugo-dark);
}

/* FAQ Section */
.dolugo-faq-section {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}

.dolugo-accordion-header {
    background: #f8f9fa;
    border: none;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--dolugo-dark);
    cursor: pointer;
    transition: background 0.3s ease;
}

.dolugo-accordion-header:hover {
    background: #e9ecef;
}

.dolugo-accordion-header.ui-state-active {
    background: var(--dolugo-primary);
    color: white;
}

.dolugo-accordion-content {
    padding: 20px;
    background: white;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

/* Responsive Design for Server Products */
@media (max-width: 1024px) {
    .dolugo-server-products-wrapper,
    .dolugo-content-section,
    .dolugo-faq-section {
        padding: 30px;
    }
    
    .dolugo-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
    }
    
    .dolugo-categories-selector {
        gap: 12px;
    }
    
    .dolugo-category-btn {
        padding: 15px;
        min-width: 100px;
    }
}

@media (max-width: 768px) {
    .dolugo-server-products-wrapper,
    .dolugo-content-section,
    .dolugo-faq-section {
        padding: 25px 20px;
    }
    
    .dolugo-page-subtitle {
        font-size: 16px;
    }
    
    .dolugo-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
    }
    
    .dolugo-product-header,
    .dolugo-product-price,
    .dolugo-product-features,
    .dolugo-product-actions {
        padding: 20px;
    }
    
    .dolugo-categories-selector {
        flex-direction: column;
        align-items: center;
    }
    
    .dolugo-category-btn {
        width: 100%;
        max-width: 300px;
        flex-direction: row;
        justify-content: center;
    }
    
    .dolugo-table-wrapper {
        overflow-x: auto;
    }
    
    .dolugo-server-table {
        min-width: 800px;
    }
}

@media (max-width: 480px) {
    .dolugo-server-products-wrapper,
    .dolugo-content-section,
    .dolugo-faq-section {
        padding: 20px 15px;
    }
    
    .dolugo-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-product-header,
    .dolugo-product-price,
    .dolugo-product-features,
    .dolugo-product-actions {
        padding: 15px;
    }
    
    .dolugo-price-value {
        font-size: 24px;
    }
    
    .dolugo-category-btn {
        padding: 12px;
        font-size: 14px;
    }
    
    .dolugo-table-cell {
        padding: 10px 5px;
        font-size: 12px;
    }
    
    .dolugo-table-header {
        padding: 12px 5px;
        font-size: 12px;
    }
}

/* Sign Reset Password New Page için Dolugo Partner CSS Stilleri */
.dolugo-reset-password-container {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 20px;
}

.dolugo-reset-password-title {
    color: var(--dolugo-dark);
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.3;
}

.dolugo-reset-password-divider {
    width: 60px;
    height: 3px;
    background: var(--dolugo-primary);
    margin: 0 auto 30px auto;
    border-radius: 2px;
}

.dolugo-form-section {
    margin-bottom: 30px;
}

.dolugo-form-subtitle {
    color: var(--dolugo-dark);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4;
}

.dolugo-form-description {
    color: var(--dolugo-secondary);
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.6;
}

.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-form-input {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 16px;
    color: var(--dolugo-dark);
    background: white;
    transition: all 0.3s ease;
    outline: none;
    text-align: center;
}

.dolugo-form-input:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 3px rgba(var(--dolugo-primary-rgb), 0.1);
}

.dolugo-form-input::placeholder {
    color: var(--dolugo-secondary);
    opacity: 0.7;
}

.dolugo-form-input-error {
    border-color: var(--dolugo-danger);
    color: var(--dolugo-danger);
}

.dolugo-form-input-error:focus {
    border-color: var(--dolugo-danger);
    box-shadow: 0 0 0 3px rgba(var(--dolugo-danger-rgb), 0.1);
}

.dolugo-form-actions {
    text-align: center;
}

.dolugo-form-error {
    margin-top: 15px;
    padding: 12px 16px;
    background: var(--dolugo-danger);
    color: white;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/* Success Message */
.dolugo-success-message {
    text-align: center;
    padding: 40px 20px;
}

.dolugo-success-content {
    max-width: 400px;
    margin: 0 auto;
}

.dolugo-success-icon {
    font-size: 64px;
    color: var(--dolugo-success);
    margin-bottom: 20px;
}

.dolugo-success-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.dolugo-success-text {
    color: var(--dolugo-secondary);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Info Message */
.dolugo-info-message {
    text-align: center;
    padding: 40px 20px;
}

.dolugo-info-content {
    max-width: 400px;
    margin: 0 auto;
}

.dolugo-info-icon {
    font-size: 64px;
    color: var(--dolugo-secondary);
    margin-bottom: 20px;
}

.dolugo-info-title {
    color: var(--dolugo-dark);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.dolugo-info-text {
    color: var(--dolugo-secondary);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design for Reset Password */
@media (max-width: 768px) {
    .dolugo-reset-password-container {
        padding: 30px 15px;
    }
    
    .dolugo-reset-password-title {
        font-size: 24px;
    }
    
    .dolugo-form-subtitle {
        font-size: 16px;
    }
    
    .dolugo-form-description {
        font-size: 15px;
    }
    
    .dolugo-form-input {
        padding: 14px 18px;
        font-size: 15px;
    }
    
    .dolugo-success-icon,
    .dolugo-info-icon {
        font-size: 56px;
    }
    
    .dolugo-success-title,
    .dolugo-info-title {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .dolugo-reset-password-container {
        padding: 25px 15px;
    }
    
    .dolugo-reset-password-title {
        font-size: 22px;
    }
    
    .dolugo-form-subtitle {
        font-size: 15px;
    }
    
    .dolugo-form-description {
        font-size: 14px;
    }
    
    .dolugo-form-input {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .dolugo-success-icon,
    .dolugo-info-icon {
        font-size: 48px;
    }
    
    .dolugo-success-title,
    .dolugo-info-title {
        font-size: 20px;
    }
    
    .dolugo-success-text,
    .dolugo-info-text {
        font-size: 15px;
    }
}

/* Sign Up New Page için Dolugo Partner CSS Stilleri */
.dolugo-signup-form {
    width: 100%;
}

.dolugo-modal-content {
    padding: 20px;
    line-height: 1.6;
    color: var(--dolugo-dark);
}

.dolugo-form-input,
.dolugo-form-select,
.dolugo-form-textarea {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
    color: var(--dolugo-dark);
    outline: none;
}

.dolugo-form-input:focus,
.dolugo-form-select:focus,
.dolugo-form-textarea:focus {
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 4px rgba(var(--dolugo-primary-rgb), 0.1);
}

.dolugo-form-input::placeholder,
.dolugo-form-textarea::placeholder {
    color: var(--dolugo-secondary);
    opacity: 0.7;
}

.dolugo-form-input-error {
    border-color: var(--dolugo-danger);
    color: var(--dolugo-danger);
}

.dolugo-form-input-error:focus {
    border-color: var(--dolugo-danger);
    box-shadow: 0 0 0 4px rgba(var(--dolugo-danger-rgb), 0.1);
}

.radio-custom,
.checkbox-custom {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    accent-color: var(--dolugo-primary);
}

.radio-custom-label,
.checkbox-custom-label {
    font-size: 0.9rem;
    color: var(--dolugo-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.kind-options {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}



.kind-options .radio-custom-label:hover {
    border-color: var(--dolugo-primary);
    background: #f8f9fa;
}

.kind-options input[type="radio"]:checked + .radio-custom-label {
    border-color: var(--dolugo-primary);
    background: var(--dolugo-primary);
    color: white;
}

.level-block {
    padding: 10px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

#weak {
    background: #ffe6e6;
    color: var(--dolugo-danger);
    border: 1px solid #ff7675;
}

#good {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

#strong {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.captcha-content {
    margin: 20px 0;
    text-align: center;
}

.captchainput {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    font-size: 1rem;
    background: white;
    margin-top: 10px;
}

.captchainput:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 4px rgba(var(--dolugo-primary-rgb), 0.1);
}

.sbtn {
    background: #f8f9fa;
    color: var(--dolugo-primary);
    border: 2px solid #e1e5e9;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.sbtn:hover {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

/* Responsive Design for Sign Up New */
@media (max-width: 768px) {
    .dolugo-form-input,
    .dolugo-form-select,
    .dolugo-form-textarea {
        padding: 14px 18px;
        font-size: 0.95rem;
    }
    
    .kind-options .radio-custom-label {
        min-width: 100px;
        padding: 8px 12px;
        font-size: 0.85rem;
    }
    
    .captchainput {
        padding: 14px 18px;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .dolugo-form-input,
    .dolugo-form-select,
    .dolugo-form-textarea {
        padding: 12px 16px;
        font-size: 0.9rem;
    }
    .kind-options .radio-custom-label {
            min-width: 80px;
            padding: 6px 10px;
            font-size: 0.8rem;
            margin: 2.5px 1px;
            border: 2px solid #e1e5e9;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-align: center;
            cursor: pointer;
            display: flex;
            align-items: center;
        }
    .captchainput {
        padding: 12px 16px;
        font-size: 0.9rem;
    }
}

/* Sign Up Page için Ek Dolugo Partner CSS Stilleri */
.dolugo-form-group {
    margin-bottom: 20px;
}

.dolugo-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--dolugo-dark);
    font-size: 0.95rem;
}

.dolugo-form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.dolugo-form-col {
    flex: 1;
}

.dolugo-form-actions {
    text-align: center;
    border-top: 1px solid #e1e5e9;
}

.dolugo-checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.dolugo-link {
    display: inline-block;
    margin-top: 15px;
    color: var(--dolugo-primary);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.dolugo-link:hover {
    color: var(--dolugo-primary-dark);
    text-decoration: underline;
}

/* Video Background Stilleri */
#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.stopfade {
    opacity: 0.5;
}

/* Sign Up Page Layout Stilleri */
#uyeolgiris {
    position: fixed;
    overflow: auto;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    bottom: 0px;
    background-image: url(../images/noisebg.png);
    background-color: rgba(50, 90, 108, 0.55);
    background-repeat: repeat;
}

.uyeolgirisyap {
    float: none;
    width: 400px;
    margin: auto;
    border-radius: 27px;
    animation: fadeIn 2s both;
}

.uyeolgirisslogan {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0;
    display: none;
}

.uyeolgirishead {
    text-align: center;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 0;
    float: none;
    animation: fadeIn 2s both;
}

.padding30 {
    padding: 10px 30px;
}

.logo {
    float: none;
    margin-top: 0px;
    margin-bottom: 40px;
    position: relative;
}

.logo img {
    width: 200px;
}

.socialconnect {
    display: inline-block;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.footsosyal {
    margin-top: 15px;
}

.footsosyal a {
    color: #a1a1a1;
    margin: 0 5px;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.footsosyal a:hover {
    background: #eee;
    color: var(--dolugo-primary);
}

/* FadeIn Animation */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Responsive Design for Sign Up */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .uyeolgirishead {
        width: 100%;
        margin-top: 15%;
    }
    
    .uyeolgirishead .logo {
        margin-bottom: 25px;
    }
    
    .uyeolgirisyap {
        width: 100%;
    }
    
    #wrapper {
        width: 90%;
    }
    
    .uyeol {
        width: 100%;
        position: relative;
        border-right: none;
        margin-top: 0px !important;
    }
    
    .signupcon {
        position: relative;
        
    }
    
    #uyeolgiris {
        overflow-x: auto;
    }
    
    .uyeolgirisslogan {
        text-align: center;
    }
    
    .uyeolgirisslogan h4 {
        width: 90%;
        font-size: 17px;
        margin: auto;
        margin-top: 25px;
    }
    
    .dolugo-form-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-form-col {
        flex: none;
    }
}

@media (max-width: 480px) {
    .uyeolgirisyap {
        width: 95%;
        margin: 10px auto;
    }
    
    .padding30 {
        padding: 10px 20px;
    }
    
    .dolugo-form-actions {
        margin-top: 20px;
        padding-top: 15px;
    }
}

/* SMS Cancellation Page için Dolugo Partner CSS Stilleri */
.dolugo-sms-cancellation-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 20px;
}

.dolugo-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
}

.dolugo-card:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.dolugo-card-header {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    color: white;
    padding: 40px 30px;
    text-align: center;
}

.dolugo-card-icon {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 2rem;
}

.dolugo-card-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    color: white;
}

.dolugo-card-body {
    padding: 40px 30px;
}

.dolugo-sms-form {
    width: 100%;
}

.dolugo-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.dolugo-input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--dolugo-secondary);
    font-size: 1.1rem;
    z-index: 2;
}

.dolugo-form-input-lg {
    padding: 18px 20px 18px 50px;
    font-size: 1.1rem;
    height: auto;
}

.dolugo-form-actions {
    text-align: center;
}

.dolugo-btn-lg {
    padding: 16px 32px;
    font-size: 1.1rem;
    font-weight: 600;
    min-width: 200px;
}

.dolugo-error-message {
    background: var(--dolugo-danger);
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
    animation: fadeIn 0.3s ease;
}

/* Responsive Design for SMS Cancellation */
@media (max-width: 768px) {
    .dolugo-sms-cancellation-container {
        padding: 20px 15px;
    }
    
    .dolugo-card-header {
        padding: 30px 20px;
    }
    
    .dolugo-card-body {
        padding: 30px 20px;
    }
    
    .dolugo-card-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    
    .dolugo-card-title {
        font-size: 1.5rem;
    }
    
    .dolugo-form-input-lg {
        padding: 16px 18px 16px 45px;
        font-size: 1rem;
    }
    
    .dolugo-btn-lg {
        padding: 14px 28px;
        font-size: 1rem;
        min-width: 180px;
    }
}

@media (max-width: 480px) {
    .dolugo-sms-cancellation-container {
        padding: 15px 10px;
    }
    
    .dolugo-card-header {
        padding: 25px 15px;
    }
    
    .dolugo-card-body {
        padding: 25px 15px;
    }
    
    .dolugo-card-icon {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
        margin-bottom: 12px;
    }
    
    .dolugo-card-title {
        font-size: 1.3rem;
    }
    
    .dolugo-form-input-lg {
        padding: 14px 16px 14px 40px;
        font-size: 0.95rem;
    }
    
    .dolugo-btn-lg {
        padding: 12px 24px;
        font-size: 0.95rem;
        min-width: 160px;
    }
}

/* SMS Products Page için Dolugo Partner CSS Stilleri */
.dolugo-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin: 40px 0;
}

.dolugo-product-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    padding: 30px;
    position: relative;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.dolugo-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    border-color: var(--dolugo-primary);
}

.dolugo-product-popular {
    border-color: var(--dolugo-warning);
    box-shadow: 0 8px 30px rgba(var(--dolugo-warning-rgb), 0.2);
}

.dolugo-product-badge {
    position: absolute;
    top: 10px;
    right: 31%;
    background: var(--dolugo-warning);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 15px rgba(var(--dolugo-warning-rgb), 0.3);
}

.dolugo-product-badge i {
    font-size: 0.8rem;
}

.dolugo-product-header {
    text-align: center;
    margin-bottom: 25px;
}

.dolugo-product-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 10px 0;
}

.dolugo-product-period {
    color: var(--dolugo-secondary);
    font-size: 1rem;
    font-weight: 500;
}

.dolugo-product-price {
    text-align: center;
    margin-bottom: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
}

.dolugo-price-amount {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.dolugo-currency-symbol {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dolugo-primary);
}

.dolugo-currency-left {
    order: -1;
}

.dolugo-currency-right {
    order: 1;
}

.dolugo-price-value {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--dolugo-dark);
}

.dolugo-product-features {
    margin-bottom: 25px;
}

.dolugo-feature-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f1f3f4;
}

.dolugo-feature-item:last-child {
    border-bottom: none;
}

.dolugo-feature-label {
    color: var(--dolugo-secondary);
    font-size: 0.95rem;
}

.dolugo-feature-value {
    color: var(--dolugo-dark);
    font-weight: 600;
}

.dolugo-product-description {
    color: var(--dolugo-secondary);
    line-height: 1.6;
    font-size: 0.95rem;
    text-align: center;
    padding: 20px 0;
}

.dolugo-product-actions {
    text-align: center;
}

.dolugo-btn-block {
    width: 100%;
    padding: 16px 24px;
    font-size: 1.1rem;
    font-weight: 600;
}

/* Categories Section */
.dolugo-categories-section {
    margin: 50px 0;
}

.dolugo-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.dolugo-category-card {
    background: white;
    border-radius: 12px;
    padding: 25px 20px;
    text-align: center;
    text-decoration: none;
    color: var(--dolugo-dark);
    transition: all 0.3s ease;
    border: 2px solid #e9ecef;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.dolugo-category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: var(--dolugo-primary);
    color: var(--dolugo-primary);
}

.dolugo-category-active {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

.dolugo-category-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--dolugo-primary);
}

.dolugo-category-active .dolugo-category-icon {
    color: white;
}

.dolugo-category-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dolugo-category-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

/* Subcategory Section */
.dolugo-subcategory-section {
    margin: 50px 0;
}

.dolugo-subcategory-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dolugo-dark);
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid var(--dolugo-primary);
    position: relative;
}

.dolugo-subcategory-title::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--dolugo-warning);
}

/* Content Section */
.dolugo-content-section {
    margin: 50px 0;
}

/* FAQ Section */
.dolugo-faq-section {
    margin: 50px 0;
}

.dolugo-accordion .ui-accordion-header {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dolugo-dark);
    transition: all 0.3s ease;
}

.dolugo-accordion .ui-accordion-header:hover {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

.dolugo-accordion .ui-accordion-header.ui-state-active {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary);
}

.dolugo-accordion .ui-accordion-content {
    background: white;
    border: 2px solid #e9ecef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 20px;
    color: var(--dolugo-secondary);
    line-height: 1.6;
}

/* Responsive Design for SMS Products */
@media (max-width: 768px) {
    .dolugo-products-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        margin: 30px 0;
    }
    
    .dolugo-product-card {
        padding: 25px;
    }
    
    .dolugo-product-title {
        font-size: 1.3rem;
    }
    
    .dolugo-price-value {
        font-size: 2rem;
    }
    
    .dolugo-categories-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }
    
    .dolugo-category-card {
        padding: 20px 15px;
    }
    
    .dolugo-category-icon {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
    
    .dolugo-content-card,
    .dolugo-faq-card {
        padding: 30px 20px;
    }
    
    .dolugo-subcategory-title {
        font-size: 1.6rem;
    }
    
    .dolugo-faq-title {
        font-size: 1.6rem;
    }
}

@media (max-width: 480px) {
    .dolugo-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 20px 0;
    }
    
    .dolugo-product-card {
        padding: 20px;
    }
    
    .dolugo-product-title {
        font-size: 1.2rem;
    }
    
    .dolugo-price-value {
        font-size: 1.8rem;
    }
    
    .dolugo-categories-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-category-card {
        padding: 18px 15px;
    }
    
    .dolugo-category-icon {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
    }
    
    .dolugo-content-card,
    .dolugo-faq-card {
        padding: 25px 15px;
    }
    
    .dolugo-subcategory-title {
        font-size: 1.4rem;
    }
    
    .dolugo-faq-title {
        font-size: 1.4rem;
    }
}

/* Softwares Page için Dolugo Partner CSS Stilleri */
.dolugo-software-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    margin: 40px 0;
}

.dolugo-main-content {
    min-width: 0;
}

.dolugo-sidebar {
    min-width: 0;
}

.dolugo-software-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.dolugo-software-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.dolugo-software-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    border-color: var(--dolugo-primary);
}

.dolugo-software-image {
    position: relative;
    overflow: hidden;
}

.dolugo-software-cover {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.dolugo-software-card:hover .dolugo-software-cover {
    transform: scale(1.05);
}

.dolugo-software-tag {
    position: absolute;
    top: 15px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    z-index: 2;
}

.dolugo-tag-primary {
    background: var(--dolugo-primary);
    left: 15px;
}

.dolugo-tag-secondary {
    background: var(--dolugo-warning);
    right: 15px;
}

.dolugo-software-content {
    padding: 25px;
}

.dolugo-software-title {
    margin: 0 0 15px 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
}

.dolugo-software-title a {
    color: var(--dolugo-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.dolugo-software-title a:hover {
    color: var(--dolugo-primary);
}

.dolugo-software-price {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 10px;
}

.dolugo-price-amount {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.dolugo-currency-symbol {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dolugo-primary);
}

.dolugo-currency-left {
    order: -1;
}

.dolugo-currency-right {
    order: 1;
}

.dolugo-price-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--dolugo-dark);
}

.dolugo-btn-sm {
    padding: 10px 16px;
    font-size: 0.9rem;
    min-width: auto;
    flex: 1;
}

/* Sidebar Styles */
.dolugo-sidebar-card {
    background: white;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.dolugo-sidebar-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--dolugo-primary);
}

.dolugo-search-form {
    width: 100%;
}

.dolugo-input-group {
    display: flex;
    gap: 10px;
}

.dolugo-input-group .dolugo-form-input {
    flex: 1;
    margin: 0;
}

.dolugo-input-group .dolugo-btn {
    padding: 12px 16px;
    min-width: auto;
}

/* Categories List */
.dolugo-categories-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-category-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: var(--dolugo-secondary);
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.dolugo-category-link:hover {
    background: var(--dolugo-primary);
    color: white;
    transform: translateX(5px);
}

.dolugo-category-active {
    background: var(--dolugo-primary);
    color: white;
    border-color: var(--dolugo-primary-dark);
}

.dolugo-category-name {
    font-weight: 500;
}

.dolugo-category-count {
    font-size: 0.85rem;
    opacity: 0.8;
}

/* Empty State */
.dolugo-empty-state {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.dolugo-empty-icon {
    font-size: 4rem;
    color: var(--dolugo-secondary);
    margin-bottom: 20px;
}

.dolugo-empty-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dolugo-dark);
    margin: 0 0 10px 0;
}

.dolugo-empty-description {
    color: var(--dolugo-secondary);
    font-size: 1rem;
    margin: 0;
}

/* Pagination Wrapper */
.dolugo-pagination-wrapper {
    margin: 40px 0;
    text-align: center;
}

/* Responsive Design for Softwares */
@media (min-width: 1024px) {
    .dolugo-software-actions {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .dolugo-company-section {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }
    
    .dolugo-client-details {
        grid-template-columns: 1fr;
    }
    
    .dolugo-qr-section {
        flex-direction: column;
        text-align: center;
    }
    h1 {
        font-size: var(--dolugo-font-size-2xl);
    }
    
    h2 {
        font-size: var(--dolugo-font-size-xl);
    }
    
    .mioslidertext h1 {
        font-size: var(--dolugo-font-size-xl);
    }
    .dolugo-software-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-sidebar {
        order: -1;
    }
    
    .dolugo-software-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: var(--dolugo-font-size-xl);
    }
    
    h2 {
        font-size: var(--dolugo-font-size-lg);
    }
    
    .kinfo {
        font-size: var(--dolugo-font-size-xs);
    }
    
    .mioslidertext h1 {
        font-size: var(--dolugo-font-size-lg);
    }
    
    .mioslidertext p {
        font-size: var(--dolugo-font-size-xs);
    }
    
    .mioslidertext #largeredbtn {
        font-size: var(--dolugo-font-size-xs);
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-xl);
        margin-top: var(--dolugo-spacing-xs);
    }
    .dolugo-invoice-container {
        padding: 20px;
    }
    
    .dolugo-company-section,
    .dolugo-client-section,
    .dolugo-invoice-items,
    .dolugo-payment-selection {
        padding: 20px;
    }
    
    .dolugo-client-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .dolugo-items-header,
    .dolugo-item-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .dolugo-item-amount {
        text-align: left;
    }
    
    .dolugo-action-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-action-buttons .dolugo-btn {
        width: 100%;
        justify-content: center;
    }
    
    .dolugo-paid-invoice,
    .dolugo-special-note {
        margin: 20px;
    }
    .dolugo-software-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
    }
    
    .dolugo-software-card {
        padding: 20px;
    }
    
    .dolugo-software-content {
        padding: 20px;
    }
    
    .dolugo-software-title {
        font-size: 1.2rem;
    }
    
    .dolugo-price-value {
        font-size: 1.6rem;
    }
    
    .dolugo-software-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .dolugo-sidebar-card {
        padding: 20px;
    }
    
    .dolugo-category-link {
        padding: 10px 14px;
    }
    .menu li a:hover {
        border-bottom: none;
        background: rgba(255, 255, 255, 0.1);
    }
    
    #megamenuli {
        position: static;
    }
    
    .menu ul li ul li:hover a {
        background: rgba(255, 255, 255, 0.05);
    }
}

@media (max-width: 480px) {
    .menu li a {
        line-height: 50px;
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        font-size: var(--dolugo-font-size-base);
    }
    .dolugo-invoice-container {
        padding: 15px;
    }
    
    .dolugo-company-section,
    .dolugo-client-section,
    .dolugo-invoice-items,
    .dolugo-payment-selection {
        padding: 15px;
    }
    
    .dolugo-company-logo img {
        max-width: 150px;
    }
    
    .dolugo-client-header h3 {
        font-size: 20px;
    }
    
    .dolugo-invoice-number {
        font-size: 14px;
        padding: 10px 16px;
    }
    
    .dolugo-status {
        font-size: 16px;
        padding: 10px 20px;
    }
    
    .dolugo-paid-invoice,
    .dolugo-special-note {
        margin: 15px;
        padding: 20px;
    }
    
    .dolugo-qr-section {
        padding: 20px 15px;
    }
    
    .dolugo-qr-left img {
        width: 80px;
        height: 80px;
    }
    .dolugo-software-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .dolugo-software-card {
        padding: 18px;
    }
    
    .dolugo-software-content {
        padding: 18px;
    }
    
    .dolugo-software-title {
        font-size: 1.1rem;
    }
    
    .dolugo-price-value {
        font-size: 1.4rem;
    }
    
    .dolugo-software-cover {
        height: 180px;
    }
    
    .dolugo-sidebar-card {
        padding: 18px;
    }
    
    .dolugo-category-link {
        padding: 8px 12px;
    }
    
    .dolugo-empty-state {
        padding: 40px 15px;
    }
    
    .dolugo-empty-icon {
        font-size: 3rem;
    }
    
    .dolugo-empty-title {
        font-size: 1.3rem;
    }
}

/* Special Products Page için Ek Dolugo Partner CSS Stilleri */
.dolugo-out-of-stock {
    background: var(--dolugo-danger);
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 10px 0;
}

.dolugo-out-of-stock-inline {
    padding: 8px 12px;
    font-size: 0.9rem;
    margin: 0;
}

/* Table Styles for Special Products */
.dolugo-table-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 0 30px;
}

.dolugo-table-wrapper {
    overflow-x: auto;
}

.dolugo-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.dolugo-table-header {
    color: white;
    padding: 20px 16px;
    text-align: center;
    font-weight: 600;
    background-image: unset !important;
    background: #667eea;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dolugo-table-row {
    transition: all 0.3s ease;
}

.dolugo-table-row:hover {
    background: #f8f9fa;
}

.dolugo-table-cell {
    padding: 20px 16px;
    text-align: center;
    vertical-align: middle;
}

.dolugo-table-row:last-child .dolugo-table-cell {
    border-bottom: none;
}

/* Product Info Cell */
.dolugo-product-info-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dolugo-product-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin: 0;
}

.dolugo-product-image {
    display: flex;
    justify-content: center;
}

.dolugo-product-image img {
    width: auto;
    height: 42px;
    object-fit: contain;
    border-radius: 6px;
}

.dolugo-stock-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.dolugo-stock-out {
    background: var(--dolugo-danger);
    color: white;
}

/* Feature Cell */
.dolugo-feature-cell {
    font-weight: 500;
    color: var(--dolugo-dark);
}

/* Price Cell */
.dolugo-price-cell {
    text-align: center;
}

.dolugo-price-main {
    font-size: 1.2rem;
    font-weight: 700;
}

.dolugo-price-period {
    font-size: 0.9rem;
    color: var(--dolugo-secondary);
}

/* Action Cell */
.dolugo-action-cell {
    text-align: center;
}

/* Responsive Table Design */
@media (max-width: 768px) {
    .dolugo-table-container {
        margin: 20px 0;
    }
    
    .dolugo-table-header {
        padding: 15px 12px;
        font-size: 0.9rem;
    }
    
    .dolugo-table-cell {
        padding: 15px 12px;
        font-size: 0.9rem;
    }
    
    .dolugo-product-name {
        font-size: 1rem;
    }
    
    .dolugo-price-main {
        font-size: 1.1rem;
    }
    
    .dolugo-price-period {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .dolugo-table-container {
        margin: 20px 0;
    }
    
    .dolugo-table-header {
        padding: 12px 8px;
        font-size: 0.85rem;
    }
    
    .dolugo-table-cell {
        padding: 12px 8px;
        font-size: 0.85rem;
    }
    
    .dolugo-product-name {
        font-size: 0.95rem;
    }
    
    .dolugo-product-image img {
        height: 35px;
    }
    
    .dolugo-price-main {
        font-size: 1rem;
    }
    
    .dolugo-price-period {
        font-size: 0.75rem;
    }
    
    .dolugo-out-of-stock-inline {
        padding: 6px 10px;
        font-size: 0.8rem;
    }
}

/* Theme Settings Page için Dolugo Partner CSS Stilleri */
.dolugo-theme-settings {
    max-width: 800px;
    margin: 0 auto;
}

.dolugo-settings-section {
    background: white;
    border-radius: 16px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.dolugo-settings-section:hover {
    border-color: var(--dolugo-primary);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
}

.dolugo-settings-header {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    color: white;
    padding: 25px 30px;
}

.dolugo-settings-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.dolugo-settings-title i {
    font-size: 1.2rem;
    opacity: 0.9;
}

.dolugo-settings-description {
    margin: 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

.dolugo-settings-content {
    padding: 30px;
}

/* Header Types Grid */
.dolugo-header-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.dolugo-header-type-option {
    position: relative;
}

.dolugo-radio-custom {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.dolugo-radio-label {
    cursor: pointer;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
    background: white;
}

.dolugo-radio-label:hover {
    border-color: var(--dolugo-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.dolugo-radio-custom:checked + .dolugo-radio-label {
    border-color: var(--dolugo-primary);
    background: linear-gradient(135deg, rgba(var(--dolugo-primary-rgb), 0.05) 0%, rgba(var(--dolugo-primary-rgb), 0.1) 100%);
    box-shadow: 0 8px 25px rgba(var(--dolugo-primary-rgb), 0.15);
}

.dolugo-radio-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-radio-icon {
    width: 40px;
    height: 40px;
    background: var(--dolugo-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

.dolugo-radio-custom:checked + .dolugo-radio-label .dolugo-radio-icon {
    opacity: 1;
    transform: scale(1);
}

.dolugo-radio-text {
    flex: 1;
}

.dolugo-radio-title {
    display: block;
    font-weight: 600;
    color: var(--dolugo-dark);
    margin-bottom: 4px;
}

.dolugo-radio-description {
    display: block;
    font-size: 0.9rem;
    color: var(--dolugo-secondary);
}

/* Client Area Types Grid */
.dolugo-client-area-types-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.dolugo-client-area-type-option {
    position: relative;
}

/* Toggle Switch */
.dolugo-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.dolugo-toggle-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.dolugo-toggle-label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    background: #e5e7eb;
    border-radius: 32px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dolugo-toggle-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 28px;
    height: 28px;
    background: white;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dolugo-toggle-input:checked + .dolugo-toggle-label {
    background: var(--dolugo-primary);
}

.dolugo-toggle-input:checked + .dolugo-toggle-label .dolugo-toggle-slider {
    transform: translateX(28px);
}

.dolugo-toggle-text {
    font-weight: 500;
    color: var(--dolugo-dark);
}

/* Range Slider */
.dolugo-range-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dolugo-range-container {
    flex: 1;
    position: relative;
}

.dolugo-range-slider {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
}

.dolugo-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--dolugo-primary);
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(var(--dolugo-primary-rgb), 0.3);
    transition: all 0.3s ease;
}

.dolugo-range-slider::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(var(--dolugo-primary-rgb), 0.4);
}

.dolugo-range-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
}

.dolugo-range-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--dolugo-primary) 0%, var(--dolugo-primary-light) 100%);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.dolugo-range-value {
    min-width: 60px;
    text-align: center;
    font-weight: 600;
    color: var(--dolugo-primary);
    font-size: 1.1rem;
}

/* Design Mode Grid */
.dolugo-design-mode-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.dolugo-design-mode-option {
    position: relative;
}

.dolugo-light-mode .dolugo-radio-icon {
    background: #f59e0b;
}

.dolugo-dark-mode .dolugo-radio-icon {
    background: #374151;
}

/* Color Selector */
.dolugo-color-selector {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.dolugo-color-preview {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.dolugo-color-preview-item {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 3px solid white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.dolugo-color-preview-item:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.dolugo-color-controls {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dolugo-dominant-colors {
    text-align: center;
}

.dolugo-color-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.dolugo-color-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dolugo-color-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--dolugo-dark);
    font-size: 0.95rem;
}

.dolugo-color-label i {
    font-size: 1rem;
}

.dolugo-color-picker {
    width: 100%;
    height: 45px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

.dolugo-color-picker:focus {
    outline: none;
    border-color: var(--dolugo-primary);
    box-shadow: 0 0 0 4px rgba(var(--dolugo-primary-rgb), 0.1);
}

/* Theme.php için Dolugo Partner CSS Stilleri */
.dolugo-theme-class {
    font-family: var(--dolugo-font-family-primary);
    color: var(--dolugo-text-color);
    background: var(--dolugo-bg-color);
}

.dolugo-theme-info {
    background: linear-gradient(135deg, var(--dolugo-primary) 0%, var(--dolugo-primary-dark) 100%);
    color: white;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.dolugo-theme-info h3 {
    margin: 0 0 10px 0;
    font-size: 1.3rem;
    font-weight: 600;
}

.dolugo-theme-info p {
    margin: 0;
    opacity: 0.9;
    font-size: 0.95rem;
}

.dolugo-theme-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.dolugo-theme-feature {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px 15px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
}

.dolugo-theme-version {
    background: rgba(255, 255, 255, 0.2);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1024px) {
    .sayfacontent { padding: 20px; }
    .sidebar { width: 100%; float: none; margin-top: 20px; }
    .anascriptlist { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .anascripler { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .gonderbtn { padding: 12px 25px; font-size: 14px; }
    .btn { padding: 12px 25px; font-size: 14px; }
    .iletisimformu { width: 100%; float: none; margin-top: 20px; }
    .googlemap { width: 100%; float: none; margin-bottom: 20px; }
    .sepetleft { width: 100%; float: none; margin-bottom: 20px; }
    .sepetright { width: 100%; float: none; position: static; }
    .domainsec { width: 100%; padding: 0 20px; }
    .domainsec input { width: 100%; font-size: 18px; }
    .domainsec select { width: 100%; font-size: 16px; }
    .sungenbil { width: 100%; float: none; margin-bottom: 20px; }
    .sunucusipside { width: 100%; float: none; position: static; }
    .sayfacontent {
        padding: 20px;
    }
    
    .sidebar {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    
    /* Header ve navigation */
    .sabithead {
        padding: 10px 20px;
    }
    
    .headustlinks a {
        font-size: 13px;
        padding: 8px 12px;
    }
    
    .sosyalbtns a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .langbtn {
        padding: 8px 15px;
        font-size: 13px;
    }
    
    .headbutonlar a {
        padding: 8px 15px;
        font-size: 13px;
    }
    
    /* Ana içerik */
    .anascriptlist {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .anascripler {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* Butonlar */
    .gonderbtn {
        padding: 12px 25px;
        font-size: 14px;
    }
    
    .btn {
        padding: 12px 25px;
        font-size: 14px;
    }
    
    /* Formlar */
    .iletisimformu {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    
    .googlemap {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    /* Sepet */
    .sepetleft {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .sepetright {
        width: 100%;
        float: none;
        position: static;
    }
    
    /* Domain arama */
    .domainsec {
        width: 100%;
        padding: 0 20px;
    }
    
    .domainsec input {
        width: 100%;
        font-size: 18px;
    }
    
    .domainsec select {
        width: 100%;
        font-size: 16px;
    }
    
    /* Sunucu konfigürasyonu */
    .sungenbil {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .sunucusipside {
        width: 100%;
        float: none;
        position: static;
    }
    .urunozellikleri .fa-caret-right {
        font-size: var(--dolugo-font-size-xl);
        margin-top: var(--dolugo-spacing-xl);
    }
    .urunozellikleri .fa-check-circle {
        font-size: var(--dolugo-font-size-base);
        margin-top: var(--dolugo-spacing-xl);
    }
    .paketbadge {
        width: 120px;
        height: 50px;
        font-size: var(--dolugo-font-size-xs);
        line-height: 65px;
        left: -40px;
        top: -10px;
    }
    .scripthoverinfo {
        margin: 60px 5px;
        padding: var(--dolugo-spacing-xs);
    }
    .ebultencont input {
        width: 350px;
        line-height: 40px;
    }

    .callbacks .caption {
        font-size: 18px;
        padding: 8px 16px;
    }
    .scripthoverinfo {
        width: 220px;
        height: 170px;
    }
    .slidetext-container {
        width: 85%;
        margin-top: 25%;
    }
    .callbacks .caption {
        font-size: 18px;
        padding: 8px 16px;
    }
    .headerwhite {
        height: 120px;
    }
    .sidelinks {
        width: 28%;
    }
    .yuzde30 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde33 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde40 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde50inpt {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .clean-theme-signup-box .yuzde50 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde60 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde70 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde25 {
        width: 48%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .mpanelblok {
        width: 23%;
        margin-right: var(--dolugo-spacing-xs);
        min-height: 130px;
    }
    .mpanelrightcon {
        width: 70%;
        margin-bottom: var(--dolugo-spacing-md);
        margin-top: var(--dolugo-spacing-md);
    }
    .yuzde75 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde90 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde80 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .sayfacontent { 
        padding: 20px; 
    }
    
    .sidebar { 
        width: 100%; 
        float: none; 
        margin-top: 20px; 
    }
    
    .anascriptlist { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 20px; 
    }
    
    .anascripler { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 20px; 
    }
    
    .gonderbtn { 
        padding: 12px 25px; 
        font-size: 14px; 
    }
    
    .btn { 
        padding: 12px 25px; 
        font-size: 14px; 
    }
    
    .iletisimformu { 
        width: 100%; 
        float: none; 
        margin-top: 20px; 
    }
    
    .googlemap { 
        width: 100%; 
        float: none; 
        margin-bottom: 20px; 
    }
    
    .sepetleft { 
        width: 100%; 
        float: none; 
        margin-bottom: 20px; 
    }
    
    .sepetright { 
        width: 100%; 
        float: none; 
        position: static; 
    }
    
    .domainsec { 
        width: 100%; 
        padding: 0 20px; 
    }
    
    .domainsec input { 
        width: 100%; 
        font-size: 18px; 
    }
    
    .domainsec select { 
        width: 100%; 
        font-size: 16px; 
    }
    
    .sungenbil { 
        width: 100%; 
        float: none; 
        margin-bottom: 20px; 
    }
    
    .sunucusipside { 
        width: 100%; 
        float: none; 
        position: static; 
    }
    .menu ul li ul li a {
        text-align: center;
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        line-height: 45px;
        color: #374151;
        font-size: var(--dolugo-font-size-sm);
    }
    
    .menu ul li ul li a:hover {
        background: rgba(0, 0, 0, 0.05);
    }
    .headbutonlar a {
        margin-left: var(--dolugo-spacing-md);
        font-size: var(--dolugo-font-size-sm);
    }
    .tablepaket {
        width: 48%;
        margin: var(--dolugo-spacing-xs);
        padding-bottom: var(--dolugo-spacing-sm);
    }
    .tpakettitle {
        font-size: var(--dolugo-font-size-xl);
        margin-bottom: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-md);
    }
    .paketbadge {
        width: 120px;
        height: 50px;
        font-size: var(--dolugo-font-size-xs);
        line-height: 65px;
        left: -40px;
        top: -12px;
    }
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 768px) {
    .paketbadge {
        width: 100px;
        height: 40px;
        font-size: var(--dolugo-font-size-xs);
        line-height: 50px;
        left: -30px;
        top: -12px;
    }
    .tpakettitle {
        font-size: var(--dolugo-font-size-lg);
        margin-bottom: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-sm);
    }
    .tablepaket {
        width: 100%;
        margin: var(--dolugo-spacinsg-xs) 0;
        padding-bottom: var(--dolugo-spacing-sm);
        display: block;
    }
    .headbutonlar a {
        float: none;
        margin-left: var(--dolugo-spacing-sm);
        margin-right: var(--dolugo-spacing-sm);
        font-size: var(--dolugo-font-size-sm);
    }
    
    .headbutonlar i {
        margin-right: var(--dolugo-spacing-xs);
    }
    
    #sepeticon {
        font-size: var(--dolugo-font-size-xl);
        margin-right: var(--dolugo-spacing-sm);
        margin-top: -5px;
    }
    .menu ul li ul li a {
        text-align: left;
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-lg);
        line-height: 50px;
        color: rgba(255, 255, 255, 0.9);
        font-size: var(--dolugo-font-size-base);
    }
    
    .menu ul li ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: white;
    }
    .sayfacontent { 
        padding: 15px; 
    }
    
    .anascriptlist { 
        grid-template-columns: 1fr; 
        gap: 15px; 
    }
    
    .anascripler { 
        grid-template-columns: 1fr; 
        gap: 15px; 
    }
    
    .gonderbtn { 
        padding: 10px 20px; 
        font-size: 13px; 
        width: 100%; 
        text-align: center; 
        margin-top: 10px; 
    }
    
    .btn { 
        padding: 10px 20px; 
        font-size: 13px; 
        width: 100%; 
        text-align: center; 
        margin-top: 10px; 
    }
    
    .iletisimformu input,
    .iletisimformu textarea { 
        font-size: 14px; 
        padding: 12px 0; 
    }
    
    .sepetbaslik { 
        line-height: 40px; 
        font-size: 14px; 
        padding: 0 15px; 
    }
    
    .alanadisorgu h1 { 
        font-size: 28px; 
    }
    
    .alanadisorgu input { 
        width: 100%; 
        font-size: 18px; 
        padding: 15px 20px; 
    }
    
    .alanadisorgu .gonderbtn { 
        width: 100%; 
        margin-left: 0; 
        margin-top: 15px; 
    }
    .katslogan {
        margin-top: var(--dolugo-spacing-xs);
    }
    .urunozellikleri .fa-caret-right {
        font-size: var(--dolugo-font-size-lg);
        margin-top: var(--dolugo-spacing-lg);
        position: relative;
        margin-left: 0;
        display: block;
        text-align: center;
    }
    .urunozellikleri .fa-check-circle {
        font-size: var(--dolugo-font-size-base);
        margin-top: var(--dolugo-spacing-lg);
        position: relative;
        margin-left: 0;
        display: block;
        text-align: center;
    }
    .paketbadge {
        width: 100px;
        height: 40px;
        font-size: var(--dolugo-font-size-xs);
        line-height: 50px;
        left: -30px;
        top: -8px;
    }
    .haberblog {
        margin-bottom: var(--dolugo-spacing-xs);
        width: 100%;
        padding: var(--dolugo-spacing-sm);
    }
    .ebultencont input {
        width: 60%;
        line-height: 35px;
        padding: 3px;
    }
    .ebultencont {
        font-size: 20px;
        margin: 12px;
        margin-left: 15px;
    }
    .footblok {
        width: 150px;
        margin-bottom: var(--dolugo-spacing-lg);
    }
    .headmail {
        line-height: 45px;
        font-size: var(--dolugo-font-size-sm);
    }
    .headmail {
        padding: var(--dolugo-spacing-sm) 0;
        background-size: cover;
    }
    .headmail i {
        font-size: 32px;
        margin-right: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-xs);
    }
    .headmail p {
        font-size: var(--dolugo-font-size-sm);
        line-height: 20px;
    }
    #fullwidth .headbutonlar #headicon {
        font-size: 18px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: var(--dolugo-spacing-md);
        margin-top: 2px;
    }
    .rslides_tabs {
        font-size: var(--dolugo-font-size-base);
        margin: 0 auto var(--dolugo-spacing-xl);
        max-width: 90%;
        padding: var(--dolugo-spacing-sm) 0;
    }
    .rslides_tabs li {
        margin-right: var(--dolugo-spacing-xs);
    }
    .rslides_tabs a {
        line-height: 18px;
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        border-radius: var(--dolugo-border-radius-sm);
    }
    .rslides_tabs .rslides_here a {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    .slidetext-container {
        width: 90%;
        margin-top: 30%;
        text-align: center;
    }
    .callbacks .caption {
        font-size: var(--dolugo-font-size-base);
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        position: relative;
        border-radius: var(--dolugo-border-radius-sm);
        margin: var(--dolugo-spacing-sm);
    }
    .callbacks_nav {
        transform: scale(1.1);
        transition: transform 0.2s ease;
    }
    .callbacks_nav.next {
        right: var(--dolugo-spacing-sm);
    }
    .scripthoverinfo {
        width: 100%;
        height: 150px;
        position: relative;
        opacity: 1;
        filter: alpha(opacity=100);
        background: rgba(0, 0, 0, 0.8);
    }
    .haberblog {
        margin-bottom: var(--dolugo-spacing-xs);
        width: 100%;
        padding: var(--dolugo-spacing-sm);
    }
    .ebultencont i {
        font-size: 20px;
        margin: 12px;
        margin-left: 15px;
    }
    .footblok {
        width: 150px;
        margin-bottom: var(--dolugo-spacing-lg);
    }
    .headmail {
        line-height: 45px;
        font-size: var(--dolugo-font-size-sm);
    }
    .headmail {
        padding: var(--dolugo-spacing-sm) 0;
        background-size: cover;
    }
    .headmail i {
        font-size: 32px;
        margin-right: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-xs);
    }
    .headmail p {
        font-size: var(--dolugo-font-size-sm);
        line-height: 20px;
    }
    #fullwidth .headbutonlar .borderedbtn {
        border-width: 1px;
        font-size: var(--dolugo-font-size-sm);
    }
    .rslides_tabs li {
        margin-right: var(--dolugo-spacing-xs);
    }
    .rslides_tabs a {
        line-height: 18px;
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        border-radius: var(--dolugo-border-radius-sm);
    }
    .rslides_tabs .rslides_here a {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
    .slidetext-container {
        width: 90%;
        margin-top: 30%;
        text-align: center;
    }
    .callbacks .caption {
        font-size: var(--dolugo-font-size-base);
        padding: var(--dolugo-spacing-sm) var(--dolugo-spacing-md);
        position: relative;
        border-radius: var(--dolugo-border-radius-sm);
        margin: var(--dolugo-spacing-sm);
    }
    .callbacks_nav {
        transform: scale(1.1);
        transition: transform 0.2s ease;
    }
    .callbacks_nav.next {
        right: var(--dolugo-spacing-sm);
    }
    .headerwhite {
        height: 100px;
        position: relative;
        bottom: 0;
    }
    .sidelinks {
        width: 100%;
        float: none;
        border-right: none;
        border-bottom: 2px solid #ececec;
        margin-top: var(--dolugo-spacing-lg);
        margin-bottom: var(--dolugo-spacing-lg);
    }
    .headinfospan {
        font-size: var(--dolugo-font-size-sm);
        line-height: 20px;
    }
    #megamenu:hover #megamenuservice a {
        background: rgba(255,255,255,0.1);
        border-radius: var(--dolugo-border-radius-sm);
    }
    #slider2, #slider3 {
        margin: 0 auto var(--dolugo-spacing-lg);
    }
    .rslides_tabs li:first-child {
        margin-left: 0;
    }
    .callbacks_nav:active {
        transform: scale(1.1);
        transition: transform 0.2s ease;
    }
    .sayfabaslik i {
        font-size: var(--dolugo-font-size-xs);
        margin: var(--dolugo-spacing-sm);
    }
    .scriptrightside .paypasbutonlar {
        float: none;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    .sunucular {
        margin-top: 8px;
        margin-bottom: 20px;
    }
    .yuzde5 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
    .yuzde10 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
    .yuzde15 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
    .yuzde20 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-xs);
    }
    .yuzde30 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde33 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde40 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde50inpt {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .clean-theme-signup-box .yuzde50 {
        width: 145% !important;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde60 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde70 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde80 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde90 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde25 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .yuzde75 {
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .mpanelinfo {
        height: 50px;
        line-height: 50px;
        font-size: var(--dolugo-font-size-sm);
    }
    .mpanelrightcon {
        float: none;
        width: 100%;
        margin-bottom: var(--dolugo-spacing-sm);
        margin-top: var(--dolugo-spacing-sm);
        min-height: auto;
    }
    .mpanelrightcon {
        padding: var(--dolugo-spacing-md);
    }
    .mpaneltitle {
        padding-bottom: var(--dolugo-spacing-xs);
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .mpaneltitle h4 {
        margin-right: var(--dolugo-spacing-xs);
    }
    .mpaneltitle h4 {
        font-size: var(--dolugo-font-size-base);
    }
    .mpanelblok {
        margin-top: var(--dolugo-spacing-md);
    }
    .mpanelblok:first-child:nth-last-child(3),
    .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok {
        width: 48%;
    }
    .mpanelblok:first-child:nth-last-child(4),
    .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok {
        width: 48%;
    }
    .mpanelblok {
        width: 48%;
        margin-right: var(--dolugo-spacing-xs);
        margin-bottom: var(--dolugo-spacing-sm);
        min-height: 120px;
    }
    .dolugo-settings-content {
        padding: 20px;
    }
    
    .dolugo-settings-header {
        padding: 20px;
    }
    
    .dolugo-settings-title {
        font-size: 1.2rem;
    }
    
    .dolugo-header-types-grid,
    .dolugo-client-area-types-grid,
    .dolugo-design-mode-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .dolugo-range-wrapper {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .dolugo-color-inputs {
        grid-template-columns: 1fr;
    }
    .sayfacontent {
        padding: 15px;
    }
    
    /* Header */
    .sabithead {
        padding: 8px 15px;
    }
    
    .headustlinks a {
        font-size: 12px;
        padding: 6px 10px;
        margin: 0 2px;
    }
    
    .sosyalbtns a {
        width: 30px;
        height: 30px;
        font-size: 12px;
        margin: 0 3px;
    }
    
    .langbtn {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .headbutonlar a {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    /* Logo ve başlık */
    .head2logo {
        text-align: center;
        margin-bottom: 15px;
    }
    
    .head2logo img {
        max-width: 200px;
        height: auto;
    }
    
    .slidetext-container {
        padding: 20px;
    }
    
    .slidetext-container h1 {
        font-size: 24px;
        line-height: 1.3;
    }
    
    .slidetext-container p {
        font-size: 16px;
        line-height: 1.4;
    }
    
    /* Ana içerik */
    .anascriptlist {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .anascripler {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .anascriptlist div h5 {
        font-size: 16px;
        line-height: 1.3;
    }
    
    /* Butonlar */
    .gonderbtn {
        padding: 10px 20px;
        font-size: 13px;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    
    .btn {
        padding: 10px 20px;
        font-size: 13px;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    
    /* Formlar */
    .iletisimformu input,
    .iletisimformu textarea {
        font-size: 14px;
        padding: 12px 0;
    }
    
    /* Sepet */
    .sepetbaslik {
        line-height: 40px;
        font-size: 14px;
        padding: 0 15px;
    }
    
    /* Domain arama */
    .alanadisorgu h1 {
        font-size: 28px;
    }
    
    .alanadisorgu input {
        width: 100%;
        font-size: 18px;
        padding: 15px 20px;
    }
    
    .alanadisorgu .gonderbtn {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    
    /* Sunucu konfigürasyonu */
    .skonfiginfo h4 {
        font-size: 16px;
    }
    
    .skonfigside h4 {
        font-size: 16px;
    }
    
    .skonfigside span {
        font-size: 13px;
    }
    
    /* İlan aşamaları */
    .ilanasamax {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .ilanasamax h3 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
    
    .asamaline {
        margin-top: 40px;
        margin-bottom: -50px;
    }
    .uyeolgirisyapx {
        flex-direction: column;
    }
    
    .uyeolgirisslogan {
        padding: 40px 30px;
    }
    
    .uyeol {
        padding: 30px 20px;
    }
    
    .padding30 {
        padding: 30px 20px;
    }
    .dolugo-tab-header {
        flex-direction: column;
    }
    
    .dolugo-tab-link {
        margin: 5px 0;
        text-align: center;
    }
    
    .dolugo-info-row {
        flex-direction: column;
    }
    
    .dolugo-info-label,
    .dolugo-info-value {
        width: 100%;
        margin: 5px 0;
    }
    
    .dolugo-form-half {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-preview-row {
        flex-direction: column;
        text-align: center;
    }
    
    .dolugo-preview-label,
    .dolugo-preview-value {
        margin: 5px 0;
    }
    .dolugo-product-info {
        text-align: center;
    }
    
    .dolugo-product-name {
        margin-bottom: 8px;
    }
    
    .dolugo-status {
        min-width: 70px;
        font-size: 0.8rem;
        padding: 4px 8px;
    }
    .dolugo-page-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .dolugo-commission-content {
        padding: 20px;
    }
    
    .dolugo-commission-title {
        font-size: 1.2rem;
    }
    
    .dolugo-commission-subtitle {
        font-size: 1rem;
    }
    
    .dolugo-feature-item {
        padding: 15px 0 15px 25px;
    }
    .dolugo-basket-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .dolugo-basket-left,
    .dolugo-basket-right {
        max-width: 100%;
    }
    
    .dolugo-basket-header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-basket-item-content {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .dolugo-form-grid {
        grid-template-columns: 1fr;
    }
    
    .dolugo-tab-list {
        flex-direction: column;
    }
    
    .dolugo-tab-link {
        border-right: none;
        border-bottom: 1px solid #dbdbdb;
    }
    .dolugo-hosting-package {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-hosting-packages {
        flex-direction: column;
        gap: 15px;
    }
    
    .dolugo-category-selector {
        flex-direction: column;
        align-items: center;
    }
    
    .dolugo-category-selector .dolugo-btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .dolugo-content-section {
        padding: 20px;
        margin: 20px 0;
    }
    .dolugo-domain-check-title {
        font-size: 32px;
    }
    
    .dolugo-domain-check-input,
    .dolugo-domain-check-submit {
        width: 100%;
    }
    
    .dolugo-tld-item {
        width: calc(50% - 30px);
        margin: 10px;
    }
    
    .dolugo-product-package,
    .dolugo-software-item,
    .dolugo-feature-item,
    .dolugo-statistic-item {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-category-tabs {
        flex-direction: column;
        align-items: center;
    }
    
    .dolugo-category-tab {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .dolugo-form-input-30,
    .dolugo-form-input-50 {
        width: 100%;
    }
    
    .dolugo-about-content {
        text-align: center;
        max-width: 100%;
    }
    
    .dolugo-about-title {
        font-size: 28px;
    }
    
    .dolugo-about-description {
        font-size: 16px;
    }
    .dolugo-international-sms-introduction {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .dolugo-sms-left-block,
    .dolugo-sms-right-block {
        padding: 30px 20px;
    }
    
    .dolugo-sms-slogan {
        font-size: 24px;
    }
    
    .dolugo-sms-description {
        font-size: 16px;
    }
    
    .dolugo-sms-calculator-title {
        font-size: 20px;
    }
    
    .dolugo-sms-currency-selector {
        justify-content: center;
    }
    
    .dolugo-currency-button {
        min-width: 50px;
        padding: 8px 15px;
        font-size: 13px;
    }
    
    .dolugo-sms-price-amount {
        font-size: 20px;
    }
    
    .dolugo-sms-price-currency {
        font-size: 18px;
    }
    
    .dolugo-faq-section {
        padding: 30px 20px;
    }
    .dolugo-knowledgebase-detail {
        grid-template-columns: 1fr !important;
        gap: 30px;
    }
    
    .dolugo-article-title {
        font-size: 28px;
    }
    
    .dolugo-article-content {
        font-size: 15px;
    }
    
    .dolugo-ticket-section {
        padding: 25px 20px;
    }
    
    .dolugo-ticket-title {
        font-size: 20px;
    }
    
    .dolugo-voting-section {
        padding: 25px 20px;
    }
    
    .dolugo-voting-buttons {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .dolugo-voting-btn {
        width: 100%;
        max-width: 250px;
    }
    
    .dolugo-knowledgebase-sidebar {
        position: static;
        top: auto;
    }
    #fullwidth #wrapper {
        width: 95%;
    }
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 480px) {
    .tpakettitle {
        font-size: var(--dolugo-font-size-base);
        margin-bottom: var(--dolugo-spacing-xs);
        margin-top: var(--dolugo-spacing-xs);
    }
    #fullwidth #wrapper {
        width: 98%;
    }
    .header {
        height: 150px;
        margin-bottom: var(--dolugo-spacing-xs);
    }
    
    #sepeticon {
        font-size: var(--dolugo-font-size-lg);
        margin-right: var(--dolugo-spacing-xs);
        margin-top: -3px;
    }
    .menu ul li ul li a {
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-md);
        line-height: 45px;
        font-size: var(--dolugo-font-size-sm);
    }
    
    .dolugo-article-title {
        font-size: 24px;
    }
    
    .dolugo-article-content {
        font-size: 14px;
    }
    
    .dolugo-ticket-section {
        padding: 20px 15px;
    }
    
    .dolugo-ticket-title {
        font-size: 18px;
    }
    
    .dolugo-ticket-description {
        font-size: 14px;
    }
    
    .dolugo-voting-section {
        padding: 20px 15px;
    }
    
    .dolugo-voting-question {
        font-size: 16px;
    }
    
    .dolugo-voting-btn {
        padding: 12px 20px;
        font-size: 14px;
        min-width: 120px;
    }
    
    .dolugo-sidebar-title {
        font-size: 16px;
    }
    
    .dolugo-category-link,
    .dolugo-popular-link {
        padding: 10px 12px;
    }
    
    .dolugo-category-title,
    .dolugo-popular-title {
        font-size: 13px;
    }
    .dolugo-sms-left-block,
    .dolugo-sms-right-block {
        padding: 20px 15px;
    }
    
    .dolugo-sms-slogan {
        font-size: 20px;
    }
    
    .dolugo-sms-description {
        font-size: 14px;
    }
    
    .dolugo-sms-calculator-title {
        font-size: 18px;
    }
    
    .dolugo-sms-calculate-result {
        padding: 20px 15px;
    }
    
    .dolugo-sms-currency-selector {
        gap: 8px;
    }
    
    .dolugo-currency-button {
        min-width: 45px;
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .dolugo-sms-price-amount {
        font-size: 18px;
    }
    
    .dolugo-sms-price-currency {
        font-size: 16px;
    }
    
    .dolugo-faq-section {
        padding: 20px 15px;
    }
    
    .dolugo-accordion-header {
        padding: 15px 20px;
        font-size: 14px;
    }
    
    .dolugo-accordion-content {
        padding: 15px 20px;
    }
    .dolugo-domain-check-section {
        padding: 40px 20px;
    }
    
    .dolugo-domain-check-title {
        font-size: 28px;
    }
    
    .dolugo-tld-item {
        width: 100%;
        margin: 10px 0;
    }
    
    .dolugo-product-package,
    .dolugo-software-item,
    .dolugo-feature-item,
    .dolugo-statistic-item {
        padding: 20px 15px;
    }
    
    .dolugo-product-package-title {
        font-size: 24px;
    }
    
    .dolugo-product-package-price {
        font-size: 28px;
    }
    
    .dolugo-about-title {
        font-size: 24px;
    }
    
    .dolugo-about-description {
        font-size: 14px;
    }
    
    .dolugo-statistic-number {
        font-size: 36px;
    }
    
    .dolugo-statistic-title {
        font-size: 16px;
    }
    
    .dolugo-feedback-form-container {
        padding: 20px 15px;
    }
    
    .dolugo-news-content {
        padding: 15px;
    }
    .dolugo-hosting-package {
        padding: 20px 15px;
    }
    
    .dolugo-hosting-package-title {
        font-size: 24px;
        margin-top: 20px;
    }
    
    .dolugo-hosting-package-price {
        font-size: 28px;
    }
    
    .dolugo-hosting-buy-btn {
        width: 90%;
        font-size: 14px;
        padding: 12px 0;
    }
    
    .dolugo-category-selector .dolugo-btn {
        font-size: 14px;
        padding: 0 20px;
    }
    
    .dolugo-content-section {
        padding: 15px;
    }
    
    .dolugo-faq-title {
        font-size: 20px;
    }
    
    .dolugo-accordion-header {
        font-size: 15px;
        padding: 12px 15px;
    }
    .dolugo-basket-wrapper {
        padding: 10px 0;
    }
    
    .dolugo-basket-item-content {
        padding: 50px 15px 20px 15px;
    }
    
    .dolugo-modal-content {
        padding: 15px;
    }
    
    .dolugo-form-label {
        flex: 0 0 100%;
        margin-bottom: 10px;
    }
    
    .dolugo-form-row {
        flex-direction: column;
        align-items: stretch;
    }
    .dolugo-commission-content {
        padding: 15px;
    }
    
    .dolugo-commission-title {
        font-size: 1.1rem;
    }
    
    .dolugo-commission-subtitle {
        font-size: 0.95rem;
    }
    
    .dolugo-api-field {
        padding: 12px;
    }
    
    .dolugo-api-value {
        font-size: 0.8rem;
        padding: 8px;
    }
    .dolugo-product-domain,
    .dolugo-product-ip {
        font-size: 0.8rem;
    }
    
    .dolugo-status {
        min-width: 60px;
        font-size: 0.75rem;
        padding: 3px 6px;
    }
    .dolugo-page-container {
        padding: 15px;
    }
    
    .dolugo-page-header {
        padding: 20px 15px;
    }
    
    .dolugo-tabs {
        margin: 20px 0;
    }
    
    .dolugo-tab-content {
        margin: 15px 0;
    }
    
    .dolugo-service-card,
    .dolugo-info-card {
        margin: 15px 0;
        padding: 15px;
    }
    .uyeolgirisslogan h4 {
        font-size: 1.25rem;
    }
    
    .login-title {
        font-size: 1.5rem;
    }
    
    .padding30 {
        padding: 20px 15px;
    }
    .sayfacontent { 
        padding: 10px; 
    }
    
    .gonderbtn { 
        padding: 8px 15px; 
        font-size: 12px; 
    }
    
    .btn { 
        padding: 8px 15px; 
        font-size: 12px; 
    }
    
    .iletisimformu input,
    .iletisimformu textarea { 
        font-size: 13px; 
        padding: 10px 0; 
    }
    
    .sepetbaslik { 
        line-height: 35px; 
        font-size: 13px; 
        padding: 0 10px; 
    }
    
    .alanadisorgu h1 { 
        font-size: 24px; 
    }
    
    .alanadisorgu input { 
        font-size: 16px; 
        padding: 12px 15px; 
    }
    .sayfacontent {
        padding: 10px;
    }
    
    /* Header */
    .sabithead {
        padding: 5px 10px;
    }
    
    .headustlinks a {
        font-size: 11px;
        padding: 5px 8px;
        margin: 0 1px;
    }
    
    .sosyalbtns a {
        width: 28px;
        height: 28px;
        font-size: 11px;
        margin: 0 2px;
    }
    
    .langbtn {
        padding: 5px 10px;
        font-size: 11px;
    }
    
    .headbutonlar a {
        padding: 5px 10px;
        font-size: 11px;
    }
    
    /* Logo ve başlık */
    .head2logo img {
        max-width: 150px;
    }
    
    .slidetext-container {
        padding: 15px;
    }
    
    .slidetext-container h1 {
        font-size: 20px;
    }
    
    .slidetext-container p {
        font-size: 14px;
    }
    
    /* Ana içerik */
    .anascriptlist div h5 {
        font-size: 14px;
    }
    
    /* Butonlar */
    .gonderbtn {
        padding: 8px 15px;
        font-size: 12px;
    }
    
    .btn {
        padding: 8px 15px;
        font-size: 12px;
    }
    
    /* Formlar */
    .iletisimformu input,
    .iletisimformu textarea {
        font-size: 13px;
        padding: 10px 0;
    }
    
    /* Sepet */
    .sepetbaslik {
        line-height: 35px;
        font-size: 13px;
        padding: 0 10px;
    }
    
    /* Domain arama */
    .alanadisorgu h1 {
        font-size: 24px;
    }
    
    .alanadisorgu input {
        font-size: 16px;
        padding: 12px 15px;
    }
    
    /* Sunucu konfigürasyonu */
    .skonfiginfo h4 {
        font-size: 15px;
    }
    
    .skonfigside h4 {
        font-size: 15px;
    }
    
    .skonfigside span {
        font-size: 12px;
    }
    
    /* İlan aşamaları */
    .ilanasamax h3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    
    .asamaline {
        margin-top: 30px;
        margin-bottom: -40px;
    }
    .dolugo-settings-content {
        padding: 15px;
    }
    
    .dolugo-settings-header {
        padding: 15px;
    }
    
    .dolugo-settings-title {
        font-size: 1.1rem;
    }
    
    .dolugo-radio-content {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .dolugo-toggle-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .gorusgonderbtn {
        right: 0;
        top: 0;
        width: 18px;
        line-height: 18px;
        font-size: var(--dolugo-font-size-xs);
    }
    .paketbadge {
        width: 80px;
        height: 35px;
        font-size: var(--dolugo-font-size-xs);
        line-height: 40px;
        left: -25px;
        top: -6px;
    }
    .aboneolbtn {
        width: 95%;
        height: 45px;
        margin-top: 30px;
        border-radius: 25px;
    }
    .headmail {
        line-height: 40px;
        font-size: var(--dolugo-font-size-xs);
    }
    .headmail {
        padding: var(--dolugo-spacing-xs) 0;
    }
    .footblok {
        width: 120px;
        margin-bottom: var(--dolugo-spacing-md);
    }
    .footinfos h5 span {
        padding: var(--dolugo-spacing-xl) 0;
    }
    .ebultencont input {
        width: 55%;
        line-height: 30px;
        padding: 2px;
        font-size: var(--dolugo-font-size-sm);
    }
    .ebultencont {
        font-size: 18px;
        margin: 10px;
        margin-left: 10px;
    }
    .headmail a {
        margin-top: var(--dolugo-spacing-xs);
        font-size: var(--dolugo-font-size-xs);
        margin-left: 0;
        float: none;
        text-align: center;
        margin-bottom: var(--dolugo-spacing-sm);
    }
    .headmail i {
        display: inline-block;
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
    }
    .headmail i {
        font-size: 28px;
        margin-right: var(--dolugo-spacing-xs);
        margin-top: 0;
        float: none;
        display: block;
    }
    .headmail p {
        font-size: var(--dolugo-font-size-xs);
        line-height: 18px;
        float: none;
        text-align: center;
        display: block;
    }
    #fullwidth .headbutonlar #headicon {
        font-size: 16px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: var(--dolugo-spacing-sm);
        margin-top: 1px;
    }
    .rslides_tabs {
        font-size: var(--dolugo-font-size-sm);
        margin: 0 auto var(--dolugo-spacing-lg);
        max-width: 95%;
        padding: var(--dolugo-spacing-xs) 0;
    }
    .rslides_tabs a {
        line-height: 16px;
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
        font-size: var(--dolugo-font-size-xs);
    }
    .slidetext-container {
        width: 95%;
        margin-top: 35%;
    }
    .callbacks .caption {
        font-size: var(--dolugo-font-size-sm);
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
        margin: var(--dolugo-spacing-xs);
    }
    .callbacks_nav.next {
        right: var(--dolugo-spacing-xs);
    }
    .urunozellikleri .fa-caret-right {
        font-size: var(--dolugo-font-size-lg);
        margin-bottom: var(--dolugo-spacing-xs);
    }
    .ebultencont i {
        font-size: 18px;
        margin: 10px;
        margin-left: 10px;
    }
    .footinfos h5 span {
        padding: var(--dolugo-spacing-xl) 0;
    }
    .footblok {
        width: 120px;
        margin-bottom: var(--dolugo-spacing-md);
    }
    .headmail {
        line-height: 40px;
        font-size: var(--dolugo-font-size-xs);
    }
    .headmail {
        padding: var(--dolugo-spacing-xs) 0;
    }
    .headmail a {
        display: inline-block;
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
    }
    .headmail i {
        font-size: 28px;
        margin-right: var(--dolugo-spacing-xs);
        margin-top: 0;
        float: none;
        display: block;
    }
    .headmail p {
        font-size: var(--dolugo-font-size-xs);
        line-height: 18px;
        float: none;
        text-align: center;
        display: block;
    }
    #fullwidth .headbutonlar .borderedbtn {
        border-width: 1px;
        font-size: var(--dolugo-font-size-xs);
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
    }
    .rslides_tabs a {
        line-height: 16px;
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
        font-size: var(--dolugo-font-size-xs);
    }
    .slidetext-container {
        width: 95%;
        margin-top: 35%;
    }
    .callbacks .caption {
        font-size: var(--dolugo-font-size-sm);
        padding: var(--dolugo-spacing-xs) var(--dolugo-spacing-sm);
        margin: var(--dolugo-spacing-xs);
    }
    .callbacks_nav.next {
        right: var(--dolugo-spacing-xs);
    }
    .headerwhite {
        height: 80px;
    }
    .ebultencont {
        width: 95%;
        height: 45px;
        margin-top: 30px;
        border-radius: 25px;
    }
    .footer {
        padding: var(--dolugo-spacing-xl) 0;
    }
    .scriptrightside .paypasbutonlar {
        margin-top: 8px;
    }
    .sunucular {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .mpanelinfo {
        height: 45px;
        line-height: 45px;
        font-size: var(--dolugo-font-size-xs);
    }
    .mpanelrightcon {
        padding: var(--dolugo-spacing-sm);
    }
    .mpaneltitle h4 {
        font-size: var(--dolugo-font-size-sm);
    }
    .mpanelblok {
        margin-top: var(--dolugo-spacing-sm);
    }
    .mpanelblok:first-child:nth-last-child(4),
    .mpanelblok:first-child:nth-last-child(4) ~ .mpanelblok {
        width: 100%;
    }
    .mpanelblok:first-child:nth-last-child(3),
    .mpanelblok:first-child:nth-last-child(3) ~ .mpanelblok {
        width: 100%;
    }
    .mpanelblok:first-child:nth-last-child(2),
    .mpanelblok:first-child:nth-last-child(2) ~ .mpanelblok {
        width: 100%;
    }
    .mpanelblok {
        width: 100%;
        margin-right: 0;
        margin-bottom: var(--dolugo-spacing-sm);
        min-height: 110px;
    }
}

@media (max-width: 360px) {
/* Genel layout */
    .sayfacontent {
        padding: 8px;
    }
    
    /* Header */
    .sabithead {
        padding: 3px 8px;
    }
    
    .headustlinks a {
        font-size: 10px;
        padding: 4px 6px;
    }
    
    .sosyalbtns a {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }
    
    .langbtn {
        padding: 4px 8px;
        font-size: 10px;
    }
    
    .headbutonlar a {
        padding: 4px 8px;
        font-size: 10px;
    }
    
    /* Logo ve başlık */
    .head2logo img {
        max-width: 120px;
    }
    
    .slidetext-container {
        padding: 10px;
    }
    
    .slidetext-container h1 {
        font-size: 18px;
    }
    
    .slidetext-container p {
        font-size: 13px;
    }
    
    /* Ana içerik */
    .anascriptlist div h5 {
        font-size: 13px;
    }
    
    /* Butonlar */
    .gonderbtn {
        padding: 6px 12px;
        font-size: 11px;
    }
    
    .btn {
        padding: 6px 12px;
        font-size: 11px;
    }
    
    /* Formlar */
    .iletisimformu input,
    .iletisimformu textarea {
        font-size: 12px;
        padding: 8px 0;
    }
    
    /* Sepet */
    .sepetbaslik {
        line-height: 30px;
        font-size: 12px;
        padding: 0 8px;
    }
    
    /* Domain arama */
    .alanadisorgu h1 {
        font-size: 20px;
    }
    
    .alanadisorgu input {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    /* Sunucu konfigürasyonu */
    .skonfiginfo h4 {
        font-size: 14px;
    }
    
    .skonfigside h4 {
        font-size: 14px;
    }
    
    .skonfigside span {
        font-size: 11px;
    }
    
    /* İlan aşamaları */
    .ilanasamax h3 {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }
    
    .asamaline {
        margin-top: 25px;
        margin-bottom: -35px;
    }    
}