/* storefront-base.css */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-spacing:0;border-collapse:collapse}td,th{padding:0} @media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url("original/fonts/glyphicons-halflings-regular.eot");src:url("original/fonts/glyphicons-halflings-regular.eot") format('embedded-opentype'),url("original/fonts/glyphicons-halflings-regular.woff2") format('woff2'),url("original/fonts/glyphicons-halflings-regular.woff") format('woff'),url("original/fonts/glyphicons-halflings-regular.ttf") format('truetype'),url("original/fonts/glyphicons-halflings-regular.svg") format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.glyphicon-euro:before,.glyphicon-eur:before{content:"€"}.glyphicon-minus:before{content:"−"}.glyphicon-cloud:before{content:"☁"}.glyphicon-envelope:before{content:"✉"}.glyphicon-pencil:before{content:"✏"}.glyphicon-glass:before{content:""}.glyphicon-music:before{content:""}.glyphicon-search:before{content:""}.glyphicon-heart:before{content:""}.glyphicon-star:before{content:""}.glyphicon-star-empty:before{content:""}.glyphicon-user:before{content:""}.glyphicon-film:before{content:""}.glyphicon-th-large:before{content:""}.glyphicon-th:before{content:""}.glyphicon-th-list:before{content:""}.glyphicon-ok:before{content:""}.glyphicon-remove:before{content:""}.glyphicon-zoom-in:before{content:""}.glyphicon-zoom-out:before{content:""}.glyphicon-off:before{content:""}.glyphicon-signal:before{content:""}.glyphicon-cog:before{content:""}.glyphicon-trash:before{content:""}.glyphicon-home:before{content:""}.glyphicon-file:before{content:""}.glyphicon-time:before{content:""}.glyphicon-road:before{content:""}.glyphicon-download-alt:before{content:""}.glyphicon-download:before{content:""}.glyphicon-upload:before{content:""}.glyphicon-inbox:before{content:""}.glyphicon-play-circle:before{content:""}.glyphicon-repeat:before{content:""}.glyphicon-refresh:before{content:""}.glyphicon-list-alt:before{content:""}.glyphicon-lock:before{content:""}.glyphicon-flag:before{content:""}.glyphicon-headphones:before{content:""}.glyphicon-volume-off:before{content:""}.glyphicon-volume-down:before{content:""}.glyphicon-volume-up:before{content:""}.glyphicon-qrcode:before{content:""}.glyphicon-barcode:before{content:""}.glyphicon-tag:before{content:""}.glyphicon-tags:before{content:""}.glyphicon-book:before{content:""}.glyphicon-bookmark:before{content:""}.glyphicon-print:before{content:""}.glyphicon-camera:before{content:""}.glyphicon-font:before{content:""}.glyphicon-bold:before{content:""}.glyphicon-italic:before{content:""}.glyphicon-text-height:before{content:""}.glyphicon-text-width:before{content:""}.glyphicon-align-left:before{content:""}.glyphicon-align-center:before{content:""}.glyphicon-align-right:before{content:""}.glyphicon-align-justify:before{content:""}.glyphicon-list:before{content:""}.glyphicon-indent-left:before{content:""}.glyphicon-indent-right:before{content:""}.glyphicon-facetime-video:before{content:""}.glyphicon-picture:before{content:""}.glyphicon-map-marker:before{content:""}.glyphicon-adjust:before{content:""}.glyphicon-tint:before{content:""}.glyphicon-edit:before{content:""}.glyphicon-share:before{content:""}.glyphicon-check:before{content:""}.glyphicon-move:before{content:""}.glyphicon-step-backward:before{content:""}.glyphicon-fast-backward:before{content:""}.glyphicon-backward:before{content:""}.glyphicon-play:before{content:""}.glyphicon-pause:before{content:""}.glyphicon-stop:before{content:""}.glyphicon-forward:before{content:""}.glyphicon-fast-forward:before{content:""}.glyphicon-step-forward:before{content:""}.glyphicon-eject:before{content:""}.glyphicon-chevron-left:before{content:""}.glyphicon-chevron-right:before{content:""}.glyphicon-plus-sign:before{content:""}.glyphicon-minus-sign:before{content:""}.glyphicon-remove-sign:before{content:""}.glyphicon-ok-sign:before{content:""}.glyphicon-question-sign:before{content:""}.glyphicon-info-sign:before{content:""}.glyphicon-screenshot:before{content:""}.glyphicon-remove-circle:before{content:""}.glyphicon-ok-circle:before{content:""}.glyphicon-ban-circle:before{content:""}.glyphicon-arrow-left:before{content:""}.glyphicon-arrow-right:before{content:""}.glyphicon-arrow-up:before{content:""}.glyphicon-arrow-down:before{content:""}.glyphicon-share-alt:before{content:""}.glyphicon-resize-full:before{content:""}.glyphicon-resize-small:before{content:""}.glyphicon-exclamation-sign:before{content:""}.glyphicon-gift:before{content:""}.glyphicon-leaf:before{content:""}.glyphicon-fire:before{content:""}.glyphicon-eye-open:before{content:""}.glyphicon-eye-close:before{content:""}.glyphicon-warning-sign:before{content:""}.glyphicon-plane:before{content:""}.glyphicon-calendar:before{content:""}.glyphicon-random:before{content:""}.glyphicon-comment:before{content:""}.glyphicon-magnet:before{content:""}.glyphicon-chevron-up:before{content:""}.glyphicon-chevron-down:before{content:""}.glyphicon-retweet:before{content:""}.glyphicon-shopping-cart:before{content:""}.glyphicon-folder-close:before{content:""}.glyphicon-folder-open:before{content:""}.glyphicon-resize-vertical:before{content:""}.glyphicon-resize-horizontal:before{content:""}.glyphicon-hdd:before{content:""}.glyphicon-bullhorn:before{content:""}.glyphicon-bell:before{content:""}.glyphicon-certificate:before{content:""}.glyphicon-thumbs-up:before{content:""}.glyphicon-thumbs-down:before{content:""}.glyphicon-hand-right:before{content:""}.glyphicon-hand-left:before{content:""}.glyphicon-hand-up:before{content:""}.glyphicon-hand-down:before{content:""}.glyphicon-circle-arrow-right:before{content:""}.glyphicon-circle-arrow-left:before{content:""}.glyphicon-circle-arrow-up:before{content:""}.glyphicon-circle-arrow-down:before{content:""}.glyphicon-globe:before{content:""}.glyphicon-wrench:before{content:""}.glyphicon-tasks:before{content:""}.glyphicon-filter:before{content:""}.glyphicon-briefcase:before{content:""}.glyphicon-fullscreen:before{content:""}.glyphicon-dashboard:before{content:""}.glyphicon-paperclip:before{content:""}.glyphicon-heart-empty:before{content:""}.glyphicon-link:before{content:""}.glyphicon-phone:before{content:""}.glyphicon-pushpin:before{content:""}.glyphicon-usd:before{content:""}.glyphicon-gbp:before{content:""}.glyphicon-sort:before{content:""}.glyphicon-sort-by-alphabet:before{content:""}.glyphicon-sort-by-alphabet-alt:before{content:""}.glyphicon-sort-by-order:before{content:""}.glyphicon-sort-by-order-alt:before{content:""}.glyphicon-sort-by-attributes:before{content:""}.glyphicon-sort-by-attributes-alt:before{content:""}.glyphicon-unchecked:before{content:""}.glyphicon-expand:before{content:""}.glyphicon-collapse-down:before{content:""}.glyphicon-collapse-up:before{content:""}.glyphicon-log-in:before{content:""}.glyphicon-flash:before{content:""}.glyphicon-log-out:before{content:""}.glyphicon-new-window:before{content:""}.glyphicon-record:before{content:""}.glyphicon-save:before{content:""}.glyphicon-open:before{content:""}.glyphicon-saved:before{content:""}.glyphicon-import:before{content:""}.glyphicon-export:before{content:""}.glyphicon-send:before{content:""}.glyphicon-floppy-disk:before{content:""}.glyphicon-floppy-saved:before{content:""}.glyphicon-floppy-remove:before{content:""}.glyphicon-floppy-save:before{content:""}.glyphicon-floppy-open:before{content:""}.glyphicon-credit-card:before{content:""}.glyphicon-transfer:before{content:""}.glyphicon-cutlery:before{content:""}.glyphicon-header:before{content:""}.glyphicon-compressed:before{content:""}.glyphicon-earphone:before{content:""}.glyphicon-phone-alt:before{content:""}.glyphicon-tower:before{content:""}.glyphicon-stats:before{content:""}.glyphicon-sd-video:before{content:""}.glyphicon-hd-video:before{content:""}.glyphicon-subtitles:before{content:""}.glyphicon-sound-stereo:before{content:""}.glyphicon-sound-dolby:before{content:""}.glyphicon-sound-5-1:before{content:""}.glyphicon-sound-6-1:before{content:""}.glyphicon-sound-7-1:before{content:""}.glyphicon-copyright-mark:before{content:""}.glyphicon-registration-mark:before{content:""}.glyphicon-cloud-download:before{content:""}.glyphicon-cloud-upload:before{content:""}.glyphicon-tree-conifer:before{content:""}.glyphicon-tree-deciduous:before{content:""}.glyphicon-cd:before{content:""}.glyphicon-save-file:before{content:""}.glyphicon-open-file:before{content:""}.glyphicon-level-up:before{content:""}.glyphicon-copy:before{content:""}.glyphicon-paste:before{content:""}.glyphicon-alert:before{content:""}.glyphicon-equalizer:before{content:""}.glyphicon-king:before{content:""}.glyphicon-queen:before{content:""}.glyphicon-pawn:before{content:""}.glyphicon-bishop:before{content:""}.glyphicon-knight:before{content:""}.glyphicon-baby-formula:before{content:""}.glyphicon-tent:before{content:"⛺"}.glyphicon-blackboard:before{content:""}.glyphicon-bed:before{content:""}.glyphicon-apple:before{content:""}.glyphicon-erase:before{content:""}.glyphicon-hourglass:before{content:"⌛"}.glyphicon-lamp:before{content:""}.glyphicon-duplicate:before{content:""}.glyphicon-piggy-bank:before{content:""}.glyphicon-scissors:before{content:""}.glyphicon-bitcoin:before{content:""}.glyphicon-btc:before{content:""}.glyphicon-xbt:before{content:""}.glyphicon-yen:before{content:"¥"}.glyphicon-jpy:before{content:"¥"}.glyphicon-ruble:before{content:"₽"}.glyphicon-rub:before{content:"₽"}.glyphicon-scale:before{content:""}.glyphicon-ice-lolly:before{content:""}.glyphicon-ice-lolly-tasted:before{content:""}.glyphicon-education:before{content:""}.glyphicon-option-horizontal:before{content:""}.glyphicon-option-vertical:before{content:""}.glyphicon-menu-hamburger:before{content:""}.glyphicon-modal-window:before{content:""}.glyphicon-oil:before{content:""}.glyphicon-grain:before{content:""}.glyphicon-sunglasses:before{content:""}.glyphicon-text-size:before{content:""}.glyphicon-text-color:before{content:""}.glyphicon-text-background:before{content:""}.glyphicon-object-align-top:before{content:""}.glyphicon-object-align-bottom:before{content:""}.glyphicon-object-align-horizontal:before{content:""}.glyphicon-object-align-left:before{content:""}.glyphicon-object-align-vertical:before{content:""}.glyphicon-object-align-right:before{content:""}.glyphicon-triangle-right:before{content:""}.glyphicon-triangle-left:before{content:""}.glyphicon-triangle-bottom:before{content:""}.glyphicon-triangle-top:before{content:""}.glyphicon-console:before{content:""}.glyphicon-superscript:before{content:""}.glyphicon-subscript:before{content:""}.glyphicon-menu-left:before{content:""}.glyphicon-menu-right:before{content:""}.glyphicon-menu-down:before{content:""}.glyphicon-menu-up:before{content:""}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media(min-width:1100px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media(min-width:1100px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'— '}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:' —'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:1100px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:1100px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:1100px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media(min-width:1100px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media(min-width:1100px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media(min-width:1100px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:normal;color:#337ab7;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media(min-width:1100px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:1100px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:1100px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:1100px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:1100px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media(min-width:1100px){.navbar{border-radius:4px}}@media(min-width:1100px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media(min-width:1100px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media(max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:1100px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:1100px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:1100px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media(min-width:1100px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:1100px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:1100px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media(min-width:1100px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media(min-width:1100px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media(min-width:1100px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media(min-width:1100px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/ "}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:1100px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width:1100px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media(min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'‹'}.carousel-control .icon-next:before{content:'›'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:1100px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width;}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media(max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media(max-width:767px){.visible-xs-block{display:block !important}}@media(max-width:767px){.visible-xs-inline{display:inline !important}}@media(max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media(min-width:1100px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media(min-width:1100px) and (max-width:991px){.visible-sm-block{display:block !important}}@media(min-width:1100px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media(min-width:1100px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media(min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media(min-width:1200px){.visible-lg-block{display:block !important}}@media(min-width:1200px){.visible-lg-inline{display:inline !important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media(max-width:767px){.hidden-xs{display:none !important}}@media(min-width:1100px) and (max-width:991px){.hidden-sm{display:none !important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
*, *::before, *::after { box-sizing: border-box; } :root { --white: #fff; --gray: #2d2d2d; --lightgraydarked: #999; --darkgray: #1d1d1d; --lightgray: #f8f8f9; --lightgrayultra: #eee; --primary: #ffa500; --primaryhover: #FFB200; --primarydisable: #FFCF77; --info: rgb(29, 161, 242); --infohover: rgba(29, 161, 242, .9); --infodisable: rgba(29, 161, 242, .3); --success: #68FA02; --successhover: #95FA00; --successdisable: #00FA8D; --danger: #E63E02; --dangerhover: #EB4401; --dangerdisable: #EB8463; --warning: #ffb500; --warninghover: #FFc200; --warningdisable: #FFd200; --sidebar-width: 220px; --sidebar-mini-width: 70px; --navbar-height: 60px; --border-radius-sm: 4px; --border-radius-md: 8px; --border-radius-lg: 12px; --shadow-sm: 0 1px 4px rgba(0,0,0,.08); --shadow-md: 0 2px 8px rgba(0,0,0,.12); --shadow-lg: 0 4px 16px rgba(0,0,0,.16); --transition-fast: all .15s ease; --transition-base: all .25s ease; --transition-slow: all .4s ease; --c-orange: #f7941d; --c-orange-dark: #e07c08; --c-orange-light: #fff4e5; --c-green: #25a244; --c-green-light: #e8f5ec; --c-border: #e4e4e4; --c-bg: #f9f9f9; --c-text: #222; --c-muted: #222; } :root { --bg-page: #fff; --bg-surface: #fff; --bg-surface-muted: #f9f9f9; --bg-hover: #f5f5f5; --text-primary: #222; --text-secondary: #676a6c; --text-muted: #707070; --border-color: #eee; --border-color-strong: #ddd; --accent-text-a11y: #b35900; --stock-ok-text-a11y: #157a3a; --stock-warn-text-a11y: #8a5c0d; } :root[data-theme="dark"] { --bg-page: #14181f; --bg-surface: #1c222c; --bg-surface-muted: #232a35; --bg-hover: #2a3341; --text-primary: #eef1f5; --text-secondary: #b8c0cc; --text-muted: #8a94a3; --border-color: #2e3846; --border-color-strong: #3a4657; --c-bg: #232a35; --c-text: #eef1f5; --c-muted: #b8c0cc; --lightgrayultra: #2e3846; --accent-text-a11y: #ffa64d; --stock-ok-text-a11y: #3ecf7a; --stock-warn-text-a11y: #ffb74d; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg-page: #14181f; --bg-surface: #1c222c; --bg-surface-muted: #232a35; --bg-hover: #2a3341; --text-primary: #eef1f5; --text-secondary: #b8c0cc; --text-muted: #8a94a3; --border-color: #2e3846; --border-color-strong: #3a4657; --c-bg: #232a35; --c-text: #eef1f5; --c-muted: #b8c0cc; --lightgrayultra: #2e3846; --accent-text-a11y: #ffa64d; --stock-ok-text-a11y: #3ecf7a; --stock-warn-text-a11y: #ffb74d; } } hr { border-top-color: var(--lightgrayultra) !important; } .wv-pd-tab-divider { margin: 12px 0; } html { overflow-x: hidden; overflow-anchor: none; } body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; background-color: var(--bg-page); font-size: 13px; color: var(--text-secondary); overflow-x: hidden; overflow-anchor: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, html { height: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.3; margin-top: 0; } h1 { font-size: clamp(18px, 3vw, 24px) !important; } h2 { font-size: clamp(16px, 2.5vw, 20px) !important; } h3 { font-size: 14px !important; margin-top: 5px; font-weight: 600; } h4 { font-size: 12px !important; margin-top: 5px; font-weight: 600; } h5 { font-size: 10px !important; margin-top: 5px; font-weight: 600; } h6 { font-size: 8px !important; } a { color: var(--gray); cursor: pointer; transition: var(--transition-fast); } a:focus, a:hover { text-decoration: none; outline: none; } #wrapper { width: 100%; overflow-x: hidden; } .swiper { overflow: hidden; } .wrapper { padding: 0 20px; } .wrapper-content { padding: 20px 10px 40px; } #page-wrapper { padding: 0 15px; min-height: 100vh; position: relative !important; } @media (min-width: 1100px) { #page-wrapper { position: inherit; margin: 0 0 0 var(--sidebar-width); min-height: 100vh; } } .navbar { border: 0; border-radius: 0; } .navbar-default { background-color: var(--bg-surface); border-color: var(--border-color); box-shadow: var(--shadow-sm); } .navbar-fixed-top { background: var(--bg-surface); transition: var(--transition-slow); border-bottom: 1px solid var(--border-color) !important; z-index: 2030; box-shadow: var(--shadow-sm); } .navbar-fixed-top, .navbar-static-top { background: var(--bg-surface); } .navbar-collapse { max-height: calc(100vh - var(--navbar-height)) !important; overflow-y: auto; } .navbar-toggle { background-color: var(--primary); color: var(--white); padding: 6px 12px; margin-right: 6px; font-size: 14px; border: none; border-radius: var(--border-radius-sm); transition: var(--transition-fast); } .navbar-toggle:hover { background-color: var(--primaryhover); } .nav > li > a { color: var(--gray); font-weight: 600; padding: 14px 20px 14px 25px; transition: var(--transition-fast); } .nav.navbar-right > li > a { color: var(--text-primary); } .nav > li.active > a { color: var(--white); } .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:hover { background-color: var(--gray); color: var(--white); } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: var(--white); } .nav.navbar-top-links > li > a:focus, .nav.navbar-top-links > li > a:hover { background-color: transparent; } .nav > li > a i { margin-right: 6px; } .nav > li.active { border-left: 4px solid var(--gray); background: var(--primary); } .nav.nav-second-level > li.active { border: none; } .nav.nav-second-level.collapse[style] { height: auto !important; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 40px; } @media (max-width: 767px) { .navbar-top-links li:last-child { margin-right: 10px; } } .navbar-top-links li a { padding: 20px 10px; min-height: 50px; } .nav.navbar-top-links a { font-size: 14px; } .dropdown-menu { border: medium none; border-radius: var(--border-radius-sm); box-shadow: var(--shadow-md); display: none; float: left; font-size: 12px; left: 0; list-style: none outside none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 1000; min-width: 160px; } .dropdown-menu > li > a { border-radius: var(--border-radius-sm); color: inherit; line-height: 25px; margin: 4px; text-align: left; font-weight: normal; transition: var(--transition-fast); } .dropdown-menu > li > a:hover { background-color: var(--lightgray); } .dropdown-menu > li > a.font-bold { font-weight: 600; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } @media (max-width: 479px) { .navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks { width: calc(100vw - 20px); left: auto; right: -10px; margin-left: 0; } } .dropdown-alerts, .dropdown-messages { padding: 10px; } .dropdown-alerts li a, .dropdown-messages li a { font-size: 12px; } .dropdown-alerts li em, .dropdown-messages li em { font-size: 10px; } .nav.navbar-top-links .dropdown-alerts a { font-size: 12px; } .navbar-static-side { z-index: 2001; } @media (min-width: 1100px) { .navbar-static-side { position: absolute; width: var(--sidebar-width); } } body.canvas-menu .navbar-static-side, body.fixed-sidebar .navbar-static-side { position: fixed; width: var(--sidebar-width); z-index: 2001; height: 100%; } body.fixed-sidebar.mini-navbar .navbar-static-side { width: 0; overflow: hidden; } body.fixed-sidebar.mini-navbar #page-wrapper { margin: 0; } body.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 var(--sidebar-width); } body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: var(--sidebar-width); } .nav-header { padding: 33px 25px; } .pace-done .nav-header { transition: var(--transition-slow); } .nav-header a { color: var(--white); } .nav-header .text-muted { color: var(--white); } body.mini-navbar .navbar-static-side { width: var(--sidebar-mini-width); } body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span, body.mini-navbar .profile-element { display: none; } body.canvas-menu .profile-element { display: block; } body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { display: none; } body.mini-navbar .navbar-default .nav > li > a { font-size: 16px; padding: 14px; text-align: center; } body.mini-navbar .logo-element { display: block; } body.canvas-menu .logo-element { display: none; } body.mini-navbar .nav-header { padding: 0; background-color: var(--gray); } body.canvas-menu .nav-header { padding: 33px 25px; } body.mini-navbar #page-wrapper { margin: 0 0 0 var(--sidebar-mini-width); } body.canvas-menu.mini-navbar .footer, body.fixed-sidebar.mini-navbar .footer { margin: 0 !important; } body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer { margin: 0; } .nav-second-level li, .nav-third-level li { border-bottom: none !important; } .nav-second-level li a { padding: 7px 10px 7px 52px; font-size: 13px; } .nav-third-level li a { padding-left: 62px; } .nav-second-level li:last-child { margin-bottom: 10px; } .mini-navbar .nav li:focus > .nav-second-level, body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level { display: block; border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0; min-width: 140px; height: auto; } body.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: var(--border-radius-sm); } .mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } .mini-navbar .nav-second-level { position: absolute; left: var(--sidebar-mini-width); top: 0; background-color: var(--white); padding: 10px; font-size: 12px; box-shadow: var(--shadow-md); min-width: 180px; } .mini-navbar li.active .nav-second-level { left: 65px; } .canvas-menu.mini-navbar .nav li:focus > .nav-second-level, .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level { display: block; height: auto; } body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a, body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: var(--border-radius-sm); } .canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a { padding: 7px 10px 7px 52px; } .canvas-menu.mini-navbar .nav-second-level, .fixed-sidebar.mini-navbar .nav-second-level { position: relative; padding: 0; font-size: 13px; } .canvas-menu.mini-navbar li.active .nav-second-level, .fixed-sidebar.mini-navbar li.active .nav-second-level { left: 0; } body.canvas-menu.mini-navbar .navbar-default .nav > li > a, body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a { font-size: 13px; } body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span, body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span { display: inline; } body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span { display: block; } .canvas-menu.mini-navbar .nav-second-level, .fixed-sidebar.mini-navbar .nav-second-level { left: 0; } body.canvas-menu nav.navbar-static-side { z-index: 2001; background: var(--white); height: 100%; position: fixed; display: none; } body.canvas-menu.mini-navbar nav.navbar-static-side { display: block; width: var(--sidebar-width); } .fixed-nav #wrapper { margin-top: 0; } body.fixed-nav #wrapper #page-wrapper, body.fixed-nav #wrapper .navbar-static-side { margin-top: var(--navbar-height); } body.top-navigation.fixed-nav #wrapper #page-wrapper { margin-top: 0; } body.fixed-nav.fixed-nav-basic .navbar-fixed-top { left: var(--sidebar-width); } body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top { left: var(--sidebar-mini-width); } body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top { left: 0; } body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side { margin-top: 0; } body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top { left: 0; } body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top { left: var(--sidebar-width); } .fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .body-small .navbar-fixed-top { margin-left: 0; } .minimalize-styl-2 { padding: 4px 12px; margin: 14px 5px 5px 20px; font-size: 14px; float: left; background: transparent; border: none; color: var(--gray); border-radius: var(--border-radius-sm); transition: var(--transition-fast); } .minimalize-styl-2:hover { background-color: var(--lightgrayultra); } .navbar-form-custom { float: left; height: 50px; padding: 0; width: 200px; display: inline-table; } .navbar-form-custom .form-group { margin-bottom: 0; } .navbar-form-custom .form-control { background: none; border: medium none; font-size: 14px; height: 60px; margin: 0; z-index: 2000; } .count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 6px; top: 12px; } .logo-element { text-align: center; font-size: 18px; font-weight: 600; color: var(--white); display: none; padding: 18px 0; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: var(--primary); position: fixed; z-index: 2040; top: 0; right: 100%; width: 100%; height: 3px; } .pace-done #page-wrapper, .pace-done .footer, .pace-done .nav-header, .pace-done .navbar-static-side, .pace-done li.active { transition: var(--transition-slow); } .ibox { clear: both; margin-bottom: 15px; margin-top: 0; padding: 0; border-radius: var(--border-radius-md); overflow: hidden; box-shadow: var(--shadow-sm); transition: box-shadow .2s ease; } .ibox:hover { box-shadow: var(--shadow-md); } .ibox:after, .ibox:before { display: table; } .ibox.collapsed .ibox-content { display: none; } .ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; } .ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; } .ibox-title { background-color: var(--white); border-color: var(--lightgrayultra); border-style: solid solid none; border-width: 3px 0 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-content { background-color: var(--white); color: inherit; padding: 15px 20px 20px; border-color: var(--lightgrayultra); border-style: solid solid none; border-width: 1px 0; clear: both; } .ibox-footer { color: var(--text-primary); border-top: 1px solid var(--border-color); font-size: 90%; background: var(--bg-surface); padding: 10px 15px; } .ibox-title h5 { display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; white-space: nowrap; overflow: hidden; max-width: calc(100% - 60px); } .ibox-title .label { float: left; margin-left: 4px; } .ibox-tools { display: block; float: none; margin-top: 0; position: relative; padding: 0; text-align: right; } .ibox-tools a { cursor: pointer; margin-left: 5px; color: #c4c4c4; transition: var(--transition-fast); } .ibox-tools a:hover { color: var(--gray); } .ibox-tools a.btn-primary { color: var(--white); } .ibox-tools .dropdown-menu > li > a { padding: 4px 10px; font-size: 12px; } .ibox .ibox-tools.open > .dropdown-menu { left: auto; right: 0; } .ibox-heading { background-color: #f3f6fb; border-bottom: none; } .ibox-heading h3 { font-weight: 200; font-size: 24px; } .ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 { margin-top: 5px; } .ibox-content.text-box { padding-bottom: 0; padding-top: 15px; } .fullscreen-ibox-mode .animated { animation: none; } body.fullscreen-ibox-mode { overflow-y: hidden; } .ibox.fullscreen { z-index: 2030; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; margin-bottom: 0; border-radius: 0; } .ibox.fullscreen .collapse-link { display: none; } .ibox.fullscreen .ibox-content { min-height: calc(100% - 48px); } .btn { border-radius: var(--border-radius-sm); font-weight: 500; transition: var(--transition-fast); border: 1px solid transparent; } .float-e-margins .btn { margin-bottom: 5px; } .btn-w-m { min-width: 120px; } .btn-outline { color: var(--primary); background-color: transparent; transition: var(--transition-base); } .btn-rounded { border-radius: 50px; } .btn:focus { outline: 0 !important; box-shadow: 0 0 0 3px rgba(255,165,0,.25); } .btn-primary { background-color: var(--primary); border-color: var(--primary); color: var(--white); } .wv-pd-office-btn { background-color: #b35900 !important; border-color: #b35900 !important; } .wv-pd-office-btn:hover, .wv-pd-office-btn:focus { background-color: #8f4700 !important; border-color: #8f4700 !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-color: var(--primaryhover); border-color: var(--primaryhover); color: var(--white); } .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { background-color: var(--primarydisable); border-color: var(--primarydisable); opacity: 0.7; } .btn-primary.btn-outline { color: var(--primary); } .btn-success { background-color: var(--success); border-color: var(--success); color: var(--white); } .btn-success:hover, .btn-success:focus, .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success { background-color: var(--successhover); border-color: var(--successhover); color: var(--white); } .btn-success.disabled, .btn-success[disabled] { background-color: var(--successdisable); border-color: var(--successdisable); } .btn-success.btn-outline { color: var(--success); } .btn-info { background-color: var(--info); border-color: var(--info); color: var(--white); } .btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info { background-color: var(--infohover); border-color: var(--infohover); color: var(--white); } .btn-info.disabled, .btn-info[disabled] { background-color: var(--infodisable); border-color: var(--infodisable); } .btn-info.btn-outline { color: var(--info); } .btn-default { color: inherit; background: var(--white); border: 1px solid var(--lightgrayultra); } .btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default { color: inherit; border: 1px solid #ccc; background-color: #f5f5f5; } .btn-default.disabled, .btn-default[disabled] { color: #cacaca; } .btn-warning { background-color: var(--warning); border-color: var(--warning); color: var(--white); } .btn-warning:hover, .btn-warning:focus, .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning { background-color: var(--warninghover); border-color: var(--warninghover); color: var(--white); } .btn-warning.disabled, .btn-warning[disabled] { background-color: var(--warningdisable); border-color: var(--warningdisable); } .btn-warning.btn-outline { color: var(--warning); } .btn-danger { background-color: var(--danger); border-color: var(--danger); color: var(--white); } .btn-danger:hover, .btn-danger:focus, .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger { background-color: var(--dangerhover); border-color: var(--dangerhover); color: var(--white); } .btn-danger.disabled, .btn-danger[disabled] { background-color: var(--dangerdisable); border-color: var(--dangerdisable); } .btn-danger.btn-outline { color: var(--danger); } .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link.active, .btn-link:active, .open .dropdown-toggle.btn-link { color: var(--primary); text-decoration: none; } .btn-link.disabled, .btn-link[disabled] { color: #cacaca; } .btn-white { color: inherit; background: var(--white); border: 1px solid var(--lightgrayultra); } .btn-white:hover, .btn-white:focus { color: inherit; border: 1px solid #ccc; background-color: #f9f9f9; } .btn-white.active, .btn-white:active { box-shadow: 0 2px 5px rgba(0,0,0,.15) inset; } .btn-white.disabled, .btn-white[disabled] { color: #cacaca; } .btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover { color: var(--white); } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 50%; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 50%; font-size: 18px; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 50%; font-size: 24px; } button.dim { display: inline-block; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 6px; margin-right: 10px; position: relative; cursor: pointer; border-radius: 5px; font-weight: 600; margin-bottom: 20px !important; } button.dim:active { top: 3px; } button.btn-primary.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-primary.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.btn-default.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-default.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.btn-warning.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-warning.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.btn-info.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-info.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.btn-success.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-success.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.btn-danger.dim { box-shadow: inset 0 0 0 var(--lightgray), 0 5px 0 0 var(--lightgray), 0 10px 5px #999; } button.btn-danger.dim:active { box-shadow: inset 0 0 0 var(--lightgray), 0 2px 0 0 var(--lightgray), 0 5px 3px #999; } button.dim:before { font-size: 50px; line-height: 1em; font-weight: 400; color: var(--white); display: block; padding-top: 10px; } button.dim:active:before { top: 7px; font-size: 50px; } .btn-large-dim { width: 90px; height: 90px; font-size: 42px; } .form-control, .single-line { background-color: var(--white); background-image: none; border: 1px solid #e5e6e7; border-radius: var(--border-radius-sm); color: inherit; display: block; padding: 6px 12px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100%; font-size: 14px; } .form-control:focus, .single-line:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(255,165,0,.15) !important; outline: none; } .form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none; } .has-success .form-control { border-color: var(--primary); } .has-warning .form-control { border-color: var(--warning); } .has-error .form-control { border-color: var(--danger); } .has-success .control-label { color: var(--primary); } .has-warning .control-label { color: var(--warning); } .has-error .control-label { color: var(--danger); } label.error { color: #cc5965; display: inline-block; margin-left: 5px; font-size: 12px; } .form-control.error { border: 1px dotted #cc5965; } .input-group-addon { background-color: var(--white); border: 1px solid #e5e6e7; border-radius: var(--border-radius-sm); color: inherit; font-size: 14px; font-weight: 400; line-height: 1; padding: 6px 12px; text-align: center; } .spinner-buttons.input-group-btn .btn-xs { line-height: 1.13; } .spinner-buttons.input-group-btn { width: 20%; } .input-s-sm { width: 120px; } .input-s { width: 200px; } .input-s-lg { width: 250px; } @media (max-width: 575px) { .input-s, .input-s-lg, .input-s-sm { width: 100%; } } .label { background-color: #d1dade; color: #5e5e5e; font-size: 10px; font-weight: 600; padding: 3px 8px; text-shadow: none; border-radius: var(--border-radius-sm); } .badge { background-color: #d1dade; color: #5e5e5e; font-size: 11px; font-weight: 600; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; text-shadow: none; border-radius: 10px; } .badge-primary, .label-primary { background-color: var(--primary); color: var(--white); } .badge-success, .label-success { background-color: var(--success); color: var(--white); } .badge-warning, .label-warning { background-color: var(--warning); color: var(--white); } .badge-warning-light, .label-warning-light { background-color: var(--warning); color: var(--white); } .badge-danger, .label-danger { background-color: var(--danger); color: var(--white); } .badge-info, .label-info { background-color: var(--info); color: var(--white); } .badge-inverse, .label-inverse { background-color: #262626; color: var(--white); } .badge-white, .label-white { background-color: var(--white); color: #5e5e5e; } .badge-disable, .label-disable { background-color: #2a2e36; color: #8b91a0; } .onoffswitch { position: relative; width: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid var(--primary); border-radius: 3px; transition: var(--transition-fast); } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin .3s ease-in 0s; } .onoffswitch-inner:after, .onoffswitch-inner:before { display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px; font-size: 10px; color: var(--white); font-family: Trebuchet, Arial, sans-serif; font-weight: 700; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 7px; background-color: var(--primary); color: var(--white); } .onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: var(--white); color: #919191; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0; background: var(--white); border: 2px solid var(--primary); border-radius: 3px; position: absolute; top: 0; bottom: 0; right: 36px; transition: all .3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; } .table-bordered { border: 1px solid #ebebeb; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { background-color: #f5f5f6; border-bottom-width: 1px; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #e7e7e7; } .table > thead > tr > th { border-bottom: 1px solid #ddd; vertical-align: bottom; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid var(--lightgrayultra); line-height: 1.42857; padding: 8px; vertical-align: top; } @media (max-width: 767px) { .table-responsive { border: none; } .table-responsive > .table { margin-bottom: 0; } } .dataTables_wrapper { padding-bottom: 30px; } .dataTables_length { float: left; } .dataTables_filter label { margin-right: 5px; } .html5buttons { float: right; } .html5buttons a { border: 1px solid var(--lightgrayultra); background: var(--white); color: #676a6c; box-shadow: none; padding: 6px 8px; font-size: 12px; border-radius: var(--border-radius-sm); transition: var(--transition-fast); } .html5buttons a:hover { background-color: #eee; color: inherit; border-color: var(--lightgray); } @media (max-width: 767px) { .html5buttons { float: none; margin-top: 10px; } .dataTables_length { float: none; } } .product-box { border-radius: var(--border-radius-md); padding: 0; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); transition: var(--transition-base); height: 100%; display: flex; flex-direction: column; background-color: var(--bg-surface); } .product-box.active, .product-box:hover { border: 1px solid transparent; box-shadow: var(--shadow-lg); transform: translateY(-2px); } .ibox-content.product-box { background-color: var(--bg-surface); } .wv-brand-card { transition: transform .15s ease; } .wv-brand-card:hover { transform: translateY(-2px); } .wv-brand-box { display: flex !important; align-items: center; justify-content: center; height: 84px; padding: 14px 18px; background-color: #fff !important; } .wv-brand-logo { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .product-imitation { text-align: center; padding: 25px 0; color: var(--text-primary); font-weight: 600; } .product-imitation.xl { padding: 60px 0; } @media (max-width: 767px) { .product-imitation.xl { padding: 30px 0; } } .cart-product-imitation { text-align: center; padding-top: 30px; height: 80px; width: 80px; background-color: var(--bg-surface-muted); border-radius: var(--border-radius-sm); } .product-desc { border-radius: 0 0 var(--border-radius-md) var(--border-radius-md); padding: 10px; min-height: 100px; width: 100%; border-top: 1px solid var(--border-color); background-color: var(--bg-surface); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; flex: 1; position: relative; } .product-desc h2 { margin: 0; } .product-category { width: 100%; margin-bottom: 6px; } .product-category h5 { text-align: center; font-size: 10px !important; color: var(--text-muted); } .product-name { line-height: 1.3; font-size: 15px !important; font-weight: 600; color: var(--text-primary); display: block; margin: 2px 0 5px; word-break: break-word; transition: var(--transition-fast); } .product-name:focus, .product-name:hover { color: var(--primary); } .product-make { color: var(--text-primary); font-size: 13px; font-weight: 700; } .product-price { font-size: 15px; font-weight: 500; color: var(--gray); background-color: var(--white); position: relative; align-self: flex-end; padding: 4px 10px; min-width: 90px; border: 1px solid var(--lightgray); border-radius: var(--border-radius-md); text-align: right; box-shadow: var(--shadow-sm); transition: var(--transition-fast); margin-top: 6px; } .product-price.active, .product-price:hover { border-color: var(--primary); box-shadow: var(--shadow-md); } .product-price > i { font-size: 10px; } .product-newprice { font-size: 15px; font-weight: 500; color: var(--gray); background-color: var(--white); align-self: flex-end; padding: 4px 10px; margin: 6px 0 0 auto; text-align: right; } .product-newprice > i { font-size: 10px; } .ecommerce .tag-list { padding: 0; } .ecommerce .fa-star { color: #d1dade; } .ecommerce .fa-star.active { color: var(--warning); } .ecommerce .note-editor { border: 1px solid var(--lightgrayultra); } .product-detail .ibox-content { padding: 20px; } @media (min-width: 768px) { .product-detail .ibox-content { padding: 30px 30px 50px; } } .image-imitation { background-color: var(--lightgray); text-align: center; } .product-main-price small { font-size: 10px; } .product-images { margin: 0 10px; } .product-buttons { margin: 0 10px; } @media (min-width: 768px) { .product-images, .product-buttons { margin: 0 20px; } } .widget { border-radius: var(--border-radius-md); padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; box-shadow: var(--shadow-sm); } .widget.style1 h2 { font-size: 30px; } .widget h2, .widget h3 { margin-top: 5px; margin-bottom: 0; } .widget-text-box { padding: 20px; border: 1px solid var(--lightgrayultra); background: var(--white); border-radius: var(--border-radius-sm); } .widget-head-color-box { border-radius: var(--border-radius-md) var(--border-radius-md) 0 0; margin-top: 10px; } .widget .flot-chart { height: 100px; } .widget .flot-chart.dashboard-chart { display: block; height: 120px; margin-top: 40px; } .flot-chart.dashboard-chart { display: block; height: 180px; margin-top: 40px; } .flot-chart-content { width: 100%; height: 100%; } .flot-chart { display: block; height: 200px; } .flot-chart-pie-content { width: 200px; height: 200px; margin: auto; } .gray-bg { background-color: #f3f3f4; } .white-bg { background-color: var(--white); } .navy-bg { background-color: var(--primary); color: var(--white); } .blue-bg { background-color: var(--success); color: var(--white); } .lazur-bg { background-color: var(--info); color: var(--white); } .yellow-bg { background-color: var(--warning); color: var(--white); } .red-bg { background-color: var(--danger); color: var(--white); } .black-bg { background-color: #262626; } .bg-secondary { background-color: var(--lightgrayultra) !important; } .text-navy { color: var(--primary); } .text-primary { color: inherit; } .text-success { color: var(--success); } .text-info { color: var(--info); } .text-warning { color: var(--warning); } .text-danger { color: var(--danger); } .text-muted { color: var(--text-muted); } .text-white { color: var(--white); } .text-uppercase { text-transform: uppercase; } .panel.blank-panel { background: 0 0; margin: 0; } .blank-panel .panel-heading { padding-bottom: 0; } .panel-primary { border-color: var(--primary); } .panel-primary > .panel-heading { background-color: var(--primary); border-color: var(--primary); } .panel-success { border-color: var(--success); } .panel-success > .panel-heading { background-color: var(--success); border-color: var(--success); color: var(--white); } .panel-info { border-color: var(--info); } .panel-info > .panel-heading { background-color: var(--info); border-color: var(--info); color: var(--white); } .panel-warning { border-color: var(--warning); } .panel-warning > .panel-heading { background-color: var(--warning); border-color: var(--warning); color: var(--white); } .panel-danger { border-color: var(--danger); } .panel-danger > .panel-heading { background-color: var(--danger); border-color: var(--danger); color: var(--white); } .panel-title { font-size: inherit; } .panel-heading h1, .panel-heading h2 { margin-bottom: 5px; } .progress-bar { background-color: var(--primary); } .progress-small, .progress-small .progress-bar { height: 10px; } .progress-mini, .progress-small { margin-top: 5px; } .progress-mini, .progress-mini .progress-bar { height: 5px; margin-bottom: 0; } .progress-bar-navy-light { background-color: #3dc7ab; } .progress-bar-success { background-color: var(--success); } .progress-bar-info { background-color: var(--info); } .progress-bar-warning { background-color: var(--warning); } .progress-bar-danger { background-color: var(--danger); } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #f4f4f4; border-color: #ddd; color: inherit; cursor: default; z-index: 2; } .pagination > li > a, .pagination > li > span { background-color: var(--white); border: 1px solid #ddd; color: inherit; float: left; line-height: 1.42857; margin-left: -1px; padding: 4px 10px; position: relative; text-decoration: none; transition: var(--transition-fast); } .pagination > li > a:hover { background-color: var(--primary); color: var(--white); border-color: var(--primary); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: 0 0; border-color: #ddd #ddd transparent; border-bottom: #f3f3f4; border-image: none; border-style: solid; border-width: 1px; color: #555; cursor: default; } .nav.nav-tabs li { background: 0 0; border: none; } .nav-tabs > li > a { color: #a7b1c2; font-weight: 600; padding: 10px 20px 10px 25px; transition: var(--transition-fast); } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background-color: #e6e6e6; color: #676a6c; } .ui-tab .tab-content { padding: 20px 0; } .tabs-container .panel-body { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--border-radius-sm); padding: 20px; position: relative; color: var(--text-primary); } .tabs-container .panel-body table, .tabs-container .panel-body th, .tabs-container .panel-body td, .tabs-container .panel-body tr { background: var(--bg-surface) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:focus, .tabs-container .nav-tabs > li.active > a:hover { border: 1px solid var(--border-color); border-bottom-color: transparent; background-color: var(--bg-surface); } .tabs-container .nav-tabs > li { float: left; margin-bottom: -1px; } .tabs-container .tab-pane .panel-body { border-top: none; } .tabs-container .nav-tabs { border-bottom: 1px solid var(--border-color); } .tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body { border-top: 1px solid var(--lightgrayultra); } .tabs-container .nav-tabs > li a:hover { background: 0 0; border-color: transparent; } .tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs { border-bottom: 0; } .tabs-container .tabs-left .panel-body { position: static; } .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs { width: 20%; } .tabs-container .tabs-left .panel-body { width: 80%; margin-left: 20%; } .tabs-container .tabs-right .panel-body { width: 80%; margin-right: 20%; } .tabs-container .pill-content > .pill-pane, .tabs-container .tab-content > .tab-pane { display: none; } .tabs-container .pill-content > .active, .tabs-container .tab-content > .active { display: block; } .tabs-container .tabs-below > .nav-tabs { border-top: 1px solid var(--lightgrayultra); } .tabs-container .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-container .tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; } .tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li { float: none; } .tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-container .tabs-left > .nav-tabs { float: left; margin-right: 19px; } .tabs-container .tabs-left > .nav-tabs > li > a { margin-right: -1px; border-radius: 4px 0 0 4px; } .tabs-container .tabs-left > .nav-tabs .active > a, .tabs-container .tabs-left > .nav-tabs .active > a:focus, .tabs-container .tabs-left > .nav-tabs .active > a:hover { border-color: var(--lightgrayultra) transparent var(--gray) var(--gray); } .tabs-container .tabs-right > .nav-tabs { float: right; margin-left: 19px; } .tabs-container .tabs-right > .nav-tabs > li > a { margin-left: -1px; border-radius: 0 4px 4px 0; } .tabs-container .tabs-right > .nav-tabs .active > a, .tabs-container .tabs-right > .nav-tabs .active > a:focus, .tabs-container .tabs-right > .nav-tabs .active > a:hover { border-color: var(--lightgrayultra) var(--gray) var(--gray) transparent; z-index: 1; } @media (max-width: 767px) { .tabs-container .nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; gap: 8px; padding-bottom: 2px; -ms-overflow-style: none; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 94%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 94%, transparent 100%); } .tabs-container .nav-tabs::-webkit-scrollbar { display: none; } .tabs-container .nav-tabs > li { float: none !important; flex: 0 0 auto; scroll-snap-align: start; } .tabs-container .nav-tabs > li > a { white-space: nowrap; padding: 9px 14px !important; border-radius: 999px !important; border: 1px solid var(--border-color) !important; } .tabs-container .nav-tabs > li.active > a { border-bottom: 1px solid var(--lightgrayultra) !important; margin: 0; } .tabs-container .tabs-left .panel-body, .tabs-container .tabs-right .panel-body { width: 100%; margin-left: 0; margin-right: 0; } .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs { width: 100%; float: none; margin: 0 0 10px 0; } } .modal-content { background-clip: padding-box; background-color: var(--white); border: 1px solid transparent; border-radius: var(--border-radius-md); box-shadow: var(--shadow-lg); outline: 0 none; position: relative; } .modal-dialog { z-index: 2200; } .modal-body { padding: 20px 30px 30px; } @media (max-width: 575px) { .modal-body { padding: 15px; } .modal-dialog { margin: 10px; } } .inmodal .modal-body { background: #f8fafb; } .inmodal .modal-header { padding: 30px 15px; text-align: center; } .animated.modal.fade .modal-dialog { transform: none; } .inmodal .modal-title { font-size: 26px; } .inmodal .modal-icon { font-size: 84px; color: #e2e3e3; } .modal-footer { margin-top: 0; } .modal-backdrop { z-index: 2040 !important; } .modal { z-index: 2050 !important; } body.modal-open { padding-right: inherit !important; } body.modal-open .animated { animation-fill-mode: initial; z-index: inherit; } .footer { background: var(--white); border-top: 1px solid var(--lightgrayultra); bottom: 0; left: 0; padding: 10px 20px; position: absolute; right: 0; } .footer.fixed_full { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: var(--white); border-top: 1px solid var(--lightgrayultra); } .footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: var(--white); border-top: 1px solid var(--lightgrayultra); margin-left: var(--sidebar-width); } body.body-small.mini-navbar .footer.fixed, body.mini-navbar .footer.fixed { margin: 0 0 0 var(--sidebar-mini-width); } body.canvas-menu .footer.fixed, body.mini-navbar.canvas-menu .footer.fixed { margin: 0 !important; } body.fixed-sidebar.body-small.mini-navbar .footer.fixed { margin: 0 0 0 var(--sidebar-width); } body.body-small .footer.fixed { margin-left: 0; } .top-navigation #page-wrapper { margin-left: 0; } .top-navigation .navbar-nav .dropdown-menu > .active > a { background: var(--white); color: var(--primary); font-weight: 700; } .white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: var(--white); } .top-navigation .navbar { margin-bottom: 0; } .top-navigation .nav > li > a { padding: 15px 20px; color: #676a6c; } .top-navigation .nav > li a:focus, .top-navigation .nav > li a:hover { background: var(--white); color: var(--primary); } .top-navigation .nav > li.active { background: var(--white); border: none; } .top-navigation .nav > li.active > a { color: var(--primary); } .top-navigation .navbar-right { margin-right: 10px; } .top-navigation .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid var(--lightgrayultra); } .top-navigation .dropdown-menu > li > a { margin: 0; padding: 7px 20px; } .navbar .dropdown-menu { margin-top: 0; } .top-navigation .navbar-brand { background: var(--white); color: var(--white); padding: 15px 25px; } .top-navigation .navbar-brand img { width: 185px; height: 54px; object-fit: contain; } .top-navigation .navbar-top-links li:last-child { margin-right: 0; } .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .top-navigation.mini-navbar #page-wrapper { margin: 0; } .fixed-nav #wrapper.top-navigation, .top-navigation.fixed-nav #wrapper { margin-top: 50px; } .top-navigation .footer.fixed { margin-left: 0 !important; } .top-navigation .wrapper.wrapper-content { padding: 40px; } @media (max-width: 767px) { .top-navigation .wrapper.wrapper-content { padding: 20px 10px; } } .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header, .top-navigation .navbar-nav .open .dropdown-menu > li > a { padding: 10px 15px 10px 20px; } @media (max-width: 1100px) { .top-navigation .navbar-header { display: block; float: none; } } .navbar-default .special_link a { background: var(--primary); color: var(--white); } .navbar-default .special_link a:hover { background: #17987e !important; color: var(--white); } .navbar-default .special_link a span.label { background: var(--white); color: var(--primary); } .navbar-default .landing_link a { background: #1cc09f; color: var(--white); } .navbar-default .landing_link a:hover { background: var(--primary) !important; color: var(--white); } .navbar-default .landing_link a span.label { background: var(--white); color: #1cc09f; } .arrow { float: right; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } .metismenu .plus-minus, .metismenu .plus-times { float: right; } .metismenu .arrow { float: right; line-height: 1.42857; } .metismenu .fa.arrow:before { content: "\f104"; } .metismenu .active > a > .fa.arrow:before { content: "\f107"; } .metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before { content: "\f067"; } .metismenu .active > a > .fa.plus-times { transform: rotate(45deg); } .metismenu .active > a > .fa.plus-minus:before { content: "\f068"; } .metismenu .collapse { display: none; } .metismenu .collapse.in { display: block; } .metismenu .collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height, visibility; } a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover { background-color: var(--primary); border-color: var(--primary); color: var(--white); z-index: 2; } .list-group-item-heading { margin-top: 10px; } .list-group-item-text { margin: 0 0 10px; color: inherit; font-size: 12px; line-height: inherit; } .no-padding .list-group-item { border-left: none; border-right: none; border-bottom: none; } .no-padding .list-group-item:first-child { border-left: none; border-right: none; border-bottom: none; border-top: none; } .no-padding .list-group { margin-bottom: 0; } .list-group-item { background-color: inherit; border: 1px solid var(--lightgrayultra); display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; transition: var(--transition-fast); } .list-group-item:hover { background-color: var(--lightgray); } .elements-list .list-group-item { border-left: none; border-right: none; padding: 15px 25px; } .elements-list .list-group-item:first-child { border-left: none; border-right: none; border-top: none !important; } .elements-list .list-group { margin-bottom: 0; } .elements-list a { color: inherit; } .elements-list .list-group-item.active, .elements-list .list-group-item:hover { background: #f3f3f4; color: inherit; border-color: var(--lightgrayultra); border-radius: 0; } .elements-list li.active { transition: none; } .element-detail-box { padding: 25px; } .list-group.clear-list .list-group-item { border-top: 1px solid var(--lightgrayultra); border-bottom: 0; border-right: 0; border-left: 0; padding: 10px 0; } ul.clear-list:first-child { border-top: none !important; } .stat-list li:first-child { margin-top: 0; } .stat-list { list-style: none; padding: 0; margin: 0; } .stat-percent { float: right; } .stat-list li { margin-top: 15px; position: relative; } .no-padding { padding: 0 !important; } .no-borders { border: none !important; } .no-margins { margin: 0 !important; } .no-top-border { border-top: 0 !important; } .block { display: block; } .clear { display: block; overflow: hidden; } .inline { display: inline-block !important; } .full-width { width: 100% !important; } .font-bold { font-weight: 600; } .font-noraml { font-weight: 400; } .border-bottom { border-bottom: 1px solid var(--lightgrayultra) !important; } .border-left-right { border-left: 1px solid var(--lightgrayultra); border-right: 1px solid var(--lightgrayultra); border-top: none; border-bottom: none; } .border-left { border-left: 1px solid var(--lightgrayultra); border-right: none; border-top: none; border-bottom: none; } .border-right { border-left: none; border-right: 1px solid var(--lightgrayultra); border-top: none; border-bottom: none; } .b-r { border-right: 1px solid var(--lightgrayultra); } .hr-line-dashed { border-top: 1px dashed var(--gray); color: var(--white); background-color: var(--white); height: 1px; margin: 20px 0; } .hr-line-solid { border-bottom: 1px solid var(--lightgrayultra); background-color: transparent; border-style: solid !important; margin-top: 15px; margin-bottom: 15px; } .p-xxs { padding: 5px; } .p-xs { padding: 10px; } .p-sm { padding: 15px; } .p-m { padding: 20px; } .p-md { padding: 25px; } .p-lg { padding: 30px; } .p-xl { padding: 40px; } .p-w-xs { padding: 0 10px; } .p-w-sm { padding: 0 15px; } .p-w-m { padding: 0 20px; } .p-w-md { padding: 0 25px; } .p-w-lg { padding: 0 30px; } .p-w-xl { padding: 0 40px; } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m-sm { margin: 10px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n { margin: 0 !important; } .m-l-none { margin-left: 0; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-t-none { margin-top: 0; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-r-none { margin-right: 0; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-b-none { margin-bottom: 0; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-lg { margin-bottom: 30px; } .m-b-xl { margin-bottom: 40px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .space-15 { margin: 15px 0; } .space-20 { margin: 20px 0; } .space-25 { margin: 25px 0; } .space-30 { margin: 30px 0; } .mb-30 { margin-bottom: 30px !important; } .mt-30 { margin-top: 30px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .padding-top-1x { padding-top: 24px !important; } .padding-top-2x { padding-top: 48px !important; } .padding-top-3x { padding-top: 72px !important; } .padding-top-4x { padding-top: 96px !important; } .padding-top-5x { padding-top: 120px !important; } .padding-top-6x { padding-top: 144px !important; } .padding-top-7x { padding-top: 168px !important; } .padding-top-8x { padding-top: 192px !important; } .padding-top-9x { padding-top: 216px !important; } .padding-top-10x { padding-top: 240px !important; } .padding-bottom-0x { padding-bottom: 12px !important; } .padding-bottom-1x { padding-bottom: 24px !important; } .padding-bottom-2x { padding-bottom: 48px !important; } .padding-bottom-3x { padding-bottom: 72px !important; } .padding-bottom-4x { padding-bottom: 96px !important; } .padding-bottom-5x { padding-bottom: 120px !important; } .padding-bottom-6x { padding-bottom: 144px !important; } .padding-bottom-7x { padding-bottom: 168px !important; } .padding-bottom-8x { padding-bottom: 192px !important; } .padding-bottom-9x { padding-bottom: 216px !important; } .padding-bottom-10x { padding-bottom: 240px !important; } .margin-top-1x { margin-top: 24px !important; } .margin-top-2x { margin-top: 48px !important; } .margin-top-3x { margin-top: 72px !important; } .margin-top-4x { margin-top: 96px !important; } .margin-top-5x { margin-top: 120px !important; } .margin-top-6x { margin-top: 144px !important; } .margin-top-7x { margin-top: 168px !important; } .margin-top-8x { margin-top: 192px !important; } .margin-top-9x { margin-top: 216px !important; } .margin-top-10x { margin-top: 240px !important; } .margin-bottom-1x { margin-bottom: 24px !important; } .margin-bottom-2x { margin-bottom: 48px !important; } .margin-bottom-3x { margin-bottom: 72px !important; } .margin-bottom-4x { margin-bottom: 96px !important; } .margin-bottom-5x { margin-bottom: 120px !important; } .margin-bottom-6x { margin-bottom: 144px !important; } .margin-bottom-7x { margin-bottom: 168px !important; } .margin-bottom-8x { margin-bottom: 192px !important; } .margin-bottom-9x { margin-bottom: 216px !important; } .margin-bottom-10x { margin-bottom: 240px !important; } @media (max-width: 767px) { .padding-top-1x, .padding-top-2x, .padding-top-3x, .padding-top-4x, .padding-top-5x, .padding-top-6x, .padding-top-7x, .padding-top-8x, .padding-top-9x, .padding-top-10x { padding-top: 16px !important; } .padding-bottom-1x, .padding-bottom-2x, .padding-bottom-3x, .padding-bottom-4x, .padding-bottom-5x, .padding-bottom-6x, .padding-bottom-7x, .padding-bottom-8x, .padding-bottom-9x, .padding-bottom-10x { padding-bottom: 12px !important; } .margin-top-1x, .margin-top-2x, .margin-top-3x, .margin-top-4x, .margin-top-5x, .margin-top-6x, .margin-top-7x, .margin-top-8x, .margin-top-9x, .margin-top-10x { margin-top: 16px !important; } .margin-bottom-1x, .margin-bottom-2x, .margin-bottom-3x, .margin-bottom-4x, .margin-bottom-5x, .margin-bottom-6x, .margin-bottom-7x, .margin-bottom-8x, .margin-bottom-9x, .margin-bottom-10x { margin-bottom: 12px !important; } } .breadcrumb { background-color: var(--white); padding: 0; margin-bottom: 0; } .breadcrumb > li a { color: inherit; } .breadcrumb > .active { color: inherit; } .page-heading { border-top: 0; padding: 0 10px 20px; } code { background-color: #f9f2f4; border-radius: var(--border-radius-sm); color: #ca4440; font-size: 90%; padding: 2px 4px; white-space: nowrap; } .big-icon { font-size: 160px !important; color: #e5e6e7; } .img-circle { border-radius: 50%; } img.circle-border { border: 6px solid var(--white); border-radius: 50%; } .img-shadow { box-shadow: 0 0 3px 0 #919191; } .branding { float: left; color: var(--white); font-size: 18px; font-weight: 600; padding: 17px 20px; text-align: center; background-color: var(--primary); border-radius: 0 0 var(--border-radius-sm) 0; } body.mini-navbar .branding { display: none; } video { width: 100% !important; height: auto !important; } .title-action { text-align: right; padding-top: 30px; } .simple_tag { background-color: #f3f3f4; border: 1px solid var(--lightgrayultra); border-radius: var(--border-radius-sm); color: inherit; font-size: 10px; margin-right: 5px; margin-top: 5px; padding: 5px 12px; display: inline-block; } .login-panel { margin-top: 10%; } @media (min-width: 768px) { .login-panel { margin-top: 25%; } } .middle-box { max-width: 400px; z-index: 100; margin: 0 auto; padding-top: 40px; } .lockscreen.middle-box { width: 200px; padding-top: 110px; } .loginscreen.middle-box { width: 300px; } @media (max-width: 479px) { .middle-box { max-width: 100%; padding: 20px 15px; } .loginscreen.middle-box { width: 100%; } } .loginColumns { max-width: 800px; margin: 0 auto; padding: 60px 20px 20px; } .passwordBox { max-width: 460px; margin: 0 auto; padding: 60px 20px 20px; } @media (max-width: 479px) { .loginColumns, .passwordBox { padding: 20px 10px; } } .logo-name { color: #e6e6e6; font-size: clamp(80px, 20vw, 180px); font-weight: 800; letter-spacing: -10px; margin-bottom: 0; } .middle-box h1 { font-size: clamp(80px, 20vw, 170px) !important; } .wrapper .middle-box { margin-top: 80px; } .gallery > .row > div { margin-bottom: 15px; } .lightBoxGallery { text-align: center; } .lightBoxGallery img { margin: 5px; max-width: 100%; } .tooltip-inner { background-color: var(--white); } .tooltip.top .tooltip-arrow { border-top-color: #2f4050; } .tooltip.right .tooltip-arrow { border-right-color: #2f4050; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #2f4050; } .tooltip.left .tooltip-arrow { border-left-color: #2f4050; } #toast-container > .toast { background-image: none !important; } #toast-container > .toast:before { position: fixed; font-family: FontAwesome; font-size: 24px; line-height: 24px; float: left; color: var(--white); padding-right: .5em; margin: auto .5em auto -1.5em; } #toast-container > .toast-warning:before { content: "\f0e7"; } #toast-container > .toast-error:before { content: "\f071"; } #toast-container > .toast-info:before { content: "\f005"; } #toast-container > .toast-success:before { content: "\f00C"; } #toast-container > div { box-shadow: 0 0 3px #999; opacity: .9; } #toast-container > :hover { box-shadow: 0 0 4px #999; opacity: 1; cursor: pointer; } .toast { background-color: var(--primary); } .toast-success { background-color: var(--primary); } .toast-error { background-color: var(--danger); } .toast-info { background-color: var(--info); } .toast-warning { background-color: var(--warning); } .toast-top-full-width { margin-top: 20px; } .toast-bottom-full-width { margin-bottom: 20px; } .cg-notify-message.inspinia-notify { background: var(--white); padding: 0; box-shadow: 0 0 1px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.2); border: none; margin-top: 30px; color: inherit; border-radius: var(--border-radius-sm); } .inspinia-notify.alert-warning { border-left: 6px solid var(--warning); } .inspinia-notify.alert-success { border-left: 6px solid var(--success); } .inspinia-notify.alert-danger { border-left: 6px solid var(--danger); } .inspinia-notify.alert-info { border-left: 6px solid var(--primary); } .chat-activity-list .chat-element { border-bottom: 1px solid var(--lightgrayultra); } .chat-element:first-child { margin-top: 0; } .chat-element { padding-bottom: 15px; } .chat-element, .chat-element .media { margin-top: 15px; } .chat-element, .media-body { overflow: hidden; } .media-body { display: block; width: auto; } .chat-element > .pull-left { margin-right: 10px; } .chat-element img.img-circle, .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .chat-element .well { border: 1px solid var(--lightgrayultra); box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .chat-element .actions { margin-top: 10px; } .chat-element .photos { margin: 10px 0; } .right.chat-element > .pull-right { margin-left: 10px; } .chat-photo { max-height: 180px; border-radius: var(--border-radius-sm); overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #b3a9a9; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; color: #777; } .chat .glyphicon, .panel .slidedown .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .chat-avatar { width: 36px; height: 36px; float: left; margin-right: 10px; } .chat-user-name { padding: 10px; } .chat-user { padding: 8px 10px; border-bottom: 1px solid var(--lightgrayultra); } .chat-user a { color: inherit; } .chat-view { z-index: 20012; } .chat-statistic, .chat-users { margin-left: -30px; } @media (max-width: 767px) { .chat-statistic, .chat-users { margin-left: 0; } } .chat-view .ibox-content { padding: 0; } .chat-message { padding: 10px 20px; } .message-avatar { height: 48px; width: 48px; border: 1px solid var(--lightgrayultra); border-radius: var(--border-radius-sm); margin-top: 1px; } .chat-discussion .chat-message.left .message-avatar { float: left; margin-right: 10px; } .chat-discussion .chat-message.right .message-avatar { float: right; margin-left: 10px; } .message { background-color: var(--white); border: 1px solid var(--lightgrayultra); text-align: left; display: block; padding: 10px 20px; position: relative; border-radius: var(--border-radius-sm); } .chat-discussion .chat-message.left .message-date { float: right; } .chat-discussion .chat-message.right .message-date { float: left; } .chat-discussion .chat-message.left .message { text-align: left; margin-left: 55px; } .chat-discussion .chat-message.right .message { text-align: right; margin-right: 55px; } .message-date { font-size: 10px; color: var(--lightgray); } .message-content { display: block; } .chat-discussion { background: #eee; padding: 15px; height: 400px; overflow-y: auto; } .chat-users { overflow-y: auto; height: 400px; } .chat-message-form .form-group { margin-bottom: 0; } .message-input { height: 90px !important; } #small-chat { position: fixed; bottom: 20px; right: 20px; z-index: 100; } #small-chat .badge { position: absolute; top: -3px; right: -4px; } .open-small-chat { height: 38px; width: 38px; display: block; background: var(--primary); padding: 9px 8px; text-align: center; color: var(--white); border-radius: 50%; transition: var(--transition-fast); } .open-small-chat:hover { color: var(--white); background: var(--primaryhover); } .small-chat-box { display: none; position: fixed; bottom: 20px; right: 75px; background: var(--white); border: 1px solid var(--lightgrayultra); width: 230px; height: 320px; border-radius: var(--border-radius-md); box-shadow: var(--shadow-md); } .small-chat-box.ng-small-chat { display: block; } .small-chat-box.active { display: block; } .small-chat-box .heading { background: var(--white); padding: 8px 15px; font-weight: 700; color: var(--white); } .small-chat-box .chat-date { opacity: .6; font-size: 10px; font-weight: 400; } .small-chat-box .content { padding: 15px; overflow-y: auto; height: calc(100% - 90px); } .small-chat-box .content .author-name { font-weight: 700; margin-bottom: 3px; font-size: 11px; } .small-chat-box .content > div { padding-bottom: 20px; } .small-chat-box .content .chat-message { padding: 5px 10px; border-radius: 6px; font-size: 11px; line-height: 14px; max-width: 80%; background: #f3f3f4; margin-bottom: 10px; } .small-chat-box .content .chat-message.active { background: var(--primary); color: var(--white); } .small-chat-box .content .left { text-align: left; clear: both; } .small-chat-box .content .left .chat-message { float: left; } .small-chat-box .content .right { text-align: right; clear: both; } .small-chat-box .content .right .chat-message { float: right; } .small-chat-box .form-chat { padding: 10px; } @media (max-width: 479px) { .small-chat-box { right: 10px; width: calc(100vw - 20px); } .body-small .small-chat-box { bottom: 70px; right: 10px; } } .profile-content { border-top: none !important; } .profile-stats { margin-right: 10px; } .profile-image { width: 120px; float: left; } .profile-image img { width: 96px; height: 96px; border-radius: 50%; } .profile-info { margin-left: 120px; } @media (max-width: 479px) { .profile-image { width: 80px; float: none; margin: 0 auto; } .profile-image img { width: 70px; height: 70px; } .profile-info { margin-left: 0; margin-top: 10px; } } .feed-activity-list .feed-element { border-bottom: 1px solid var(--lightgrayultra); } .feed-element:first-child { margin-top: 0; } .feed-element { padding-bottom: 15px; } .feed-element, .feed-element .media { margin-top: 15px; } .feed-element, .media-body { overflow: hidden; } .feed-element > .pull-left { margin-right: 10px; } .dropdown-messages-box img.img-circle, .feed-element img.img-circle { width: 38px; height: 38px; } .feed-element .well { border: 1px solid var(--lightgrayultra); box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .feed-element .actions { margin-top: 10px; } .feed-element .photos { margin: 10px 0; } .feed-photo { max-height: 180px; border-radius: var(--border-radius-sm); overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .contact-box { background-color: var(--white); border: 1px solid var(--lightgrayultra); padding: 20px; margin-bottom: 20px; border-radius: var(--border-radius-sm); transition: var(--transition-base); } .contact-box:hover { box-shadow: var(--shadow-md); } .contact-box > a { color: inherit; } .contact-box.center-version { border: 1px solid var(--lightgrayultra); padding: 0; } .contact-box.center-version > a { display: block; background-color: var(--white); padding: 20px; text-align: center; } .contact-box.center-version > a img { width: 80px; height: 80px; margin-top: 10px; margin-bottom: 10px; border-radius: 50%; } .contact-box.center-version address { margin-bottom: 0; } .contact-box .contact-box-footer { text-align: center; background-color: var(--white); border-top: 1px solid var(--lightgrayultra); padding: 15px 20px; } .vertical-container { width: 90%; max-width: 1170px; margin: 0 auto; } .vertical-container::after { content: ''; display: table; clear: both; } #vertical-timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 2em; } #vertical-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f1f1f1; } .vertical-timeline-content .btn { float: right; } .vertical-timeline-block { position: relative; margin: 2em 0; } .vertical-timeline-block:after { content: ""; display: table; clear: both; } .vertical-timeline-block:first-child { margin-top: 0; } .vertical-timeline-block:last-child { margin-bottom: 0; } .vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center; } .vertical-timeline-icon i { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; } .vertical-timeline-content { position: relative; margin-left: 60px; background: var(--white); border-radius: var(--border-radius-sm); padding: 1em; box-shadow: var(--shadow-sm); } .vertical-timeline-content:after { content: ""; display: table; clear: both; } .vertical-timeline-content h2 { font-weight: 400; margin-top: 4px; } .vertical-timeline-content p { margin: 1em 0; line-height: 1.6; } .vertical-timeline-content .vertical-date { float: left; font-weight: 500; } .vertical-date small { color: var(--primary); font-weight: 400; } .vertical-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid var(--white); } @media only screen and (min-width: 1100px) { .vertical-timeline-content h2 { font-size: 18px; } .vertical-timeline-content p { font-size: 13px; } .center-orientation .vertical-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .center-orientation .vertical-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: var(--white); } .center-orientation .vertical-timeline-content .btn { float: left; } .center-orientation .vertical-timeline-content .vertical-date { position: absolute; width: 100%; left: 122%; top: 2px; font-size: 14px; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: var(--white); } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { left: auto; right: 122%; text-align: right; } #vertical-timeline.center-orientation { margin-top: 3em; margin-bottom: 3em; } #vertical-timeline.center-orientation:before { left: 50%; margin-left: -2px; } .center-orientation .vertical-timeline-block { margin: 4em 0; } .center-orientation .vertical-timeline-icon { width: 50px; height: 50px; left: 50%; margin-left: -25px; font-size: 19px; } .center-orientation .vertical-timeline-icon i { margin-left: -12px; margin-top: -10px; } } .sortable-list { padding: 10px 0; } .agile-list { list-style: none; margin: 0; } .agile-list li { background: #fafafb; border: 1px solid var(--lightgrayultra); margin: 0 0 10px; padding: 10px; border-radius: var(--border-radius-sm); transition: var(--transition-fast); } .agile-list li:hover { cursor: pointer; background: var(--white); box-shadow: var(--shadow-sm); } .agile-list li.warning-element { border-left: 3px solid var(--warning); } .agile-list li.danger-element { border-left: 3px solid var(--danger); } .agile-list li.info-element { border-left: 3px solid var(--success); } .agile-list li.success-element { border-left: 3px solid var(--primary); } .agile-detail { margin-top: 5px; font-size: 12px; } .file-box { float: left; width: 220px; } @media (max-width: 479px) { .file-box { width: 100%; float: none; } } .file-manager h5 { text-transform: uppercase; } .file-manager { list-style: none outside none; margin: 0; padding: 0; } .folder-list li a { color: #666; display: block; padding: 5px 0; } .folder-list li { border-bottom: 1px solid var(--lightgrayultra); display: block; } .folder-list li i { margin-right: 8px; color: #3d4d5d; } .file-manager .hr-line-dashed { margin: 15px 0; } .file .icon, .file .image { height: 100px; overflow: hidden; } .file .icon { padding: 15px 10px; text-align: center; } .file { border: 1px solid var(--lightgrayultra); padding: 0; background-color: var(--white); position: relative; margin-bottom: 20px; margin-right: 20px; border-radius: var(--border-radius-sm); transition: var(--transition-fast); } .file:hover { box-shadow: var(--shadow-md); } .file-control { color: inherit; font-size: 11px; margin-right: 10px; } .file-control.active { text-decoration: underline; } .file .icon i { font-size: 70px; color: #dadada; } .file .file-name { padding: 10px; background-color: #f8f8f8; border-top: 1px solid var(--lightgrayultra); } .file-name small { color: #676a6c; } table.shoping-cart-table { margin-bottom: 0; } table.shoping-cart-table tr td { border: none; text-align: right; } table.shoping-cart-table tr td.desc, table.shoping-cart-table tr td:first-child { text-align: left; } table.shoping-cart-table tr td:last-child { width: 80px; } @media (max-width: 575px) { table.shoping-cart-table { font-size: 12px; } table.shoping-cart-table tr td:last-child { width: auto; } } .invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(2), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(4) { text-align: right; } .invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(2), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(4) { text-align: right; } .invoice-total > tbody > tr > td:first-child { text-align: right; } .invoice-total > tbody > tr > td { border: 0 none; } .invoice-total > tbody > tr > td:last-child { border-bottom: 1px solid #ddd; text-align: right; width: 15%; } .mail-box { background-color: var(--white); border: 1px solid var(--lightgrayultra); border-top: 0; padding: 0; margin-bottom: 20px; } .mail-box-header { background-color: var(--white); border: 1px solid var(--lightgrayultra); border-bottom: 0; padding: 30px 20px 20px; } .mail-box-header h2 { margin-top: 0; } .mailbox-content .tag-list li a { background: var(--white); } .mail-body { border-top: 1px solid var(--lightgrayultra); padding: 20px; } .mail-text { border-top: 1px solid var(--lightgrayultra); } .mail-text .note-toolbar { padding: 10px 15px; } .mail-body .form-group { margin-bottom: 5px; } .mail-text .note-editor .note-toolbar { background-color: #f9f8f8; } .mail-attachment { border-top: 1px solid var(--lightgrayultra); padding: 20px; font-size: 12px; } .mailbox-content { background: 0 0; border: none; padding: 10px; } .dashboard-header { border-top: 0; padding: 20px; } .dashboard-header h2 { margin-top: 10px; font-size: clamp(18px, 3vw, 26px); } .fist-item { border-top: none !important; } .statistic-box { margin-top: 40px; } .dashboard-header .list-group-item span.label { margin-right: 10px; } .project-actions, .project-people { text-align: right; vertical-align: middle; } dd.project-people { text-align: left; margin-top: 5px; } .project-people img { width: 32px; height: 32px; border-radius: 50%; } .project-title a { font-size: 14px; color: #676a6c; font-weight: 600; } .project-list table tr td { border-top: none; border-bottom: 1px solid var(--lightgrayultra); padding: 15px 10px; vertical-align: middle; } .project-files li a { font-size: 11px; color: #676a6c; margin-left: 10px; line-height: 22px; } .blog h2 { font-weight: 700; } .blog h5 { margin: 0 0 5px; } .blog .btn { margin: 0 0 5px; } .article h1 { font-size: clamp(28px, 5vw, 48px); font-weight: 700; color: #2f4050; } .article p { font-size: 15px; line-height: 26px; } .article-title { text-align: center; margin: 40px 0 60px; } .article .ibox-content { padding: 20px; } @media (min-width: 768px) { .article .ibox-content { padding: 40px; } } .forum-post-container .media { margin: 10px; padding: 20px 10px; border-bottom: 1px solid #f1f1f1; } .forum-avatar { float: left; margin-right: 20px; text-align: center; width: 110px; } .forum-avatar .img-circle { height: 48px; width: 48px; } .author-info { color: #676a6c; font-size: 11px; margin-top: 5px; text-align: center; } .forum-post-info { padding: 9px 12px 6px; background: #f9f9f9; border: 1px solid #f1f1f1; border-radius: var(--border-radius-sm); } .forum-item { margin: 10px 0; padding: 10px 0 20px; border-bottom: 1px solid #f1f1f1; } .views-number { font-size: 24px; line-height: 18px; font-weight: 400; } .forum-container, .forum-post-container { padding: 20px !important; } @media (min-width: 768px) { .forum-container, .forum-post-container { padding: 30px !important; } } @media (max-width: 767px) { .forum-info { margin: 15px 0 10px; display: none; } .forum-desc { float: none !important; } .forum-avatar { width: 60px; } } .vote-item { padding: 20px 25px; background: var(--white); border-top: 1px solid var(--lightgrayultra); transition: var(--transition-fast); } .vote-item:last-child { border-bottom: 1px solid var(--lightgrayultra); } .vote-item:hover { background: #fbfbfb; } .vote-actions { float: left; width: 30px; margin-right: 15px; text-align: center; font-weight: 600; } .vote-actions a { color: var(--primary); font-weight: 600; } .vote-title { display: block; color: inherit; font-size: 18px; font-weight: 600; margin-top: 5px; margin-bottom: 2px; } .vote-title:focus, .vote-title:hover { color: inherit; } .vote-info, .vote-title { margin-left: 45px; } .vote-info, .vote-info a { color: #b4b6b8; font-size: 12px; } .vote-info a { margin-right: 10px; transition: var(--transition-fast); } .vote-info a:hover { color: var(--primary); } .vote-icon { text-align: right; font-size: 38px; display: block; color: #e8e9ea; } .vote-icon.active { color: var(--primary); } .social-feed-separated .social-feed-box { margin-left: 62px; } .social-feed-separated .social-avatar { float: left; padding: 0; } .social-feed-separated .social-avatar img { width: 52px; height: 52px; border: 1px solid var(--lightgrayultra); border-radius: 50%; } .social-feed-separated .social-feed-box .social-avatar { padding: 15px 15px 0; float: none; } .social-feed-box { border: 1px solid var(--lightgrayultra); background: var(--white); margin-bottom: 15px; border-radius: var(--border-radius-sm); } .social-action { margin: 15px; } .social-avatar { padding: 15px 15px 0; } .social-comment .social-comment { margin-left: 45px; } .social-avatar img { height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; } .social-avatar .media-body a { font-size: 14px; display: block; } .social-body { padding: 15px; } .social-body img { margin-bottom: 10px; max-width: 100%; } .social-footer { border-top: 1px solid var(--lightgrayultra); padding: 10px 15px; background: #f9f9f9; } .social-footer .social-comment img { width: 32px; margin-right: 10px; } .social-comment:first-child { margin-top: 0; } .social-comment { margin-top: 15px; } .social-comment textarea { font-size: 12px; } .timeline-item .date i { position: absolute; top: 0; right: 0; padding: 5px; width: 30px; text-align: center; border-top: 1px solid var(--lightgrayultra); border-bottom: 1px solid var(--lightgrayultra); border-left: 1px solid var(--lightgrayultra); background: #f8f8f8; } .timeline-item .date { text-align: right; width: 110px; position: relative; padding-top: 30px; } .timeline-item .content { border-left: 1px solid var(--lightgrayultra); border-top: 1px solid var(--lightgrayultra); padding-top: 10px; min-height: 100px; transition: var(--transition-fast); } .timeline-item .content:hover { background: #f6f6f6; } @media (max-width: 350px) { .timeline-item .date { text-align: left; } .timeline-item .date i { position: absolute; top: 0; left: 15px; } .timeline-item .content { border-left: none; border-top: 1px solid var(--lightgrayultra); } } .jumbotron { border-radius: var(--border-radius-md); padding: 40px; } .jumbotron h1 { margin-top: 0; } .search-form { margin-top: 10px; } .search-result h3 { margin-bottom: 0; color: #1e0fbe; } .search-result .search-link { color: #006621; } .search-result p { font-size: 12px; margin-top: 5px; } .faq-item { padding: 20px; margin-bottom: 2px; background: var(--white); border-radius: var(--border-radius-sm); } .faq-question { font-size: 18px; font-weight: 600; color: var(--primary); display: block; transition: var(--transition-fast); } .faq-question:hover { color: #179d82; } .faq-answer { margin-top: 10px; background: #f3f3f4; border: 1px solid var(--lightgrayultra); border-radius: var(--border-radius-sm); padding: 15px; } .faq-item .tag-item { background: #f3f3f4; padding: 2px 6px; font-size: 10px; text-transform: uppercase; } ins { background-color: #c6ffc6; text-decoration: none; } del { background-color: #ffc6c6; } .geo-statistic h1 { font-size: 36px; margin-bottom: 0; } .glyphicon.fa { font-family: FontAwesome; } .link-block { font-size: 12px; padding: 10px; } .nav.navbar-top-links .link-block a { font-size: 12px; } .link-block a { font-size: 10px; color: inherit; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } .show-grid { margin: 15px 0; } .chosen-container-single .chosen-single { background: var(--white); box-shadow: none; background-color: var(--white); border: 1px solid #cbd5dd; border-radius: var(--border-radius-sm); cursor: text; height: auto !important; margin: 0; min-height: 30px; overflow: hidden; padding: 4px 12px; position: relative; width: 100%; } .chosen-container-multi .chosen-choices li.search-choice { background: #f1f1f1; border: 1px solid #ededed; border-radius: var(--border-radius-sm); box-shadow: none; color: #333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-color: var(--lightgrayultra); } .noUi-connect { background: var(--primary); box-shadow: none; } .slider_red .noUi-connect { background: var(--danger); box-shadow: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #cdcdcd; border-radius: 3px; background: #292929; color: var(--white); font-size: smaller; padding: 5px; } .jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; border-radius: 3px; background: var(--primary); padding: 3px; color: var(--white); cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-legend-title { font-weight: 700; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: #000; color: var(--white); border-radius: 3px; } .fc-state-default { background-color: var(--white); background-image: none; box-shadow: none; color: #333; text-shadow: none; border: 1px solid; } .fc-button { color: inherit; border: 1px solid var(--lightgrayultra); cursor: pointer; display: inline-block; height: 1.9em; line-height: 1.9em; overflow: hidden; padding: 0 .6em; position: relative; white-space: nowrap; border-radius: var(--border-radius-sm); } .fc-state-active { background-color: var(--primary); border-color: var(--primary); color: var(--white); } .fc-header-title h2 { font-size: 16px; font-weight: 600; color: inherit; } .fc-content .fc-widget-content, .fc-content .fc-widget-header { border-color: var(--lightgrayultra); font-weight: 400; } .fc-agenda .fc-event-time, .fc-event, .fc-event a { padding: 4px 6px; background-color: var(--primary); border-color: var(--primary); border-radius: var(--border-radius-sm); } #right-sidebar { background-color: var(--white); border-left: 1px solid var(--lightgrayultra); border-top: 1px solid var(--lightgrayultra); overflow: hidden; position: fixed; top: var(--navbar-height); width: 260px !important; z-index: 1009; bottom: 0; right: -260px; transition: var(--transition-base); } #right-sidebar.sidebar-open { right: 0; } #right-sidebar.sidebar-open.sidebar-top { top: 0; border-top: none; } .sidebar-container ul.nav-tabs { border: none; } .sidebar-container ul.nav-tabs.navs-4 li { width: 25%; } .sidebar-container ul.nav-tabs.navs-3 li { width: 33.3333%; } .sidebar-container ul.nav-tabs.navs-2 li { width: 50%; } .sidebar-container ul.nav-tabs li { border: none; } .sidebar-container ul.nav-tabs li a { border: none; padding: 12px 10px; margin: 0; border-radius: 0; background: var(--white); color: var(--white); text-align: center; border-right: 1px solid #334556; } .sidebar-container ul.nav-tabs li.active a { border: none; background: #f9f9f9; color: #676a6c; font-weight: 700; } .sidebar-container .nav-tabs > li.active > a:focus, .sidebar-container .nav-tabs > li.active > a:hover { border: none; } .sidebar-container ul.sidebar-list { margin: 0; padding: 0; } .sidebar-container ul.sidebar-list li { border-bottom: 1px solid var(--lightgrayultra); padding: 15px 20px; list-style: none; font-size: 12px; } .sidebar-container .sidebar-message:nth-child(2n+2) { background: #f9f9f9; } .sidebar-container ul.sidebar-list li a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-content { padding: 15px 20px; font-size: 12px; } .sidebar-container .sidebar-title { background: #f9f9f9; padding: 20px; border-bottom: 1px solid var(--lightgrayultra); } .sidebar-container .sidebar-title h3 { margin-bottom: 3px; padding-left: 2px; } .sidebar-container .tab-content h4 { margin-bottom: 5px; } .sidebar-container .sidebar-message > a > .pull-left { margin-right: 10px; } .sidebar-container .sidebar-message > a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-message { padding: 15px 20px; } .sidebar-container .sidebar-message .message-avatar { height: 38px; width: 38px; border-radius: 50%; } .sidebar-container .setings-item { padding: 15px 20px; border-bottom: 1px solid var(--lightgrayultra); } .sidebar-content .wrapper, .wrapper.sidebar-content { padding-right: 230px !important; } .sk-spinner-rotating-plane.sk-spinner { width: 30px; height: 30px; background-color: var(--primary); margin: 0 auto; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @keyframes sk-rotatePlane { 0% { transform: perspective(120px) rotateX(0) rotateY(0); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .sk-spinner-double-bounce.sk-spinner { width: 40px; height: 40px; position: relative; margin: 0 auto; } .sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: var(--primary); opacity: .6; position: absolute; top: 0; left: 0; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-spinner-double-bounce .sk-double-bounce2 { animation-delay: -1s; } @keyframes sk-doubleBounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .sk-spinner-pulse.sk-spinner { width: 40px; height: 40px; margin: 0 auto; background-color: var(--primary); border-radius: 100%; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @keyframes sk-pulseScaleOut { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .sk-spinner-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: var(--primary); border-radius: 100%; animation: sk-circleBounceDelay 1.2s infinite ease-in-out; animation-fill-mode: both; } .sk-spinner-circle .sk-circle2 { transform: rotate(30deg); } .sk-spinner-circle .sk-circle3 { transform: rotate(60deg); } .sk-spinner-circle .sk-circle4 { transform: rotate(90deg); } .sk-spinner-circle .sk-circle5 { transform: rotate(120deg); } .sk-spinner-circle .sk-circle6 { transform: rotate(150deg); } .sk-spinner-circle .sk-circle7 { transform: rotate(180deg); } .sk-spinner-circle .sk-circle8 { transform: rotate(210deg); } .sk-spinner-circle .sk-circle9 { transform: rotate(240deg); } .sk-spinner-circle .sk-circle10 { transform: rotate(270deg); } .sk-spinner-circle .sk-circle11 { transform: rotate(300deg); } .sk-spinner-circle .sk-circle12 { transform: rotate(330deg); } .sk-spinner-circle .sk-circle2:before { animation-delay: -1.1s; } .sk-spinner-circle .sk-circle3:before { animation-delay: -1s; } .sk-spinner-circle .sk-circle4:before { animation-delay: -.9s; } .sk-spinner-circle .sk-circle5:before { animation-delay: -.8s; } .sk-spinner-circle .sk-circle6:before { animation-delay: -.7s; } .sk-spinner-circle .sk-circle7:before { animation-delay: -.6s; } .sk-spinner-circle .sk-circle8:before { animation-delay: -.5s; } .sk-spinner-circle .sk-circle9:before { animation-delay: -.4s; } .sk-spinner-circle .sk-circle10:before { animation-delay: -.3s; } .sk-spinner-circle .sk-circle11:before { animation-delay: -.2s; } .sk-spinner-circle .sk-circle12:before { animation-delay: -.1s; } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .sk-spinner-fading-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 18%; height: 18%; background-color: var(--primary); border-radius: 100%; animation: sk-circleFadeDelay 1.2s infinite ease-in-out; animation-fill-mode: both; } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .spiner-example { height: 200px; padding-top: 70px; } body.landing-page { color: var(--text-secondary); background-color: var(--bg-page); } .landing-page span.navy { color: var(--primary); } .landing-page p.text-color { color: #676a6c; } .landing-page a.navy-link { color: var(--primary); text-decoration: none; } .landing-page a.navy-link:hover { color: #179d82; } .landing-page section p { color: #aeaeae; font-size: 13px; } .landing-page address { font-size: 13px; } .landing-page h1 { margin-top: 10px; font-size: clamp(22px, 4vw, 30px); font-weight: 200; } .landing-page .navy-line { width: 60px; height: 1px; margin: 60px auto 0; border-bottom: 2px solid var(--primary); } .landing-page .navbar-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 200; } .landing-page .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .landing-page .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } .landing-page .navbar-default { background-color: var(--bg-surface); border-color: transparent; transition: var(--transition-base); } .landing-page .navbar-default.navbar-scroll { background-color: var(--bg-surface); border-color: var(--bg-surface); padding: 1px 0; } .landing-page .navbar-default .nav li a { color: var(--text-primary); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; } .landing-page .navbar-nav > li > a { padding-top: 25px; border-top: 6px solid transparent; } .landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover { background: 0 0; color: var(--text-primary); border-top: 6px solid var(--primary); } .landing-page .navbar-default .navbar-nav > li > a:focus, .landing-page .navbar-default .navbar-nav > li > a:hover { color: var(--primary); background: inherit; } .landing-page .navbar-default .navbar-brand { background: var(--bg-surface); color: var(--white); height: auto; display: block; font-size: 14px; padding: 0 20px; border-radius: 0 0 5px 5px; font-weight: 700; transition: var(--transition-base); } .landing-page .navbar-fixed-top { border: none !important; } .landing-page .navbar-fixed-top.navbar-scroll { border-bottom: 1px solid var(--border-color) !important; } .landing-page .header-back { width: 100%; min-height: 300px; background-size: cover !important; background-position: center !important; } .landing-page .header-back.one { background: linear-gradient(135deg,#0d2746,#125fb6); } .landing-page .header-back.two { background: linear-gradient(135deg,#103d55,#0c827c); } .landing-page .carousel { min-height: 300px; } .landing-page .carousel .item { min-height: 300px; background-color: #777; } .landing-page .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 300px; object-fit: cover; } .landing-page .carousel-caption { z-index: 10; } .landing-page .carousel-caption { position: absolute; top: 80px; left: 5%; bottom: auto; right: auto; text-align: left; } .landing-page .carousel-caption h1 { font-weight: 700; font-size: clamp(22px, 4vw, 38px); text-transform: uppercase; text-shadow: none; letter-spacing: -1px; } .landing-page .carousel-caption p { font-weight: 700; text-transform: uppercase; text-shadow: none; } .landing-page .carousel-control.left, .landing-page .carousel-control.right { background: 0 0; } .landing-page .carousel-control { width: 6%; } .landing-page .carousel-image { position: absolute; right: 10px; top: 120px; max-width: 40%; } .landing-page .carousel-indicators { padding-right: 60px; } .landing-page .caption-link { text-transform: capitalize; color: var(--gray); font-size: clamp(16px, 3vw, 24px) !important; font-weight: 400; margin-top: 40px; border-bottom: 2px solid #eee; } .landing-page .caption-link:hover { text-decoration: none; color: inherit; } @media (min-width: 768px) { .landing-page .header-back, .landing-page .carousel, .landing-page .carousel .item { min-height: 400px; } .landing-page .carousel-inner > .item > img { min-height: 400px; } .landing-page .carousel-caption { top: 100px; } } @media (min-width: 1100px) { .landing-page .header-back, .landing-page .carousel, .landing-page .carousel .item { min-height: 470px; } .landing-page .carousel-inner > .item > img { min-height: 470px; } .landing-page .carousel-caption { top: 100px; left: 0; } .landing-page .navbar-wrapper { margin-top: 20px; } .landing-page .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .landing-page .navbar-wrapper .navbar { border-radius: 4px; padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .landing-page .carousel-image { display: none; } .landing-page .carousel-control { display: none; } .landing-page .navbar-default { background-color: var(--bg-surface); border-color: var(--bg-surface); padding: 10px 0; } .landing-page .navbar-wrapper .navbar { padding: 0 15px 5px; border-bottom: 1px solid var(--border-color); border-radius: 0; } .landing-page .navbar-default .nav li a { color: #676a6c; } .landing-page .navbar-default .nav li a:hover { color: var(--primary); } .landing-page .navbar .navbar-header { display: block; float: none; } .landing-page .nav > li > a { padding: 15px 10px; } .landing-page .navbar-nav > li > a { padding: 15px 10px; } } .landing-page .services { padding-top: 40px; } .landing-page .services h2 { font-size: 20px; letter-spacing: -1px; font-weight: 600; } .landing-page .features-block { margin-top: 40px; } .landing-page .features-text { margin-top: 40px; } .landing-page .features small { color: var(--primary); } .landing-page .features h2 { font-size: 18px; margin-top: 5px; } .landing-page .features-text-alone { margin: 40px 0; } .landing-page .features-icon { color: var(--primary); font-size: 40px; } .landing-page .navy-section { margin-top: 60px; background: var(--primary); color: var(--white); padding: 20px 0; } .landing-page .gray-section { background: #f4f4f4; margin-top: 60px; } .landing-page .team-member { text-align: center; } .landing-page .team-member img { margin: auto; } .landing-page .social-icon a { background: var(--primary); color: var(--white); padding: 4px 8px; height: 28px; width: 28px; display: block; border-radius: 50px; transition: var(--transition-fast); } .landing-page .social-icon a:hover { background: #179d82; } .landing-page .img-small { height: 88px; width: 88px; } .landing-page .big-icon { font-size: 56px !important; } .landing-page .features .big-icon { color: var(--primary) !important; } .landing-page .pricing-plan { margin: 20px 10px 0; border-radius: var(--border-radius-sm); } @media (min-width: 768px) { .landing-page .pricing-plan { margin: 20px 30px 0; } } .landing-page .pricing-plan.selected { transform: scale(1.1); background: #f4f4f4; } .landing-page .pricing-plan li { padding: 10px 16px; border-top: 1px solid var(--lightgrayultra); text-align: center; color: #aeaeae; } .landing-page .pricing-plan .pricing-price span { font-weight: 700; color: var(--primary); } .landing-page li.pricing-desc { font-size: 13px; border-top: none; padding: 20px 16px; } .landing-page li.pricing-title { background: var(--primary); color: var(--white); padding: 10px; border-radius: 4px 4px 0 0; font-size: 22px; font-weight: 600; } .landing-page .testimonials { padding-top: 80px; padding-bottom: 90px; background-color: var(--primary); } .landing-page .comments-avatar { margin-top: 25px; margin-left: 22px; } .landing-page .comments-avatar .commens-name { font-weight: 600; font-size: 14px; } .landing-page .comments-avatar img { width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; } .landing-page .bubble { position: relative; padding: 20px; background: var(--white); border-radius: 10px; font-style: italic; font-size: 14px; min-height: 80px; } .landing-page .bubble:after { content: ''; position: absolute; border-style: solid; border-width: 15px 14px 0; border-color: var(--white) transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 30px; } .landing-page .btn-primary { background-color: var(--primary); border-color: var(--primary); color: var(--white); font-size: 14px; padding: 10px 20px; font-weight: 600; border-radius: var(--border-radius-sm); } .landing-page .btn-primary:hover, .landing-page .btn-primary:focus { background-color: var(--primaryhover); border-color: var(--primary); color: var(--white); } .landing-page .btn-primary.disabled, .landing-page .btn-primary[disabled] { background-color: var(--primarydisable); border-color: var(--primarydisable); } #cookieConsent { background-color: rgba(20, 20, 20, 0.9); min-height: 26px; font-size: 14px; color: #ccc; line-height: 26px; padding: 8px 0 8px 30px; font-family: "Trebuchet MS", Helvetica, sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999; } body:has(.mobile-sticky-bar) #cookieConsent { bottom: 56px; } #cookieConsent a { color: #4B8EE7; text-decoration: none; } #closeCookieConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -15px 0 0; font-weight: bold; } #closeCookieConsent:hover { color: #fff; } #cookieConsent a.cookieConsentOK { background-color: #F1D600; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; float: right; margin: 0 60px 0 10px; transition: var(--transition-fast); } #cookieConsent a.cookieConsentOK:hover { background-color: #E0C91F; } @media (max-width: 575px) { #cookieConsent { padding: 8px 10px; } #cookieConsent a.cookieConsentOK { margin: 0 40px 0 10px; } } .menu-visible-lg, .menu-visible-md { display: none !important; } @media (min-width: 768px) { .menu-visible-md { display: block !important; } } @media (min-width: 1100px) { .menu-visible-lg { display: block !important; } } @media (max-width: 767px) { .welcome-message { display: none; } } .full-height { height: 100%; } .fh-breadcrumb { height: calc(100% - 196px); margin: 0 -15px; position: relative; } .fh-no-breadcrumb { height: calc(100% - 99px); margin: 0 -15px; position: relative; } .fh-column { background: var(--white); height: 100%; width: 240px; float: left; } @media (max-width: 767px) { .fh-column { width: 100%; float: none; height: auto; } } @media (max-width: 1100px) { #page-wrapper { position: inherit; margin: 0; min-height: 100vh; } .body-small .navbar-static-side { display: none; z-index: 2001; position: absolute; width: var(--sidebar-mini-width); } .body-small.mini-navbar .navbar-static-side { display: block; } .lock-word { display: none; } .navbar-form-custom { display: none; } .navbar-header { display: inline; float: left; } .sidebar-content .wrapper { padding-right: 0; z-index: 1; } .fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: var(--sidebar-width); } .fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; } .ibox-tools { float: none; text-align: right; display: block; } .nav.navbar-top-links li.dropdown { display: none; } } @media (max-width: 479px) { .wrapper { padding: 0 10px; } .wrapper-content { padding: 10px 5px 20px; } #page-wrapper { padding: 0 8px; } .ibox-content { padding: 10px 12px 15px; } .ibox-title { padding: 10px 12px 6px; } .nav-tabs > li > a { padding: 8px 10px; } .vote-icon { display: none; } .chat-discussion .chat-message.left .message, .chat-discussion .chat-message.right .message { margin-left: 0; margin-right: 0; } .modal-body { padding: 12px; } .ibox-tools { float: none; text-align: left; display: inline-block; } } @media print { nav.navbar-static-side { display: none; } #page-wrapper { margin: 0 !important; } .ibox { box-shadow: none; } .footer { display: none; } } body.rtls #page-wrapper { margin: 0 var(--sidebar-width) 0 0; } body.rtls .nav-second-level li a { padding: 7px 35px 7px 10px; } body.rtls .ibox-title h5 { float: right; } body.rtls .pull-right { float: left !important; } body.rtls .pull-left { float: right !important; } body.rtls .ibox-tools { float: left; } body.rtls .stat-percent { float: left; } body.rtls .navbar-right { float: left !important; } body.rtls .navbar-top-links li:last-child { margin-left: 40px; margin-right: 0; } body.rtls .minimalize-styl-2 { float: right; margin: 14px 20px 5px 5px; } body.rtls .feed-element > .pull-left { margin-left: 10px; margin-right: 0; } body.rtls .timeline-item .date { text-align: left; } body.rtls .timeline-item .date i { left: 0; right: auto; } body.rtls .timeline-item .content { border-right: 1px solid var(--lightgrayultra); border-left: none; } body.rtls .b-r { border-left: 1px solid var(--lightgrayultra); border-right: none; } body.rtls .dd-list .dd-list { padding-right: 30px; padding-left: 0; } body.rtls .dd-item > button { float: right; } body.rtls .footer.fixed { margin-right: var(--sidebar-width); margin-left: 0; } body.rtls.mini-navbar #page-wrapper { margin: 0 var(--sidebar-mini-width) 0 0; } body.rtls.mini-navbar.fixed-sidebar #page-wrapper { margin: 0; } body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 var(--sidebar-width) 0 0; } body.rtls.top-navigation #page-wrapper { margin: 0; } body.rtls.mini-navbar .nav-second-level, body.rtls.mini-navbar li.active .nav-second-level { left: auto; right: var(--sidebar-mini-width); } body.rtls #right-sidebar { left: -260px; right: auto; } body.rtls #right-sidebar.sidebar-open { left: 0; } .rtls .ltr-support { direction: ltr; } .theme-config { position: absolute; top: 100px; right: 0; overflow: hidden; } .theme-config-box { margin-right: -220px; position: relative; z-index: 2000; transition-duration: .8s; } .theme-config-box.show { margin-right: 0; } .spin-icon { background: var(--primary); position: absolute; padding: 7px 10px 7px 13px; border-radius: 20px 0 0 20px; font-size: 16px; top: 0; left: 0; width: 40px; color: var(--white); cursor: pointer; transition: var(--transition-fast); } .spin-icon:hover { background: var(--primaryhover); } a.close-canvas-menu { position: absolute; top: 10px; right: 15px; z-index: 1011; color: #a7b1c2; transition: var(--transition-fast); } a.close-canvas-menu:hover { color: var(--white); } .close-canvas-menu { display: none; } .canvas-menu .close-canvas-menu { display: block; } .block, body.mini-navbar.fixed-sidebar .profile-element { display: block !important; } body.mini-navbar.fixed-sidebar .nav-header { padding: 33px 25px; } body.mini-navbar.fixed-sidebar .logo-element { display: none; } .breadcrumb { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } img { max-width: 100%; height: auto; } .ui-sortable .ibox-title { cursor: move; } .ui-sortable-placeholder { border: 1px dashed #cecece !important; visibility: visible !important; background: var(--gray); } .ibox.ui-sortable-placeholder { margin: 0 0 23px !important; } .error-page-wrapper { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 3rem 1rem; background: #f7f8fc; } .error-card { background: #ffffff; border-radius: 16px; box-shadow: 0 4px 32px rgba(30, 42, 80, 0.10); max-width: 640px; width: 100%; padding: 3rem 2.5rem; text-align: center; border-top: 5px solid #1a3a6e; } .error-image-wrap { margin-bottom: 2rem; } .error-image-wrap img { max-width: 100%; width: 320px; height: auto; border-radius: 10px; } .error-badge { display: inline-block; background: #eef2fb; color: #1a3a6e; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.35rem 1rem; border-radius: 50px; margin-bottom: 1.25rem; border: 1px solid #c9d6ef; } .error-title { font-size: 1.6rem; font-weight: 700; color: #1a2b4a; margin: 0 0 0.75rem; line-height: 1.3; } .error-desc { font-size: 0.97rem; color: #6b7a99; margin: 0 0 2rem; line-height: 1.7; } .error-divider { border: none; border-top: 1px solid #e8edf5; margin: 0 0 2rem; } .error-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; } .btn-primary-corp { display: inline-flex; align-items: center; gap: 0.4rem; background: #1a3a6e; color: #ffffff; font-size: 0.92rem; font-weight: 600; padding: 0.7rem 1.6rem; border-radius: 8px; text-decoration: none; transition: background 0.2s ease, transform 0.1s ease; } .btn-primary-corp:hover { background: #14305c; color: #fff; transform: translateY(-1px); text-decoration: none; } .btn-secondary-corp { display: inline-flex; align-items: center; gap: 0.4rem; background: transparent; color: #1a3a6e; font-size: 0.92rem; font-weight: 600; padding: 0.7rem 1.6rem; border-radius: 8px; border: 1.5px solid #c9d6ef; text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease; } .btn-secondary-corp:hover { background: #eef2fb; border-color: #1a3a6e; color: #1a3a6e; transform: translateY(-1px); text-decoration: none; } .error-footer-note { margin-top: 1.75rem; font-size: 0.82rem; color: #a0aec0; } .error-footer-note a { color: #1a3a6e; text-decoration: none; font-weight: 500; } .error-footer-note a:hover { text-decoration: underline; } .error-search-form { display: flex; gap: 8px; margin: 0 0 2rem; } .error-search-input { flex: 1; padding: 0.7rem 1rem; border: 1.5px solid #c9d6ef; border-radius: 8px; font-size: 0.92rem; } .error-search-btn { background: #f7941d; color: #fff; border: none; border-radius: 8px; padding: 0.7rem 1.4rem; font-weight: 600; font-size: 0.92rem; cursor: pointer; } .error-oneri-kutusu { text-align: left; margin: 0 0 2rem; padding: 0.9rem 1.1rem; background: #fff7ec; border: 1.5px solid #f7941d; border-radius: 8px; } .error-oneri-kutusu p { margin: 0 0 0.4rem; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7a99; } .error-oneri-kutusu a { font-size: 1rem; font-weight: 700; color: #f7941d; text-decoration: underline; } .error-popular-categories { text-align: left; margin: 0 0 2rem; } .error-popular-categories h2 { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7a99; margin: 0 0 0.75rem; } .error-popular-list { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; } .error-popular-list a { display: inline-block; padding: 0.45rem 0.9rem; background: #eef2fb; color: #1a3a6e; border-radius: 50px; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: background 0.2s ease; } .error-popular-list a:hover { background: #dbe4f7; text-decoration: none; } @media (max-width: 480px) { .error-card { padding: 2rem 1.25rem; } .error-title { font-size: 1.3rem; } .error-image-wrap img { width: 220px; } .error-actions { flex-direction: column; align-items: stretch; } .btn-primary-corp, .btn-secondary-corp { justify-content: center; } } .doc-page { background: var(--bg-surface-muted); min-height: 100vh; padding: 32px 0 56px; } .doc-wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; } .doc-hero { text-align: center; margin-bottom: 36px; } .doc-hero h1 { font-size: 26px; font-weight: 800; color: var(--text-primary); margin: 0 0 8px; } .doc-hero p { font-size: 14px; color: var(--text-secondary); max-width: 620px; margin: 0 auto; } .doc-section-title { font-size: 16px; font-weight: 800; color: var(--text-primary); margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border-color); display: flex; align-items: center; gap: 8px; } .doc-section-title i { color: #f7941d; } .doc-section { margin-bottom: 40px; } .doc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } @media (max-width: 991px) { .doc-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { .doc-grid { grid-template-columns: 1fr; } } .doc-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .15s, border-color .15s; } .doc-card:hover { border-color: #f7941d; box-shadow: 0 6px 20px rgba(20,20,15,.08); } .doc-thumb-link { display: flex; align-items: center; justify-content: center; height: 210px; background: var(--bg-surface-muted); border-bottom: 1px solid var(--border-color); } .doc-thumb { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; } .doc-card-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 10px; flex: 1; } .doc-card-title { font-size: 13px; font-weight: 700; color: var(--text-primary); line-height: 1.35; flex: 1; } .doc-card-actions { display: flex; flex-wrap: wrap; gap: 7px; } .doc-btn { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 5px; font-size: 11.5px; font-weight: 700; padding: 8px 8px; border: none; border-radius: 7px; text-decoration: none; cursor: pointer; font-family: inherit; transition: background .15s, color .15s; white-space: nowrap; } .doc-btn-view { background: #f4f6f8; color: #3c4a5c; } .doc-btn-view:hover { background: #e8ecef; color: #16273f; text-decoration: none; } .doc-btn-download { background: #16273f; color: #fff; } .doc-btn-download:hover { background: #0d1a2c; color: #fff; text-decoration: none; } .doc-btn-share { background: #fff4e5; color: #b5680a; } .doc-btn-share:hover { background: #ffe9c7; color: #8f5106; } .doc-btn-share.doc-share-ok { background: #e6f2ee; color: #0f6e56; } .wv-makale-arama-form { display: flex; gap: 8px; margin: 10px 0 4px; max-width: 420px; } .wv-makale-arama-input { flex: 1; padding: 0.6rem 0.9rem; border: 1.5px solid var(--border-color); border-radius: 8px; font-size: 0.88rem; background: var(--bg-surface); color: var(--text-primary); } .wv-makale-arama-btn { background: #f7941d; color: #fff; border: none; border-radius: 8px; padding: 0.6rem 1.1rem; font-weight: 600; font-size: 0.88rem; cursor: pointer; white-space: nowrap; } .wv-makale-arama-btn:hover { background: #e6850f; } .wv-makale-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; } .wv-makale-toplam { font-size: 12.5px; color: var(--text-muted); } .wv-makale-siralama { display: flex; gap: 6px; } .wv-makale-siralama-link { font-size: 12.5px; font-weight: 600; color: var(--text-secondary); padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border-color); text-decoration: none; transition: background .15s, border-color .15s, color .15s; } .wv-makale-siralama-link:hover { text-decoration: none; border-color: #f7941d; color: var(--text-primary); } .wv-makale-siralama-link.wv-active { background: #fff3e0; border-color: #f7941d; color: #8f5106; } :root[data-theme="dark"] .wv-makale-siralama-link.wv-active { background: #3a2c0e; border-color: #f7941d; color: #ffb84d; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-makale-siralama-link.wv-active { background: #3a2c0e; border-color: #f7941d; color: #ffb84d; } } .makale-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 8px; } @media (max-width: 991px) { .makale-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .makale-grid { grid-template-columns: 1fr; } } .makale-card { display: flex; flex-direction: column; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .15s, border-color .15s; } .makale-card:hover { border-color: #f7941d; box-shadow: 0 6px 20px rgba(20,20,15,.08); text-decoration: none; color: inherit; } .makale-card-img-wrap { height: 170px; background: #fff; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; overflow: hidden; } .makale-card-img { width: 100%; height: 100%; object-fit: contain; display: block; } .makale-card-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .makale-card-title { font-size: 15px; font-weight: 700; color: var(--text-primary); line-height: 1.35; } .makale-card-ozet { font-size: 13px; color: var(--text-muted); line-height: 1.5; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .makale-card-devam { font-size: 13px; font-weight: 600; color: #f7941d; margin-top: 2px; } .makale-card-devam i { margin-left: 4px; font-size: 11px; } .makale-detay { max-width: 960px; margin: 0 auto; padding-bottom: 40px; } .makale-detay-kapak { width: 100%; max-height: 380px; object-fit: contain; background: #fff; border-radius: 12px; margin-bottom: 20px; } .makale-detay-baslik { font-size: 26px !important; line-height: 1.3; margin-top: 0; margin-bottom: 18px; color: var(--text-primary); min-width: 0; overflow-wrap: break-word; word-break: break-word; } .makale-detay-icerik { font-size: 15px; line-height: 1.75; color: var(--text-primary); } .makale-detay-icerik :not(img) { max-width: none !important; } .makale-detay-icerik img { max-width: 100%; height: auto; border-radius: 8px; } .makale-detay-icerik h2, .makale-detay-icerik h3 { color: var(--text-primary); margin-top: 28px; margin-bottom: 10px; } .makale-detay-icerik p, .makale-detay-icerik section p, .makale-detay-icerik article p, .makale-detay-icerik header p { margin-bottom: 14px; color: var(--text-primary); font-size: 15px; line-height: 1.75; } #center_column p { color: var(--text-primary); font-size: 14px; line-height: 1.75; } .makale-detay-icerik a { color: #f7941d; } .makale-detay-icerik table.table-bordered { border-color: var(--border-color); } .makale-detay-icerik table.table-bordered > thead > tr > th, .makale-detay-icerik table.table-bordered > thead > tr > td { background-color: var(--bg-surface-muted); color: var(--text-primary); border-color: var(--border-color); } .makale-detay-icerik table.table-bordered > tbody > tr > td, .makale-detay-icerik table.table-bordered > tbody > tr > th { color: var(--text-primary); border-color: var(--border-color); } .makale-ilgili { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--border-color); } .makale-ilgili-baslik { font-size: 14px; font-weight: 700; color: var(--text-primary); margin-bottom: 10px; } .makale-ilgili-baslik i { color: #f7941d; margin-right: 6px; } .makale-ilgili-pills { display: flex; flex-wrap: wrap; gap: 8px; } .makale-ilgili-pill { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); color: var(--text-primary); font-size: 13px; text-decoration: none; transition: background .15s, border-color .15s, color .15s; } .makale-ilgili-pill:hover { background: #fff3e0; border-color: #f7941d; color: #8f5106; text-decoration: none; } .sosyal-medya-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 8px; } @media (max-width: 991px) { .sosyal-medya-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .sosyal-medya-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } } .sosyal-medya-card { display: flex; flex-direction: column; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow .15s, border-color .15s, transform .15s; } .sosyal-medya-card:hover { border-color: #d6249f; box-shadow: 0 6px 20px rgba(20,20,15,.10); transform: translateY(-2px); text-decoration: none; color: inherit; } .sosyal-medya-card-img-wrap { position: relative; aspect-ratio: 9 / 16; background: var(--bg-surface-muted); overflow: hidden; } .sosyal-medya-card-img { width: 100%; height: 100%; object-fit: cover; display: block; } .sosyal-medya-card-body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; } .sosyal-medya-card-title { font-size: 14px; font-weight: 700; color: var(--text-primary); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .sosyal-medya-card-metin { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-line; } .sosyal-medya-card-tarih { font-size: 11px; color: var(--text-muted); margin-top: 2px; } .sosyal-medya-detay-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 14px; overflow: hidden; } .sosyal-medya-detay-img-wrap { position: relative; background: var(--bg-surface-muted); } .sosyal-medya-detay-img { width: 100%; display: block; } .sosyal-medya-detay-body { padding: 20px 22px 24px; } .sosyal-medya-detay-baslik { font-size: 21px !important; font-weight: 800; margin: 0 0 6px !important; } .sosyal-medya-detay-tarih { font-size: 12.5px; color: var(--text-muted); margin-bottom: 14px; } .sosyal-medya-detay-tarih i { margin-right: 4px; } .sosyal-medya-detay-metin { font-size: 14.5px; line-height: 1.65; color: var(--text-secondary); white-space: pre-line; margin-bottom: 10px; } .sosyal-medya-detay-hashtag { font-size: 13px; color: #d6249f; margin-bottom: 18px; } .sosyal-medya-detay-urun-btn { display: inline-flex; align-items: center; gap: 8px; } .sosyal-medya-detay-geri { margin-top: 16px; font-size: 13.5px; } .sosyal-medya-detay-geri a { color: var(--text-secondary); text-decoration: none; } .sosyal-medya-detay-geri a:hover { color: #d6249f; } .nav-utility-cta-pink { background: rgba(214,36,159,.20); color: #f0a8d8 !important; } .nav-utility-cta-pink:hover { background: #d6249f; color: #fff !important; } .vd-page { background: var(--bg-surface-muted); padding: 24px 0 48px; min-height: 60vh; } .vd-wrap { max-width: 820px; margin: 0 auto; padding: 0 16px; } .vd-back { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--text-secondary); text-decoration: none; margin-bottom: 16px; } .vd-back:hover { color: #f7941d; } .vd-card { background: var(--bg-surface); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.06); } .vd-embed { position: relative; padding-top: 56.25%; background: #000; } .vd-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .vd-body { padding: 24px; } .vd-title { font-size: 20px; font-weight: 700; color: var(--text-primary); margin: 0 0 12px; } .vd-desc { font-size: 14px; color: var(--text-secondary); line-height: 1.6; margin: 0 0 20px; white-space: pre-line; } .vd-cta { display: inline-flex; align-items: center; gap: 8px; background: #f7941d; color: #fff; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 14px; } .vd-cta:hover { background: #e07c08; color: #fff; } .wv-search-extra { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .wv-search-extra-item { display: inline-flex; align-items: center; gap: 6px; background: #fff8ee; border: 1px solid #ffd280; border-radius: 20px; padding: 6px 12px 6px 6px; font-size: 13px; text-decoration: none; transition: border-color .15s ease, background .15s ease; } .wv-search-extra-item:hover { border-color: #f7941d; background: #fff1da; text-decoration: none; } .wv-search-extra-badge { background: #f7941d; color: #fff; font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 12px; } .wv-search-extra-name { color: #333; font-weight: 600; } .wv-search-extra-cat { color: var(--text-muted); font-size: 12px; } .wv-search-extra-cat::before { content: "· "; } .wv-search-extra-count { color: #b98a3c; font-size: 11.5px; font-weight: 600; background: #ffedd0; padding: 1px 7px; border-radius: 10px; } .wv-search-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 48px 20px; text-align: center; color: var(--text-muted); } .wv-search-empty-icon { width: 52px; height: 52px; border-radius: 999px; background: var(--bg-surface-alt, #f4f5f7); border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #c2c8d1; } .wv-search-empty-title { font-size: 15px; font-weight: 700; color: var(--text-primary); margin: 0; } .wv-search-empty-hint { font-size: 13px; max-width: 320px; margin: 0; } .wv-search-empty--compact { padding: 22px 16px; gap: 6px; } .wv-search-empty--compact .wv-search-empty-icon { width: 38px; height: 38px; font-size: 15px; } .wv-search-empty--compact .wv-search-empty-title { font-size: 13px; } .wv-search-empty--compact .wv-search-empty-hint { font-size: 11.5px; } .sp-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 20px; font-weight: 700; color: var(--text-primary); flex-wrap: wrap; } .sp-badge { background: #f5a623; color: #fff; border-radius: 20px; padding: 3px 14px; font-size: 13px; font-weight: 600; } .sp-card { background: var(--bg-surface); border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 1px 6px rgba(28,43,58,.06); margin-bottom: 14px; overflow: hidden; } .sp-urun { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--border-color); } .sp-img { flex-shrink: 0; width: 100px; height: 100px; object-fit: contain; border-radius: 8px; background: var(--bg-surface-muted); padding: 4px; } .sp-info { flex: 1; min-width: 0; } .sp-urun-adi { font-size: 14px; font-weight: 700; color: var(--text-primary); text-decoration: none; display: block; margin-bottom: 6px; line-height: 1.4; } .sp-urun-adi:hover { color: #007bff; text-decoration: none; } .sp-aciklama { font-size: 12px; color: var(--text-muted); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .sp-sil-btn { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #fff0f0; border: 1px solid #ffd0d0; color: #e74c3c; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; font-size: 13px; transition: background .15s, color .15s; } .sp-sil-btn:hover { background: #e74c3c; color: #fff; border-color: #e74c3c; text-decoration: none; } .sp-fiyat-alan { background: var(--bg-surface-muted); padding: 12px 16px; } .sp-fiyat-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .sp-f-kutu { flex: 1 1 80px; text-align: center; padding: 8px 6px; min-width: 70px; } .sp-f-label { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 4px; font-weight: 600; white-space: nowrap; } .sp-f-val { font-size: 14px; font-weight: 700; color: var(--text-primary); } .sp-f-val-doviz { font-size: 11px; color: var(--text-muted); font-weight: 500; } .sp-f-val-green { font-size: 15px; font-weight: 700; color: #1a7a3a; } .sp-f-ayirici { width: 1px; height: 44px; background: var(--border-color-strong); flex-shrink: 0; align-self: center; } .sp-qty-kutu { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 4px 8px; } .sp-qty-label { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); font-weight: 600; } .sp-stepper { display: flex; align-items: center; border: 1px solid var(--border-color-strong); border-radius: 8px; overflow: hidden; background: var(--bg-surface); } .sp-stepper-btn { width: 32px; height: 36px; border: none; background: var(--bg-hover); color: var(--text-primary); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: background .15s; padding: 0; } .sp-stepper-btn:hover { background: #007bff; color: #fff; } .sp-stepper-inp { width: 50px; height: 36px; border: none; border-left: 1px solid var(--border-color-strong); border-right: 1px solid var(--border-color-strong); text-align: center; font-size: 15px; font-weight: 700; color: var(--text-primary); background: var(--bg-surface); outline: none; -moz-appearance: textfield; } .sp-stepper-inp::-webkit-outer-spin-button, .sp-stepper-inp::-webkit-inner-spin-button { -webkit-appearance: none; } .sp-guncelle-btn { font-size: 11px; padding: 4px 12px; border-radius: 6px; border: 1px solid #007bff; color: #007bff; background: transparent; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: background .15s, color .15s; white-space: nowrap; } .sp-guncelle-btn:hover { background: #007bff; color: #fff; text-decoration: none; } .sp-toplamlar { background: var(--bg-surface); border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 1px 6px rgba(28,43,58,.06); padding: 20px; margin-top: 6px; } .sp-top-baslik { font-size: 15px; font-weight: 700; color: var(--text-primary); margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color); display: flex; align-items: center; gap: 8px; } .sp-top-grid { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; } .sp-top-kutu { flex: 1 1 100px; text-align: center; padding: 12px 8px; background: var(--bg-surface-muted); border-radius: 8px; min-width: 90px; } .sp-top-kutu.vurgulu { background: #e8f4ed; border: 1px solid #b8dfc6; } .sp-top-etiket { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 5px; font-weight: 600; } .sp-top-deger { font-size: 18px; font-weight: 700; color: var(--text-primary); } .sp-top-kutu.vurgulu .sp-top-deger { color: #1a7a3a; } .sp-siparis-btn { display: flex; align-items: center; justify-content: center; gap: 12px; background: #007bff; color: #fff !important; border-radius: 10px; padding: 16px 32px; font-size: 20px; font-weight: 700; text-decoration: none !important; border: none; width: 100%; cursor: pointer; transition: background .15s, transform .1s; } .sp-siparis-btn:hover { background: #0056b3; transform: translateY(-1px); color: #fff !important; } @media (max-width: 767px) { .sp-img { width: 72px; height: 72px; } .sp-urun-adi { font-size: 13px; } .sp-f-ayirici { display: none; } .sp-qty-kutu { flex: 1 1 100%; flex-direction: row; justify-content: center; gap: 10px; padding: 6px 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin: 4px 0; } .sp-qty-label { display: none; } .sp-top-kutu { flex: 1 1 calc(50% - 8px); min-width: 80px; } .sp-siparis-btn { font-size: 16px; padding: 14px 16px; } } @media (max-width: 480px) { .sp-f-kutu { flex: 1 1 calc(50% - 6px); } .sp-top-kutu { flex: 1 1 100%; } } .sp-btn-row { display: flex; flex-direction: column; gap: 10px; } .sp-hemen-btn { display: flex; align-items: center; justify-content: center; gap: 12px; background: var(--bg-surface); color: #f7941d !important; border-radius: 10px; padding: 15px 32px; font-size: 17px; font-weight: 700; text-decoration: none !important; border: 2px solid #f7941d; width: 100%; cursor: pointer; transition: background .15s, color .15s, transform .1s; } .sp-hemen-btn:hover { background: #f7941d; color: #fff !important; transform: translateY(-1px); } @media (max-width: 767px) { .sp-hemen-btn { font-size: 15px; padding: 13px 16px; } } .qb-overlay { display: none; position: fixed; inset: 0; background: rgba(20,28,38,.55); z-index: 2000; align-items: center; justify-content: center; padding: 16px; } .qb-overlay.qb-open { display: flex; } .qb-modal { background: var(--bg-surface); border-radius: 12px; max-width: 460px; width: 100%; max-height: 90vh; overflow-y: auto; padding: 24px; position: relative; } .qb-title { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; } .qb-sub { font-size: 13px; color: var(--text-muted); margin-bottom: 16px; } .qb-info-box { background: var(--bg-surface-muted); border: 1px solid var(--border-color); border-radius: 8px; padding: 12px 14px; font-size: 13px; color: var(--text-secondary); margin-bottom: 16px; line-height: 1.6; } .qb-info-box strong { color: var(--text-primary); } .qb-check-row { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; color: var(--text-secondary); margin-bottom: 10px; line-height: 1.5; } .qb-check-row input { margin-top: 3px; flex-shrink: 0; } .qb-check-row a { color: #f7941d; } .qb-error { display: none; background: #fdecea; color: #c0392b; border-radius: 8px; padding: 10px 12px; font-size: 12.5px; margin-bottom: 12px; } .qb-actions { display: flex; gap: 10px; margin-top: 18px; } .qb-cancel-btn { flex: 1; background: var(--bg-hover); color: var(--text-secondary); border: none; border-radius: 8px; padding: 12px; font-size: 14px; font-weight: 600; cursor: pointer; } .qb-confirm-btn { flex: 2; background: #f7941d; color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: 14px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; } .qb-confirm-btn:hover { background: #e08415; } .qb-confirm-btn:disabled { opacity: .6; cursor: default; } .qb-close { position: absolute; top: 14px; right: 16px; background: none; border: none; font-size: 18px; color: var(--text-muted); cursor: pointer; } .wv-email-modal-overlay { position: fixed; inset: 0; background: rgba(20,28,38,.55); z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 16px; } .wv-email-modal { background: var(--bg-surface); border-radius: 12px; max-width: 420px; width: 100%; padding: 24px; position: relative; } .wv-email-modal-title { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; } .wv-email-modal-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.5; margin-bottom: 16px; } .wv-email-modal-input { width: 100%; padding: 10px 12px; font-size: 14px; border: 1.5px solid var(--border-color-strong); border-radius: 8px; background: var(--bg-surface); color: var(--text-primary); outline: none; box-sizing: border-box; margin-bottom: 6px; } .wv-email-modal-input:focus { border-color: #f7941d; } .wv-email-modal-error { display: none; font-size: 12.5px; color: #c0392b; margin-bottom: 8px; } .wv-email-modal-actions { display: flex; gap: 10px; margin-top: 14px; } .wv-email-modal-cancel { flex: 1; background: var(--bg-hover); color: var(--text-secondary); border: none; border-radius: 8px; padding: 12px; font-size: 14px; font-weight: 600; cursor: pointer; } .wv-email-modal-submit { flex: 2; background: #f7941d; color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: 14px; font-weight: 700; cursor: pointer; } .wv-email-modal-submit:hover { background: #e08415; } .wv-email-modal-submit:disabled { opacity: .6; cursor: default; } .wv-email-modal-close { position: absolute; top: 14px; right: 16px; background: none; border: none; font-size: 18px; color: var(--text-muted); cursor: pointer; } #ivToast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%) translateY(-20px); max-width: calc(100vw - 32px); width: max-content; min-width: 220px; z-index: 9999; padding: 12px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.18); opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; } #ivToast.show { opacity: 1; transform: translateX(-50%) translateY(0); } #ivToast.success { background: var(--c-green-light); color: #1c6b32; border: 1px solid var(--c-green); } #ivToast.error { background: #fdecea; color: #611a15; border: 1px solid #f5c6cb; } @media (max-width: 480px) { #ivToast { left: 16px; right: 16px; top: 12px; transform: translateY(-20px); max-width: none; width: auto; } #ivToast.show { transform: translateY(0); } } .contact-hero { background: linear-gradient(135deg, #1c1c1c 0%, #2e2e2e 100%); border-bottom: 3px solid var(--c-orange); padding: 32px 16px 28px; text-align: center; margin-top: 135px !important; margin-bottom: 28px; } .contact-hero h1 { color: #fff !important; font-size: 24px; font-weight: 700; margin: 0 0 6px; } .contact-hero p { color: #aaa !important; font-size: 14px; margin: 0; } .contact-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .contact-card-header { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-bottom: 1px solid var(--border-color); font-size: 15px; font-weight: 600; color: var(--text-primary); } .contact-card-icon { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; } .contact-card-icon.orange { background: var(--c-orange-light); color: var(--c-orange) !important; } .contact-card-icon.green { background: var(--c-green-light); color: var(--c-green) !important; } .contact-card-body { padding: 16px 18px; } .contact-btn-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .btn-contact { flex: 1; min-width: 130px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; transition: filter .15s, transform .1s; } .btn-contact:active { transform: scale(0.97); } .btn-contact span { white-space: nowrap; } .btn-orange { background: var(--c-orange); color: #fff !important; } .btn-orange:hover { filter: brightness(1.08); color: #fff !important; text-decoration: none; } .btn-green { background: var(--c-green); color: #fff !important; } .btn-green:hover { filter: brightness(1.08); color: #fff !important; text-decoration: none; } .contact-info-row { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--border-color); } .contact-info-row:last-child { border-bottom: none; padding-bottom: 0; } .ci-icon { width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; } .ci-icon.orange { background: var(--c-orange-light); color: var(--c-orange) !important; } .ci-icon.green { background: var(--c-green-light); color: var(--c-green) !important; } .ci-label { font-size: 11px; color: var(--text-muted); margin-bottom: 1px; } .ci-value { font-size: 14px; font-weight: 500; color: var(--text-primary) !important; text-decoration: none; } .ci-value:hover { color: var(--c-orange) !important; } .contact-card .form-control { background-color: var(--bg-surface); color: var(--text-primary); border: 1px solid var(--border-color-strong); border-radius: 7px; padding: 10px 12px; font-size: 14px; transition: border-color .15s, box-shadow .15s; margin-bottom: 10px; } .contact-card .form-control:focus { border-color: var(--c-orange) !important; box-shadow: 0 0 0 3px rgba(247,148,29,0.12); outline: none; } .contact-card textarea.form-control { min-height: 100px; resize: vertical; } .contact-card .form-row-pair { display: flex; gap: 10px; } .contact-card .form-row-pair > * { flex: 1; } @media(max-width:576px) { .contact-card .form-row-pair { flex-direction: column; } } .btn-submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 20px; background: var(--c-orange); color: #fff !important; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: filter .15s; } .btn-submit:hover { filter: brightness(1.08); } .company-info-row { display: flex; gap: 12px; flex-wrap: wrap; padding: 8px 0; border-bottom: 1px solid var(--border-color); } .company-info-row:last-of-type { border-bottom: none; } .company-info-col { flex: 1; min-width: 140px; } .company-info-col.full { flex-basis: 100%; } .ci-value-box { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 6px; padding: 8px 10px; font-size: 13px; font-weight: 500; color: var(--c-text) !important; } .iban-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } @media(max-width:576px) { .iban-grid { grid-template-columns: 1fr; } } .iban-card { border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; } .iban-bank { display: flex; align-items: center; gap: 7px; padding: 8px 11px; background: var(--c-bg); border-bottom: 1px solid var(--c-border); font-size: 12px; font-weight: 600; color: var(--c-muted) !important; } .iban-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .iban-row { display: flex; align-items: center; gap: 6px; padding: 8px 10px; } .iban-number { font-family: 'Courier New', monospace; font-size: 12px; color: var(--c-text) !important; flex: 1; letter-spacing: 0.4px; word-break: break-all; } .ci-btn-group { display: flex; align-items: center; gap: 6px; } .copy-btn { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: none; border: 1px solid var(--c-border); border-radius: 6px; font-size: 11px; color: var(--text-muted) !important; cursor: pointer; transition: background .15s, color .15s, border-color .15s; } .copy-btn:hover { background: var(--c-orange-light); color: var(--c-orange) !important; border-color: var(--c-orange) !important; } .copy-btn.copied { background: var(--c-green-light) !important; color: var(--c-green) !important; border-color: var(--c-green) !important; } .map-wrap { border-radius: 10px; overflow: hidden; border: 1px solid var(--c-border); } .map-wrap iframe { display: block; width: 100%; border: none; } :root[data-theme="dark"] .map-wrap iframe { filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(90%); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .map-wrap iframe { filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(90%); } } .map-address { display: flex; align-items: flex-start; gap: 10px; padding: 11px 14px; background: var(--bg-surface); border-top: 1px solid var(--c-border); } .map-address i { color: var(--c-orange) !important; margin-top: 2px; } .map-address p { font-size: 13px; color: var(--c-muted) !important; line-height: 1.5; margin: 0; } .map-actions { display: flex; gap: 10px; padding: 0 14px 14px; background: var(--bg-surface); } .transfer-note { background: var(--c-orange-light); border: 1px solid #fbd5a3; border-radius: 8px; padding: 10px 13px; margin-top: 14px; display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #7a4800 !important; } .transfer-note i { margin-top: 2px; flex-shrink: 0; } #daToast { position: fixed; top: 16px; left: 50%; transform: translateX(-50%) translateY(-20px); max-width: calc(100vw - 32px); width: max-content; min-width: 220px; z-index: 9999; padding: 12px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.18); opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; } #daToast.show { opacity: 1; transform: translateX(-50%) translateY(0); } #daToast.success { background: var(--c-green-light); color: #1c6b32; border: 1px solid var(--c-green); } #daToast.error { background: #fdecea; color: #611a15; border: 1px solid #f5c6cb; } .da-hero { background: linear-gradient(135deg, #1c1c1c 0%, #2e2e2e 100%); border-bottom: 3px solid var(--c-orange); padding: 32px 16px 28px; text-align: center; margin-top: 135px !important; margin-bottom: 28px; } .da-hero h1 { color: #fff !important; font-size: 24px; font-weight: 700; margin: 0 0 6px; } .da-hero p { color: #aaa !important; font-size: 14px; margin: 0; max-width: 560px; margin-left: auto; margin-right: auto; } .da-benefits { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 28px; } .da-benefit-pill { display: inline-flex; align-items: center; gap: 6px; background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 50px; padding: 7px 14px; font-size: 12.5px; font-weight: 600; color: var(--c-text) !important; } .da-benefit-pill i { color: var(--c-orange) !important; } .da-card { background: var(--bg-surface); border: 1px solid var(--c-border); border-radius: 10px; overflow: hidden; margin: 0 auto 32px; max-width: 620px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } .da-card-header { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-bottom: 1px solid var(--c-border); font-size: 15px; font-weight: 600; color: var(--text-primary); } .da-card-icon { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; background: #fff4e5; color: var(--c-orange) !important; } .da-card-body { padding: 18px; } .da-card .form-control { background-color: var(--bg-surface); color: var(--text-primary); border: 1px solid var(--border-color-strong); border-radius: 7px; padding: 10px 12px; font-size: 14px; transition: border-color .15s, box-shadow .15s; margin-bottom: 10px; } .da-card .form-control:focus { border-color: var(--c-orange) !important; box-shadow: 0 0 0 3px rgba(247,148,29,0.12); outline: none; } .da-card textarea.form-control { min-height: 90px; resize: vertical; } .da-form-row-pair { display: flex; gap: 10px; } .da-form-row-pair > * { flex: 1; } @media(max-width:576px) { .da-form-row-pair { flex-direction: column; } } .da-btn-submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px 20px; background: var(--c-orange); color: #fff !important; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer; transition: filter .15s; } .da-btn-submit:hover { filter: brightness(1.08); } .wv-breadcrumb { padding: 10px 0; font-size: 13px; } .wv-breadcrumb-list { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; color: var(--text-muted); } .wv-breadcrumb-item { display: flex; align-items: center; min-width: 0; } .wv-breadcrumb-item a { color: var(--text-secondary); text-decoration: none; } .wv-breadcrumb-item a:hover { color: var(--primary); text-decoration: underline; } .wv-breadcrumb-item span[aria-current="page"] { color: var(--text-primary); font-weight: 600; } .wv-breadcrumb-item:not(:first-child)::before { content: "/"; margin-right: 4px; color: var(--text-muted); } @media (max-width: 767px) { .wv-breadcrumb-list { flex-wrap: nowrap; overflow: hidden; } .wv-breadcrumb-item:not(:last-child) { flex-shrink: 0; } .wv-breadcrumb-item:last-child { min-width: 0; overflow: hidden; } .wv-breadcrumb-item:last-child span[aria-current="page"] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .wv-consent-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #1c2b3a; color: #eef1f5; padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; box-shadow: 0 -4px 20px rgba(0,0,0,.2); } .wv-consent-text { flex: 1 1 420px; font-size: 13px; line-height: 1.6; } .wv-consent-text a { color: #f7941d; text-decoration: underline; } .wv-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; } .wv-consent-btn { padding: 10px 18px; border-radius: 8px; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; border: 1.5px solid transparent; } .wv-consent-btn-primary { background: #b35900; color: #fff; border-color: #b35900; } .wv-consent-btn-outline { background: transparent; color: #eef1f5; border-color: #4a5a6e; } .wv-consent-btn-outline:hover { border-color: #f7941d; color: #f7941d; } .wv-consent-prefs-overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(20,20,15,.5); display: flex; align-items: center; justify-content: center; padding: 16px; } .wv-consent-prefs-modal { background: var(--bg-surface); border-radius: 12px; max-width: 460px; width: 100%; padding: 28px 24px; position: relative; max-height: 90vh; overflow-y: auto; } .wv-consent-prefs-modal h3 { margin: 0 0 8px; font-size: 18px; color: var(--text-primary); } .wv-consent-prefs-desc { font-size: 13px; color: var(--text-secondary); margin: 0 0 18px; line-height: 1.5; } .wv-consent-prefs-close { position: absolute; top: 14px; right: 14px; background: none; border: none; font-size: 22px; line-height: 1; color: var(--text-muted); cursor: pointer; } .wv-consent-category { padding: 12px 0; border-bottom: 1px solid var(--border-color); } .wv-consent-category-header { display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 14px; color: var(--text-primary); margin-bottom: 4px; } .wv-consent-category p { margin: 0; font-size: 12px; color: var(--text-muted); line-height: 1.5; } .wv-consent-switch { position: relative; display: inline-block; width: 42px; height: 24px; flex-shrink: 0; } .wv-consent-switch input { opacity: 0; width: 0; height: 0; } .wv-consent-slider { position: absolute; cursor: pointer; inset: 0; background: var(--border-color-strong); border-radius: 24px; transition: background-color .2s ease; } .wv-consent-slider::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: transform .2s ease; } .wv-consent-switch input:checked + .wv-consent-slider { background: var(--primary); } .wv-consent-switch input:checked + .wv-consent-slider::before { transform: translateX(18px); } .wv-consent-switch-disabled .wv-consent-slider { opacity: .6; cursor: not-allowed; } .wv-consent-prefs-actions { display: flex; gap: 8px; margin-top: 20px; } .wv-consent-prefs-actions .wv-consent-btn { flex: 1; } @media (max-width: 600px) { .wv-consent-banner { flex-direction: column; align-items: stretch; padding: 10px 14px; gap: 8px; } .wv-consent-text { flex-basis: auto; font-size: 12px; line-height: 1.4; } .wv-consent-text a { white-space: nowrap; } .wv-consent-actions { justify-content: stretch; gap: 8px; } .wv-consent-actions .wv-consent-btn { flex: 1; padding: 8px 10px; } } @media (max-width: 768px) { body.product-detail-page { padding-bottom: 68px !important; } } @media (max-width: 767px) { .product-name-top-space { margin-top: -30px; } } .basket-action-row { display: flex; align-items: center; gap: 20px; margin-left: -10px; } .basket-action-row .input-group { width: auto !important; flex: 0 0 auto; } .basket-action-row .input-group .form-control { width: 80px; } .basket-action-row > .btn { flex: 0 0 auto; white-space: nowrap; height: 44px; } .ph-title { font-size: 17px; font-weight: 600; color: var(--text-primary); line-height: 1.4; margin: 6px 0 10px 0; } .ph-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; } .ph-badge { display: inline-flex; align-items: center; gap: 5px; background: #fff8ee; border: 1px solid #ffd280; border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 600; color: #7a4f00; } .ph-badge i { font-size: 10px; } @media (max-width: 768px) { .ph-badges { flex-wrap: nowrap; gap: 4px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; } .ph-badges::-webkit-scrollbar { display: none; } .ph-badge, .ph-badges .wv-pd-share-wrap { flex: 0 0 auto; } .ph-badge { gap: 4px; padding: 3px 7px; font-size: 10px; } .ph-badge i { font-size: 9px; } .ph-badges .wv-pd-share-wrap .wv-pd-share-btn { gap: 4px; padding: 5px 9px; font-size: 11px; } } .wv-pd-share-wrap { position: relative; display: inline-block; vertical-align: middle; } .wv-pd-share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 20px; border: 1px solid var(--border-color-strong); background: var(--bg-surface); color: var(--text-secondary); font-size: 12px; font-weight: 600; cursor: pointer; line-height: 1.6; transition: border-color .15s ease, color .15s ease; } .wv-pd-share-btn:hover, .wv-pd-share-btn[aria-expanded="true"] { border-color: var(--primary); color: var(--primary); } .wv-pd-share-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; z-index: 50; min-width: 170px; background: var(--bg-surface); border-radius: 8px; box-shadow: 0 12px 28px rgba(20,20,15,.18); padding: 6px; } .wv-pd-share-menu.open { display: block; } .wv-pd-share-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: none; background: none; border-radius: 6px; color: var(--text-primary); font-size: 13px; text-align: left; text-decoration: none; cursor: pointer; } .wv-pd-share-item:hover, .wv-pd-share-item:focus { background: var(--bg-hover); color: var(--text-primary); text-decoration: none; } .wv-pd-share-item i { width: 16px; text-align: center; color: var(--primary); } .wv-pd-share-item.wv-pd-share-copied i { color: #25b869; } .mobile-sticky-bar { display: none; } @media (max-width: 768px) { .mobile-sticky-bar { display: flex; align-items: center; gap: 12px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: var(--bg-surface); border-top: 1px solid var(--border-color); padding: 8px 12px; padding-bottom: calc(8px + env(safe-area-inset-bottom)); } .sticky-price { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 10px; border-radius: 10px; background: var(--bg-surface-muted); border: 1px solid var(--border-color-strong); box-sizing: border-box; } .sticky-price-main { font-size: 22px; font-weight: 800; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .sticky-wa-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; background: #157a3a; color: #fff; font-size: 20px; } .sticky-wa-btn:hover { background: #0f5c2b; color: #fff; } .sticky-call-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; background: #172431; color: #fff; font-size: 18px; } .sticky-call-btn:hover { background: #0f1922; color: #fff; } .sticky-cart-btn { display: flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; height: 44px; padding: 0 18px; background: #f7941d; color: #fff; border: none; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; } .sticky-cart-btn.sticky-cart-btn-full { flex: 1; } } @media (max-width: 380px) { .mobile-sticky-bar { gap: 8px; padding-left: 8px; padding-right: 8px; } .sticky-call-btn, .sticky-wa-btn { width: 40px; height: 40px; font-size: 17px; } .sticky-price { height: 40px; padding: 0 8px; } .sticky-price-main { font-size: 16px; } } @media (max-width: 768px) { .sticky-price.sticky-price-indirimli { flex-direction: column; gap: 0; line-height: 1; } .sticky-price-eski { font-size: 11px; font-weight: 600; line-height: 1.1; color: var(--text-muted); text-decoration: line-through; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .sticky-price.sticky-price-indirimli .sticky-price-main { font-size: 18px; line-height: 1.15; } } @media (max-width: 380px) { .sticky-price-eski { font-size: 10px; } .sticky-price.sticky-price-indirimli .sticky-price-main { font-size: 14px; } } .wv-pd-contact-card { width: 100%; margin: 0 0 16px 0; padding: 18px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-surface); } .wv-pd-contact-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .wv-pd-contact-avatar { width: 38px; height: 38px; border-radius: 50%; background: #172431; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .wv-pd-contact-name { font-weight: 700; font-size: 15px; color: var(--text-primary); } .wv-pd-contact-role { font-size: 12px; color: var(--text-muted); } .wv-pd-contact-actions { display: flex; gap: 10px; margin-bottom: 10px; } .wv-pd-contact-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 10px; border-radius: 8px; font-weight: 600; font-size: 13px; text-decoration: none; color: #fff; } .wv-pd-call { background: #172431; } .wv-pd-call:hover { background: #0f1922; color: #fff; } .wv-pd-wa { background: #157a3a; animation: wvPdWaPulse 2.2s infinite; } .wv-pd-wa:hover { background: #0f5c2b; color: #fff; animation: none; } .wv-pd-quote-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 11px 10px; border-radius: 8px; font-weight: 700; font-size: 13px; text-decoration: none; color: var(--accent-text-a11y); background: var(--bg-surface); border: 1.5px solid var(--accent-text-a11y); } .wv-pd-quote-btn:hover { background: #fff8ec; color: var(--accent-text-a11y); } .wv-pd-mini-heading { display: flex; align-items: center; gap: 8px; margin: 0 5px 10px 5px; font-size: 14px; font-weight: 700; color: var(--text-primary); } .wv-pd-mini-heading i { color: var(--c-green); font-size: 15px; } .wv-pd-mini-list { display: flex; flex-direction: column; gap: 10px; margin: 0 5px; padding: 14px 16px; list-style: none; background: var(--bg-surface-muted); border: 1px solid var(--border-color); border-radius: 10px; } .wv-pd-mini-item { display: flex; align-items: flex-start; gap: 10px; } .wv-pd-mini-icon { flex-shrink: 0; margin-top: 3px; font-size: 14px; color: var(--c-green); } .wv-pd-mini-text { font-size: 13.5px; line-height: 1.55; color: var(--text-primary); } .wv-pd-mini-text strong { color: var(--text-primary); font-weight: 700; } .wv-pd-detay-link { display: inline-flex; align-items: center; gap: 8px; margin: 14px 5px 4px; padding: 10px 18px; font-size: 13.5px; font-weight: 700; color: var(--primary); background: transparent; border: 1.5px solid var(--primary); border-radius: 999px; text-decoration: none; transition: background .15s ease, color .15s ease; } .wv-pd-detay-link:hover, .wv-pd-detay-link:focus-visible { background: var(--primary); color: #fff; text-decoration: none; } .wv-pd-detay-link i { font-size: 13px; } .checkout-page { background: var(--bg-surface-muted); min-height: 100vh; padding: 24px 0 48px; } .checkout-steps { display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 28px; } .step { display: flex; align-items: center; gap: 8px; } .step-circle { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; background: var(--border-color-strong); color: var(--text-muted); flex-shrink: 0; } .step.done .step-circle { background: #25a244; color: #fff; } .step.active .step-circle { background: #f7941d; color: #fff; } .step-label { font-size: 13px; font-weight: 600; color: var(--text-muted); } .step.active .step-label { color: #f7941d; } .step.done .step-label { color: #25a244; } .step-line { width: 48px; height: 2px; background: var(--border-color-strong); margin: 0 8px; flex-shrink: 0; } .step-line.done { background: #25a244; } @media(max-width:480px) { .step-label { display: none; } .step-line { width: 24px; } } .checkout-grid { display: grid; grid-template-columns: 1fr 360px; gap: 20px; max-width: 1060px; margin: 0 auto; padding: 0 16px; } @media(max-width:900px) { .checkout-grid { grid-template-columns: 1fr; } .checkout-summary-col { order: -1; } } .co-card { background: var(--bg-surface); border-radius: 12px; border: 1px solid var(--border-color); overflow: hidden; margin-bottom: 16px; } .co-card-header { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--border-color); background: var(--bg-surface-muted); } .co-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .co-icon.orange { background: #fff4e5; color: #f7941d; } .co-icon.green { background: #e8f5ec; color: #25a244; } .co-icon.blue { background: #e8f2fd; color: #2979d0; } .co-icon.gray { background: var(--bg-hover); color: var(--text-secondary); } .co-card-header h3 { font-size: 15px; font-weight: 600; color: var(--text-primary); margin: 0; } .co-card-body { padding: 20px; } .form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media(max-width:560px) { .form-row-2 { grid-template-columns: 1fr; } } .fg { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; } .fg:last-child { margin-bottom: 0; } .fg label.lbl { font-size: 12px; font-weight: 600; color: var(--text-secondary); letter-spacing: .02em; } .req { color: #f7941d; margin-left: 2px; } .checkout-page .form-control { border: 1.5px solid var(--border-color-strong); border-radius: 8px; padding: 5px 13px; font-size: 14px; color: var(--text-primary); transition: border-color .15s,box-shadow .15s; background: var(--bg-surface); outline: none; width: 100%; box-sizing: border-box; } .checkout-page .form-control:focus { border-color: #f7941d; box-shadow: 0 0 0 3px rgba(247,148,29,.10); } .checkout-page select.form-control { cursor: pointer; } .checkout-page textarea.form-control { resize: vertical; min-height: 80px; } .login-banner { background: linear-gradient(135deg,#fff4e5,#ffe8c4); border: 1px solid #fbd5a3; border-radius: 10px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .login-banner i { color: #f7941d; font-size: 20px; flex-shrink: 0; } .login-banner p { font-size: 13px; color: #7a4800; margin: 0; line-height: 1.6; } .login-banner a { color: #f7941d; font-weight: 600; text-decoration: none; } .info-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .info-pill { display: flex; align-items: center; gap: 6px; background: #fff8ec; border: 1px solid #fbd5a3; border-radius: 20px; padding: 5px 12px; font-size: 12px; color: #7a4800; } .info-pill i { font-size: 11px; color: #f7941d; } .info-pill a { color: #f7941d; font-weight: 600; text-decoration: none; } .bill-toggle { display: flex; gap: 8px; margin-bottom: 16px; } .bill-btn { flex: 1; padding: 9px 12px; border-radius: 8px; border: 1.5px solid var(--border-color-strong); background: var(--bg-surface); font-size: 13px; font-weight: 500; color: var(--text-secondary); cursor: pointer; text-align: center; transition: all .15s; } .bill-btn.active { border-color: #f7941d; background: #fff4e5; color: #f7941d; } .kargo-options { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; } .kargo-option { display: flex; align-items: center; gap: 12px; border: 1.5px solid var(--border-color-strong); border-radius: 8px; padding: 12px 14px; cursor: pointer; transition: border-color .15s,background .15s; } .kargo-option:hover { border-color: #f7941d; background: #fffaf5; } .kargo-option input[type=radio] { width: 16px; height: 16px; accent-color: #f7941d; flex-shrink: 0; } .kargo-option-label { flex: 1; } .kargo-option-label strong { font-size: 14px; color: var(--text-primary); display: block; } .kargo-option-label span { font-size: 12px; color: var(--text-muted); } .payment-options { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; } @media(max-width:480px) { .payment-options { grid-template-columns: 1fr; } } .payment-option { display: flex; align-items: center; gap: 10px; border: 1.5px solid var(--border-color-strong); border-radius: 8px; padding: 12px 14px; cursor: pointer; transition: border-color .15s,background .15s; } .payment-option:hover { border-color: #f7941d; background: #fffaf5; } .payment-option input[type=radio] { width: 16px; height: 16px; accent-color: #f7941d; flex-shrink: 0; } .payment-option i { font-size: 16px; color: #f7941d; width: 20px; text-align: center; } .payment-option span { font-size: 13px; font-weight: 500; color: var(--text-primary); } .consent-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--border-color); } .consent-row:last-of-type { border-bottom: none; } .consent-row input[type=checkbox] { width: 18px; height: 18px; accent-color: #f7941d; flex-shrink: 0; margin-top: 2px; } .consent-row label { font-size: 13px; color: var(--text-secondary); line-height: 1.5; cursor: pointer; } .consent-row label a { color: #f7941d; font-weight: 600; text-decoration: none; } .btn-submit-order { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px 24px; background: #f7941d; color: #fff; border: none; border-radius: 10px; font-size: 17px; font-weight: 700; cursor: pointer; letter-spacing: .02em; transition: background .15s,transform .1s; margin-top: 16px; } .btn-submit-order:hover { background: #e07c08; } .btn-submit-order:active { transform: scale(0.98); } .secure-note { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: var(--text-muted); margin-top: 10px; } .secure-note i { color: #25a244; } .summary-sticky { position: sticky; top: 80px; } .summary-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-color); } .summary-item:last-child { border-bottom: none; } .summary-img { width: 46px; height: 46px; border-radius: 6px; object-fit: contain; background: var(--bg-surface-muted); border: 1px solid var(--border-color); flex-shrink: 0; } .summary-img-ph { width: 46px; height: 46px; border-radius: 6px; background: var(--bg-hover); border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .summary-name { flex: 1; font-size: 13px; color: var(--text-primary); line-height: 1.4; } .summary-qty { font-size: 11px; color: var(--text-muted); margin-top: 2px; } .summary-price { font-size: 13px; font-weight: 600; color: var(--text-primary); flex-shrink: 0; white-space: nowrap; } .summary-totals { margin-top: 14px; } .sum-line { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; font-size: 13px; color: var(--text-secondary); border-bottom: 1px solid var(--border-color); } .sum-line:last-child { border-bottom: none; } .sum-line.total { font-size: 16px; font-weight: 700; color: var(--text-primary); padding-top: 12px; margin-top: 4px; border-top: 2px solid var(--border-color); border-bottom: none; } .sum-line.total span:last-child { color: #f7941d; } .trust-mini { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 20px; background: var(--bg-surface-muted); border-top: 1px solid var(--border-color); } .trust-mini-item { display: flex; align-items: center; gap: 5px; font-size: 11px; color: var(--text-secondary); } .trust-mini-item i { color: #25a244; font-size: 11px; } .help-box { display: flex; flex-direction: column; gap: 8px; padding: 16px; } .btn-wa { display: flex; align-items: center; justify-content: center; gap: 8px; background: #25d366; color: #fff; border-radius: 8px; padding: 10px 16px; text-decoration: none; font-weight: 600; font-size: 14px; transition: background .15s; } .btn-wa:hover { background: #1da84e; color: #fff; } .btn-tel { display: flex; align-items: center; justify-content: center; gap: 8px; background: #fff4e5; color: #f7941d; border: 1.5px solid #f7941d; border-radius: 8px; padding: 10px 16px; text-decoration: none; font-weight: 600; font-size: 14px; } .btn-tel:hover { background: #fff0d9; } .wv-pager { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; margin: 24px 0 10px; } .wv-pager-pages { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 6px; } .wv-pager-btn, .wv-pager-num { display: flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--border-color-strong); border-radius: 8px; color: var(--text-primary); text-decoration: none; font-size: 13px; font-weight: 600; background: var(--bg-surface); } .wv-pager-num { min-width: 38px; justify-content: center; padding: 8px; } .wv-pager-btn:hover, .wv-pager-num:hover { border-color: #f7941d; color: #f7941d; } .wv-pager-num.wv-active { background: #f7941d; border-color: #f7941d; color: #fff; } .wv-pager-btn.wv-disabled { opacity: .4; pointer-events: none; } .wv-pager-ellipsis { padding: 0 4px; color: var(--text-muted); } .wv-video-search-form { display: flex; align-items: center; gap: 8px; background: var(--bg-surface); border: 1px solid var(--border-color-strong); border-radius: 8px; padding: 6px 12px; flex: 1; min-width: 220px; max-width: 380px; } .wv-video-search-form i { color: var(--text-muted); font-size: 13px; } .wv-video-search-form input { border: none; outline: none; flex: 1; font-size: 13px; min-width: 0; background: var(--bg-surface); color: var(--text-primary); } .wv-video-search-clear { border: none; background: none; color: var(--text-muted); cursor: pointer; font-size: 12px; padding: 2px 4px; } .wv-video-search-clear:hover { color: var(--text-secondary); } .wv-video-search-btn { border: none; background: #f7941d; color: #fff; font-weight: 600; font-size: 13px; padding: 6px 16px; border-radius: 6px; cursor: pointer; } .wv-video-search-btn:hover { background: #e07c08; } @keyframes pulseGlow { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } } .badge-animate { box-shadow: 0 0 8px rgba(255,77,79, 0.8); animation: pulseGlow 1.2s infinite; } .product-box { position: relative; } .product-desc { min-height: 88px; } .product-badge { position: absolute; left: 6px; color: #fff; font-size: 10px; font-weight: 600; padding: 2px 7px; border-radius: 4px; line-height: 1.4; z-index: 10; white-space: nowrap; } .product-badge--hot { top: 6px; background: #ff4d4f; } .product-badge--cargo { top: 26px; background: #222; } .wv-plp-imitation { padding-top: 34px !important; display: flex; flex-direction: column; } .wv-plp-imitation.wv-plp-badge-space-deep { padding-top: 56px !important; } .wv-plp-imitation .product-make { flex: 0 0 auto; } .wv-plp-imitation .wv-plp-select-link { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 0; min-width: 0; margin: 0; } .product-box > .btn.btn-sm[style*="position:absolute"] { padding: 4px 8px !important; font-size: 12px !important; } .cart-qty-badge { position: absolute; top: -6px; right: -6px; background: #ff4d4f; color: #fff; border-radius: 50%; min-width: 16px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; font-weight: 700; padding: 0 3px; box-shadow: 0 0 0 2px #fff; z-index: 11; } @media (max-width: 767px) { .product-badge { font-size: 8px !important; padding: 1px 4px !important; border-radius: 3px !important; max-width: 80px; overflow: hidden; text-overflow: ellipsis; } .product-badge--hot { top: 22px; left: 4px; } .product-badge--cargo { top: 42px; left: 4px; } .col-xs-6 .btn.btn-sm { padding: 3px 6px !important; font-size: 11px !important; right: 4px !important; top: 4px !important; } .col-xs-6 .badge-animate { width: 110px; font-size: 12px !important; padding: 1px 4px !important; border-radius: 3px !important; margin:5px; position: absolute; z-index:100; } .col-xs-6 [style*="top:10px"] { top: 4px !important; left: 4px !important; } .col-xs-6 [style*="top:40px"] { top: 20px !important; left: 4px !important; } .col-xs-6 .product-imitation.wv-plp-imitation { padding-top: 34px !important; } .col-xs-6 .product-imitation.wv-plp-imitation.wv-plp-badge-space-deep { padding-top: 64px !important; height: 152px !important; } .product-badge--cargo { margin-top: 15px !important; } .col-xs-6 .product-imitation { height: 130px !important; padding: 4px !important; overflow: hidden; } .col-xs-6 .product-imitation img { width: 100% !important; height: 100% !important; max-width: 100% !important; min-height: unset !important; max-height: unset !important; object-fit: contain; } .col-xs-6 .product-make { font-size: 10px; padding: 1px !important; } .col-xs-6 .product-desc { height: 52px !important; overflow: hidden; padding: 2px 4px !important; } .col-xs-6 .product-name { font-size: 10px !important; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .col-xs-6 .product-category { display: none; } .col-xs-6 .btn.pull-right { padding: 2px 6px !important; font-size: 11px !important; right: 4px !important; top: 3px !important; } .col-xs-6 .main-price-value { font-size: 15px !important; letter-spacing: 0; } .col-xs-6 .main-price-currency { font-size: 12px !important; } .col-xs-6 .kdv-dahil-tag { font-size: 8px; padding: 1px 4px; } .col-xs-6 .main-price-row { gap: 2px; flex-wrap: nowrap; } .col-xs-6 .sub-price-row { font-size: 9px; flex-direction: column; align-items: flex-start; gap: 0; } .col-xs-6 .sub-price-value { font-size: 9px; } .col-xs-6 .stock-row { margin-top: 4px; padding-top: 4px; gap: 4px; } .col-xs-6 .stock-text { font-size: 9px; } .col-xs-6 .stock-dot { width: 6px; height: 6px; } .col-xs-6 .badge-animate { font-size: 9px !important; padding: 2px 5px !important; } .col-xs-6 .price-block { padding: 3px !important; } .col-xs-6 .main-price-area { padding: 4px 0 2px 0; } .col-xs-6 .sub-price-list { margin-top: 3px; padding-top: 4px; gap: 0; } .col-xs-6 .badge-animate { width: 80px; font-size:8px !important; padding: 1px 4px !important; border-radius: 3px !important; position: absolute; z-index: 100; } .col-xs-6 [style*="top:10px"] { top: 4px !important; left: 4px !important; } .col-xs-6 [style*="top:40px"] { top: 200px !important; left: 4px !important; } .product-badge--cargo { margin-top:6px !important; } #productContainer.row { margin-left: -5px; margin-right: -5px; } #productContainer .col-xs-6 { padding-left: 5px; padding-right: 5px; } } .price-block { padding: 0; } .dealer-price-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; font-size: 13px; } .dealer-price-table tr { border-bottom: 1px solid var(--border-color); } .dealer-price-table tr:last-child { border-bottom: none; } .dealer-price-table td { padding: 7px 10px; vertical-align: middle; } .dealer-price-table .dpt-label { color: var(--text-muted); font-weight: 500; width: 55%; } .dealer-price-table .dpt-value { text-align: right; font-weight: 700; color: var(--text-primary); } .dealer-price-table tr:first-child { background: rgba(255, 165, 0, 0.06); border-radius: var(--border-radius); } .dealer-price-table tr:first-child .dpt-value { color: var(--primary); font-size: 15px; } .main-price-area { padding: 10px 0 6px 0; } .old-price-row { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } .old-price-value { font-size: 14px; color: var(--text-muted); text-decoration: line-through; } .discount-badge { display: inline-flex; align-items: center; background: #fff3cd; color: #856404; border: 1px solid #ffc107; border-radius: 20px; padding: 1px 9px; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; } .main-price-row { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin-bottom: 2px; } .main-price-value { font-size: 32px; font-weight: 800; color: var(--text-primary); line-height: 1.1; letter-spacing: -0.5px; } .main-price-currency { font-size: 18px; font-weight: 700; color: var(--text-primary); line-height: 1.4; } .kdv-dahil-tag { display: inline-block; background: var(--primary); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; padding: 2px 8px; border-radius: 20px; margin-left: 4px; vertical-align: middle; position: relative; top: -2px; white-space: nowrap; flex-shrink: 0; } .price-toggle-btn { background: none; border: none; cursor: pointer; color: var(--text-muted); padding: 3px 4px; margin-left: auto; display: inline-flex; align-items: center; line-height: 1; flex-shrink: 0; } .price-toggle-btn i { transition: transform .18s; } .price-toggle-btn.open i { transform: rotate(180deg); } .sub-price-list { display: none; flex-direction: column; gap: 2px; margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--border-color); } .sub-price-list.open { display: flex; } .sub-price-row { display: flex; justify-content: space-between; align-items: center; font-size: 12px; } .sub-price-label { color: var(--text-muted); } .sub-price-value { font-weight: 600; color: var(--text-primary); opacity: 0.75; } .stock-row { display: flex; align-items: center; gap: 7px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-color); } .stock-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .stock-dot.available { background:#25d366; box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.18); } .stock-dot.unavailable { background: var(--warning, #ffb500); box-shadow: 0 0 0 3px rgba(255, 181, 0, 0.18); } .stock-text { font-size: 12px; font-weight: 500; } .stock-text.available { color: #25d366; } .stock-text.unavailable { color: var(--warning, #b38600); } .enduser-price-note { background: var(--bg-surface-muted); border-radius: var(--border-radius); padding: 8px 12px; margin-top: 8px; } .strike-text div { color: var(--text-muted); text-decoration: line-through; } @media (max-width: 767px) { .main-price-value { font-size: 17px !important; letter-spacing: 0; } .main-price-currency { font-size: 13px !important; } .kdv-dahil-tag { font-size: 8px; padding: 1px 5px; margin-left: 2px; } .main-price-row { gap: 3px; flex-wrap: nowrap; } .price-toggle-btn { padding: 4px 6px; } .price-toggle-btn i { font-size: 12px; } .sub-price-list { margin-top: 4px; padding-top: 5px; gap: 1px; } .sub-price-row { font-size: 10px; flex-direction: column; align-items: flex-start; gap: 0; } .sub-price-value { font-size: 10px; } .stock-row { margin-top: 6px; padding-top: 6px; gap: 5px; } .stock-text { font-size: 10px; } .stock-dot { width: 6px; height: 6px; } .old-price-value { font-size: 11px; } .discount-badge { font-size: 9px; padding: 1px 5px; } } @media (min-width: 992px) { .wv-pd-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; } .wv-pd-hero > [class*="col-"] { float: none; width: auto; } .wv-pd-hero > [class*="col-"]:nth-child(1) { grid-column: 1; } .wv-pd-hero > [class*="col-"]:nth-child(2) { grid-column: 2; } } .wv-pd-breadcrumb-scope .wv-breadcrumb-item a { color: var(--accent-text-a11y); } .wv-pd-breadcrumb-scope .wv-breadcrumb-item a:hover { color: #d97c0f; } .wv-pd-breadcrumb-scope .wv-breadcrumb-item:not(:first-child)::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 9px; color: var(--text-muted); } .wv-pd-gallery-box { position: relative; background: var(--bg-surface-muted); border: 1px solid var(--border-color); border-radius: 14px; padding: 16px; margin-bottom: 16px; } .wv-pd-gallery-box .product-image-slide { border: none !important; } .wv-pd-gallery-box .swiper-pagination-bullet { width: 8px; height: 8px; padding: 8px; background-clip: content-box; box-sizing: content-box; margin: 0 2px !important; } .wv-pd-gallery-box .product-thumbnail-slider { margin-top: 4px; } .wv-pd-gallery-box .product-thumbnail-slide { width: 70px !important; height: 70px !important; border-radius: 8px; overflow: hidden; } .wv-pd-warranty-badge { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-color); font-size: 12.5px; font-weight: 600; color: var(--text-muted); text-align: center; } .wv-pd-warranty-logo { height: 18px; width: 70px; object-fit: contain; flex-shrink: 0; } .wv-pd-warranty-icon { color: #1fa855; font-size: 14px; flex-shrink: 0; } .wv-pd-slide-counter { display: none; margin-left: 4px; padding-left: 7px; border-left: 1px solid var(--border-color); font-weight: 600; color: var(--text-muted); font-variant-numeric: tabular-nums; } @media (max-width: 767px) { .wv-pd-slide-counter { display: inline-block; } } @media (max-width: 480px) { .wv-pd-warranty-badge { font-size: 11.5px; gap: 6px; margin-top: 8px; padding-top: 8px; } .wv-pd-warranty-logo { height: 15px; width: 58px; } } .wv-pd-share-wrap--overlay { position: absolute; top: 8px; right: 8px; z-index: 5; } .wv-pd-share-btn--icon { width: 32px; height: 32px; padding: 0; border-radius: 50%; justify-content: center; background: rgba(20, 24, 31, 0.55); border: none; color: #fff; font-size: 14px; } .wv-pd-share-btn--icon:hover, .wv-pd-share-btn--icon[aria-expanded="true"] { background: rgba(20, 24, 31, 0.75); color: #fff; } .wv-pd-meta-line { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin: 0 0 6px 0; } .wv-pd-hero .ph-title { font-size: 26px !important; font-weight: 800; line-height: 1.25; margin: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; } @media (max-width: 768px) { .wv-pd-hero .ph-title { font-size: 19px !important; line-height: 1.3; } .wv-pd-meta-line { font-size: 10px; } } .wv-pd-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 6px; } .wv-pd-rating-line { display: flex; align-items: center; gap: 8px; font-size: 13px; } .wv-pd-rating-line .wv-pd-rating-stars { color: #f5a623; font-size: 15px; letter-spacing: 1px; } .wv-pd-rating-line .wv-pd-rating-stars .bos { color: var(--border-color-strong); } .wv-pd-rating-line .wv-pd-rating-deger { font-weight: 800; color: var(--text-primary); } .wv-pd-rating-sayi-link { color: var(--text-secondary); text-decoration: underline; text-decoration-color: var(--border-color-strong); text-underline-offset: 2px; font-weight: 600; cursor: pointer; } .wv-pd-rating-sayi-link:hover { color: var(--primary); text-decoration-color: var(--primary); } .wv-pd-rating-bos { font-size: 12.5px; color: var(--text-muted); } @media (max-width: 768px) { .wv-pd-rating-line { font-size: 12px; } .wv-pd-rating-line .wv-pd-rating-stars { font-size: 13px; } } .wv-pd-rating-stock-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 16px; } .wv-pd-rating-stock-row .wv-pd-rating-line, .wv-pd-rating-stock-row .wv-pd-rating-bos, .wv-pd-rating-stock-row .wv-pd-stock-line { margin: 0; } .wv-pd-stock-line { font-size: 12.5px; font-weight: 700; } .wv-pd-stock-line.available { color: var(--stock-ok-text-a11y); } .wv-pd-stock-line.unavailable { color: var(--warning, #b38600); } .wv-pd-price-card { background: var(--bg-surface-muted); border-radius: 12px; padding: 18px; margin-bottom: 16px; } .wv-pd-price-card .price-block { padding: 0 !important; } .wv-pd-price-card .stock-row { display: none; } .wv-pd-price-card .kdv-dahil-tag { display: none; } .wv-pd-price-card .main-price-value { font-size: 30px !important; letter-spacing: -0.5px; } .wv-pd-price-card .main-price-currency { font-size: 20px !important; } .wv-pd-price-card .dealer-price-table tr:first-child { background: transparent; } .wv-pd-price-card .dealer-price-table tr:first-child .dpt-value { font-size: 22px; } @media (max-width: 767px) { .wv-pd-price-card .main-price-value { font-size: 26px !important; } .wv-pd-price-card .main-price-currency { font-size: 16px !important; } } .wv-pd-price-label { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-muted); margin-bottom: 8px; } .wv-pd-price-note { font-size: 12px; color: var(--text-muted); margin-top: 10px; } .wv-pd-cta-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #b35900; color: #fff; font-weight: 700; font-size: 14.5px; padding: 14px; border: none; border-radius: 8px; cursor: pointer; margin-bottom: 20px; transition: background .15s ease; } .wv-pd-cta-btn:hover, .wv-pd-cta-btn:focus { background: #8f4700; color: #fff; text-decoration: none; } @keyframes wvPdWaPulse { 0% { box-shadow: 0 0 0 0 rgba(37,211,102,.5); } 70% { box-shadow: 0 0 0 8px rgba(37,211,102,0); } 100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); } } .filter-box { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; padding: 3px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); max-height: 400px; overflow-y: auto; transition: all 0.3s ease; margin-bottom: 5px; } .filter-box::-webkit-scrollbar { width: 6px; } .filter-box::-webkit-scrollbar-thumb { background: var(--border-color-strong); border-radius: 4px; } .filter-header { font-size: 1rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0; border-left: 4px solid #ffa500; padding-left: 10px; min-height: auto; cursor: pointer; } .filter-header .collapse-link { display: inline-flex; align-items: center; justify-content: center; padding: 12px; margin: -12px -12px -12px 0; } .filter-item { display: flex; align-items: center; gap: 10px; cursor: pointer; transition: all 0.2s ease; padding: 6px 8px; border-radius: 8px; margin: 0 0 8px 0 !important; } .filter-item:hover { background: rgba(255,165,0,0.1); } .filter-item input[type="checkbox"] { width: 18px; height: 18px; accent-color: #ffa500; cursor: pointer; margin: 0 !important; } .filter-item label { font-size: 1.20rem; font-weight: bolder; color: var(--text-primary); cursor: pointer; margin-bottom: 0 !important; } .filter-item input[type="checkbox"]:checked + label { font-weight: 600; } .mobile-filter-bar { display: none; align-items: center; gap: 8px; margin-bottom: 10px; } .btn-mobile-filter { display: flex; align-items: center; gap: 8px; background: var(--bg-surface); border: 1.5px solid #ffa500; border-radius: 8px; padding: 8px 16px; font-size: 13px; font-weight: 600; color: var(--text-primary); cursor: pointer; position: relative; flex: 1; justify-content: center; } .btn-mobile-filter.has-filter { background: #ffa500; color: #fff; border-color: #ffa500; } .btn-mobile-filter.has-filter i { color: #fff; } .filter-count-badge { display: inline-flex; align-items: center; justify-content: center; background: var(--bg-surface); color: #ffa500; border-radius: 50%; width: 18px; height: 18px; font-size: 10px; font-weight: 800; line-height: 1; } .btn-mobile-filter:not(.has-filter) .filter-count-badge { background: #ffa500; color: #fff; } .filter-panel { display: none; } .filter-panel.mobile-open { display: block !important; } @media (max-width: 767px) { .mobile-filter-bar { display: flex; } .desktop-filter-row { display: none; } .filter-panel { display: none; } .filter-box { max-height: unset; box-shadow: none; border-radius: 10px; } .filter-item label { font-size: 0.9rem; } } @media (min-width: 768px) { .filter-panel { display: block !important; } .mobile-filter-bar { display: none !important; } } .filter-panel .ibox-title, .filter-panel .ibox-content { background: var(--bg-surface) !important; color: var(--text-primary) !important; } .wv-plp-grid-row { display: flex; flex-wrap: wrap; } .wv-plp-grid-row > [class*="col-"] { display: flex; flex-direction: column; } .wv-plp-grid-row .ibox { flex: 1 1 auto; } .wv-plc-card { display: flex; flex-direction: column; width: 100%; height: 100%; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; padding: 16px; } .wv-plc-image { position: relative; aspect-ratio: 1 / 1; background: var(--bg-surface-muted); border-radius: 9px; overflow: hidden; margin-bottom: 12px; } .wv-plc-image-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .wv-plc-image-link img { max-width: 88%; max-height: 88%; width: auto; height: auto; object-fit: contain; } .wv-plc-badges { position: absolute; top: 7px; left: 7px; display: flex; flex-direction: column; gap: 4px; z-index: 5; pointer-events: none; } .wv-plc-badge { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: #fff; font-size: 11px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.15); pointer-events: auto; } .wv-plc-badge--hot { color: #e0472c; } .wv-plc-badge--cargo { color: #219a49; } .wv-plc-brand { font-size: 11px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .2px; margin-bottom: 2px; } .wv-plc-name-wrap { margin: 0 0 8px 0; min-height: 39px; } .wv-plc-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14.5px; font-weight: 700; line-height: 1.35; color: var(--text-primary); } .wv-plc-name:hover, .wv-plc-name:focus { color: var(--primary); text-decoration: none; } .wv-plc-rating { display: flex; align-items: center; gap: 6px; margin: 0 0 10px 0; font-size: 12px; line-height: 1; } .wv-plc-rating-stars { color: #f5a623; font-size: 12px; letter-spacing: 1px; } .wv-plc-rating-stars .bos { color: var(--border-color-strong); } .wv-plc-rating-count { color: var(--text-muted); } .wv-plc-rating-bos { font-size: 12px; color: var(--text-muted); margin: 0 0 10px 0; } .wv-plc-price { margin-top: auto; } .wv-plc-price-label { font-size: 10.5px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .2px; } .wv-plc-old-price { font-size: 12px; color: var(--text-muted); text-decoration: line-through; margin-bottom: 2px; } .wv-plc-price-row { display: flex; align-items: baseline; gap: 4px; margin-top: 2px; } .wv-plc-price-value { font-size: 18px; font-weight: 800; color: var(--text-primary); } .wv-plc-price-currency { font-size: 15px; font-weight: 700; color: var(--text-primary); } .wv-plc-kdv-tag { font-size: 9.5px; font-weight: 700; color: #219a49; background: rgba(33,154,73,.1); padding: 1px 5px; border-radius: 3px; margin-left: 2px; } .wv-plc-kdv-note { font-size: 10.5px; color: var(--text-muted); margin-top: 1px; } .wv-plc-own-price { padding-bottom: 8px; border-bottom: 1px dashed var(--border-color-strong); } .wv-plc-price-usd { font-size: 11px; color: var(--text-muted); margin-top: 2px; } .wv-plc-refs-toggle { display: flex; align-items: center; gap: 5px; width: 100%; background: none; border: none; padding: 6px 0; font-size: 11px; font-weight: 700; color: #ef8a17; cursor: pointer; } .wv-plc-refs-toggle i { font-size: 9px; transition: transform .15s ease; } .wv-plc-refs-toggle.open i { transform: rotate(180deg); } .wv-plc-refs { display: none; flex-direction: column; gap: 4px; padding-bottom: 8px; } .wv-plc-refs.open { display: flex; } .wv-plc-ref-row { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--text-muted); } .wv-plc-stock { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; margin-top: 8px; } .wv-plc-stock-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; } .wv-plc-stock--ok { color: var(--stock-ok-text-a11y); } .wv-plc-stock--ok .wv-plc-stock-dot { background: #219a49; } .wv-plc-stock--warn { color: var(--stock-warn-text-a11y); } .wv-plc-stock--warn .wv-plc-stock-dot { background: #c98a1a; } .wv-plc-cta { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin-top: 12px; background: #b35900; color: #fff; font-size: 13.5px; font-weight: 700; padding: 10px; border: none; border-radius: 7px; text-decoration: none; position: relative; transition: background .15s ease; } .wv-plc-cta:hover, .wv-plc-cta:focus { background: #8f4700; color: #fff; text-decoration: none; } .wv-plc-cta .cart-qty-badge { position: absolute; top: -6px; right: -6px; } @media (max-width: 767px) { .wv-plc-card { padding: 10px; } .wv-plc-name { font-size: 12.5px; } .wv-plc-name-wrap { min-height: 34px; } .wv-plc-price-value { font-size: 15px; } .wv-plc-price-currency { font-size: 12px; } .wv-plc-badge { width: 19px; height: 19px; font-size: 9.5px; } .wv-plc-cta { font-size: 12px; padding: 8px; } } .wv-view-toolbar { display: flex; justify-content: flex-end; gap: 6px; margin: 0 0 10px; } .wv-view-toolbar--mobile { margin: 0 0 0 auto; } @media (max-width: 767px) { .wv-view-toolbar:not(.wv-view-toolbar--mobile) { display: none; } } .wv-view-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-color-strong); border-radius: 8px; background: var(--bg-surface); color: var(--text-muted); font-size: 14px; cursor: pointer; transition: background .15s, color .15s, border-color .15s; } .wv-view-btn:hover { border-color: #f7941d; color: #f7941d; } .wv-view-btn.wv-active { background: #f7941d; border-color: #f7941d; color: #fff; } #productContainer.wv-list-view > [class*="col-"] { width: 100%; float: none; } #productContainer.wv-list-view .ibox { margin-bottom: 10px; box-shadow: none; background: none; } #productContainer.wv-list-view .wv-plc-card { flex-direction: row; align-items: center; gap: 16px; padding: 10px; } #productContainer.wv-list-view .wv-plc-image { flex: 0 0 96px; width: 96px; height: 96px; aspect-ratio: unset; } #productContainer.wv-list-view .wv-plc-body { flex: 1 1 auto; min-width: 0; text-align: left; } #productContainer.wv-list-view .wv-plc-name-wrap { min-height: 0; } #productContainer.wv-list-view .wv-plc-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } #productContainer.wv-list-view .wv-plc-cta { max-width: 220px; } @media (max-width: 767px) { #productContainer.wv-list-view .wv-plc-card { flex-direction: row; align-items: center; gap: 10px; padding: 8px; } #productContainer.wv-list-view .wv-plc-image { flex: 0 0 64px; width: 64px; height: 64px; margin-bottom: 0; } #productContainer.wv-list-view .wv-plc-badges { display: none; } #productContainer.wv-list-view .wv-plc-brand { font-size: 9.5px; margin-bottom: 0; } #productContainer.wv-list-view .wv-plc-name-wrap { min-height: 0; margin-bottom: 2px; } #productContainer.wv-list-view .wv-plc-name { font-size: 12px; -webkit-line-clamp: 1; } #productContainer.wv-list-view .wv-plc-price-label, #productContainer.wv-list-view .wv-plc-kdv-note, #productContainer.wv-list-view .wv-plc-old-price, #productContainer.wv-list-view .wv-plc-price-usd { display: none; } #productContainer.wv-list-view .wv-plc-price-row { margin-top: 0; } #productContainer.wv-list-view .wv-plc-price-value { font-size: 14px; } #productContainer.wv-list-view .wv-plc-price-currency { font-size: 11px; } #productContainer.wv-list-view .wv-plc-stock { font-size: 10px; margin-top: 2px; } #productContainer.wv-list-view .wv-plc-cta { flex: 0 0 auto; width: 40px; height: 40px; max-width: none; margin-top: 0; padding: 0; border-radius: 8px; } #productContainer.wv-list-view .wv-plc-cta-label { display: none; } #productContainer.wv-list-view .wv-plc-cta .cart-qty-badge { top: -4px; right: -4px; } } .navbar-fixed-top { z-index: 1030; } .navbar { margin-bottom: 0; border: none; border-radius: 0; } .nav-top-row { display: flex; align-items: center; justify-content: space-between; padding: 2px 8px; background: var(--bg-surface); border-bottom: 1px solid var(--border-color); } .nav-logo img { height: 45px; width: auto; display: block; object-fit: contain; } .nav-icons { display: flex; align-items: center; gap: 4px; } .nav-icon-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: transparent; border: none; color: var(--text-primary); font-size: 18px; cursor: pointer; text-decoration: none; position: relative; transition: background .15s; } .nav-icon-btn:hover { background: var(--bg-hover); color: #f7941d; } .nav-icon-btn.active { background: #fff4e5; color: #f7941d; } .nav-badge { position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; background: #f7941d; color: #fff; font-size: 9px; font-weight: 700; border-radius: 8px; padding: 0 3px; display: flex; align-items: center; justify-content: center; line-height: 1; } .nav-icon-btn-otto { display: none; } .nav-icon-otto-svg { width: 26px; height: 26px; overflow: visible; } .nav-icon-otto-ring { position: absolute; inset: 4px; border-radius: 50%; border: 1.5px solid #8b7cf6; animation: navOttoPulse 2.2s ease-out infinite; pointer-events: none; } @keyframes navOttoPulse { 0% { transform: scale(1); opacity: .7; } 70% { transform: scale(1.7); opacity: 0; } 100% { opacity: 0; } } @keyframes navOttoEnter { 0% { transform: scale(.3); opacity: 0; } 55% { transform: scale(1.18); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @media (max-width: 768px) { .nav-icon-btn-otto { display: flex; animation: navOttoEnter .55s cubic-bezier(.34, 1.56, .64, 1) both; } } @media (prefers-reduced-motion: reduce) { .nav-icon-btn-otto { animation: none; } .nav-icon-otto-ring { animation: none; opacity: 0; } } .nav-search-row { display: flex; align-items: center; padding: 6px 12px; background: var(--bg-surface); border-bottom: 1px solid var(--border-color); gap: 0; position: relative; } .nav-search-row input { flex: 1 1 0%; min-width: 0; height: 38px; padding: 0 12px; font-size: 14px; border: 1px solid var(--border-color-strong); border-right: none; border-radius: 6px 0 0 6px; outline: none; color: var(--text-primary); background: var(--bg-surface); } .nav-search-row input:focus { border-color: #f7941d; } .nav-search-row .search-btn { height: 38px; padding: 0 16px; background: #b35900; color: #fff; border: 1px solid #b35900; border-radius: 0 6px 6px 0; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; flex-shrink: 0; } .nav-search-row .search-btn:hover { background: #8f4700; } .nav-search-row .clear-btn { height: 38px; padding: 0 10px; background: var(--bg-hover); border: 1px solid var(--border-color-strong); border-right: none; border-left: none; color: var(--text-muted); font-size: 14px; cursor: pointer; display: none; flex-shrink: 0; } .nav-search-wrap { position: relative; flex: 1; display: flex; } .search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-surface); border: 1px solid var(--border-color-strong); border-radius: 6px; max-height: 420px; overflow-y: auto; padding: 0; margin: 4px 0 0; display: none; z-index: 1060; box-shadow: 0 4px 18px rgba(0,0,0,.12); } .wv-sr-section-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 6px; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--text-muted); } .wv-sr-section-head:first-child { padding-top: 12px; } .wv-sr-seeall { font-size: 11.5px; font-weight: 600; color: #f7941d; text-decoration: none; white-space: nowrap; } .wv-sr-seeall:hover { text-decoration: underline; } .wv-sr-urun-liste { display: flex; flex-direction: column; } .wv-sr-urun { display: flex; align-items: center; gap: 10px; padding: 8px 14px; cursor: pointer; border-bottom: 1px solid var(--border-color); } .wv-sr-urun:hover { background: var(--bg-surface-muted); } .wv-sr-urun-img { width: 40px; height: 40px; object-fit: contain; border-radius: 6px; flex-shrink: 0; background: var(--bg-surface-muted); } .wv-sr-urun-body { min-width: 0; flex: 1 1 auto; } .wv-sr-urun-name { font-size: 13px; font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wv-sr-urun-price-row { display: flex; align-items: baseline; gap: 6px; margin-top: 2px; } .wv-sr-urun-fiyat { font-size: 13px; font-weight: 700; color: var(--text-primary); } .wv-sr-urun-fiyat--muted { font-size: 12px; font-weight: 600; color: var(--text-muted); } .wv-sr-urun-kdv { font-size: 9.5px; font-weight: 700; color: #b06a00; background: #ffedd0; padding: 1px 6px; border-radius: 8px; } .wv-sr-urun-stock-row { margin-top: 1px; } .wv-sr-urun-stok { font-size: 11px; font-weight: 600; } .wv-sr-urun-stok--var { color: #1fa855; } .wv-sr-urun-stok--yok { color: #b38600; } .wv-sr-urun-chevron { color: var(--text-muted); font-size: 12px; flex-shrink: 0; } .wv-sr-kategori { display: flex; align-items: center; gap: 10px; padding: 9px 14px; cursor: pointer; border-bottom: 1px solid var(--border-color); } .wv-sr-kategori:hover { background: var(--bg-surface-muted); } .wv-sr-kategori-icon { color: #f7941d; font-size: 13px; width: 14px; flex-shrink: 0; } .wv-sr-kategori-name { font-size: 13px; color: var(--text-primary); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wv-sr-kategori-chevron { color: var(--text-muted); font-size: 11px; flex-shrink: 0; } .wv-sr-pill-row { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 14px 12px; } .wv-sr-pill { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--text-primary); background: var(--bg-surface-muted); border: 1px solid var(--border-color-strong); text-decoration: none; white-space: nowrap; } .wv-sr-pill:hover { border-color: #f7941d; color: #f7941d; } .wv-sr-pill--vurgulu { color: #f7941d; background: #fff6ea; border-color: #ffd9a0; } .wv-sr-pill--vurgulu:hover { background: #ffedd0; } .wv-sr-footer { padding: 10px 14px; text-align: center; border-top: 1px solid var(--border-color); background: var(--bg-surface-muted); } .wv-sr-footer a { font-size: 12.5px; font-weight: 700; color: #f7941d; text-decoration: none; } .wv-sr-footer a:hover { text-decoration: underline; } .nav-doviz-row { display: flex; align-items: center; justify-content: flex-start; gap: 4px; padding: 4px 20px; background: var(--bg-surface); border-bottom: 1px solid var(--border-color); font-size: 14px; font-weight: 600; color: var(--text-primary); text-decoration: none; } .nav-doviz-row:hover, .nav-doviz-row:active { color: #f7941d; text-decoration: none; } .nav-doviz-row svg { flex-shrink: 0; } .nav-mobile-menu { display: none; background: var(--bg-surface); border-bottom: 1px solid var(--border-color); padding: 8px 0; } .nav-mobile-menu.open { display: block; max-height: calc(100vh - 130px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .nav-mobile-menu a, .nav-mobile-menu button { display: flex; align-items: center; gap: 10px; padding: 11px 20px; font-size: 14px; color: var(--text-primary); text-decoration: none; border-bottom: 1px solid var(--border-color); } .nav-mobile-menu button { width: 100%; background: none; border-left: none; border-right: none; border-top: none; cursor: pointer; text-align: left; font-family: inherit; } .nav-mobile-menu a:last-child, .nav-mobile-menu button:last-child { border-bottom: none; } .nav-mobile-menu a:hover, .nav-mobile-menu button:hover { background: var(--bg-surface-muted); color: #f7941d; } .nav-mobile-menu a i, .nav-mobile-menu button i { width: 18px; text-align: center; color: #f7941d; } .nav-desktop { display: none; } .nav-utility-bar { display: none; background: #0f2138; color: #c7d1de; } .nav-utility-inner { max-width: 1180px; margin: 0 auto; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; font-size: 11.5px; } .nav-utility-left { display: flex; gap: 20px; align-items: center; } .nav-utility-right { display: flex; gap: 10px; align-items: center; } .nav-utility-bar a { color: #c7d1de; text-decoration: none; } .nav-utility-bar a:hover { color: #fff; } .nav-utility-fx { color: #8fa0b5; margin-right: 6px; } .nav-utility-cta { display: flex; align-items: center; gap: 6px; padding: 5px 13px; border-radius: 16px; font-weight: 600; white-space: nowrap; } .nav-utility-cta i { font-size: 11px; } .nav-utility-cta--icon-only { padding: 7px; width: 30px; height: 30px; justify-content: center; gap: 0; } .nav-utility-cta--icon-only i { font-size: 14px; } .nav-utility-cta-orange { background: rgba(247,148,29,.16); color: #ffc773 !important; } .nav-utility-cta-orange:hover { background: #f7941d; color: #fff !important; } .nav-utility-cta-teal { background: rgba(15,110,86,.35); color: #6fd6b8 !important; } .nav-utility-cta-teal:hover { background: #0f6e56; color: #fff !important; } .nav-utility-cta-blue { background: rgba(59,130,246,.20); color: #93c5fd !important; } .nav-utility-cta-blue:hover { background: #2563eb; color: #fff !important; } .nav-utility-cta-purple { background: rgba(139,92,246,.20); color: #c4b5fd !important; } .nav-utility-cta-purple:hover { background: #7c3aed; color: #fff !important; } .nav-utility-user { position: relative; } .nav-utility-user .nav-utility-cta { cursor: pointer; } .wv-nav-user-caret { font-size: 8px !important; opacity: .75; margin-left: 1px; } .nav-utility-user-menu { margin-top: 10px; min-width: 180px; border-radius: 8px; border: none; box-shadow: 0 12px 28px rgba(20,20,15,.18); padding: 6px; } .nav-utility-user-menu a { display: flex !important; align-items: center; gap: 8px; color: #28394d !important; font-size: 13px; font-weight: 600; padding: 9px 10px !important; border-radius: 6px; } .nav-utility-user-menu a:hover { background: #fff4e5; color: #f7941d !important; } .nav-accent-line { display: none; height: 3px; background: linear-gradient(90deg, #f7941d, #ffc773); } .trust-bar { display: none; border-top: 1px solid var(--border-color); background: var(--bg-surface-muted); width: 100%; } .trust-bar-inner { max-width: 1180px; margin: 0 auto; padding: 8px 15px 6px; display: flex; flex-wrap: wrap; gap: 0; } .trust-item { display: flex; align-items: center; gap: 8px; padding: 4px 14px 4px 0; border-right: 1px solid var(--border-color); margin-right: 14px; flex-shrink: 0; } .trust-item:last-child { border-right: none; margin-right: 0; } .trust-icon { width: 28px; height: 28px; background: rgba(247,148,29,0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .trust-text-main { font-size: 11px; font-weight: 700; color: var(--text-primary); line-height: 1.2; } .trust-text-sub { font-size: 10px; color: var(--text-muted); line-height: 1.2; } @media (min-width: 1200px) { .nav-top-row { display: none; } .nav-search-row { display: none; } .nav-doviz-row { display: none; } .nav-mobile-menu { display: none !important; } .nav-desktop { display: block; } .nav-utility-bar { display: block; } .nav-accent-line { display: block; } .trust-bar { display: flex; } } @media (max-width: 1199px) { .nav-desktop { display: none !important; } .nav-top-row { display: flex; } .nav-search-row { display: flex; } .nav-doviz-row { display: flex; } } .navbar-nav > li > a, .navbar-nav > li > button.nav-link { display: flex !important; align-items: center; gap: 5px; padding: 9px 12px !important; text-align: inherit; cursor: pointer; text-transform: none !important; font-weight: 600 !important; font-size: 13px !important; color: var(--text-primary) !important; border-radius: 6px; } .navbar-nav > li > a:hover, .navbar-nav > li > button.nav-link:hover { color: #f7941d !important; } .navbar-nav > li > button.nav-link { background: none; border: none; appearance: none; -webkit-appearance: none; line-height: 20px; } .nav-ghost-btn { border: 1.5px solid #0f2138 !important; border-radius: 20px !important; padding: 7px 16px !important; margin-left: 4px; } .nav-ghost-btn:hover { background: #0f2138; color: #fff !important; } .basket-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; background: #f7941d; color: #fff; font-size: 10px; font-weight: 700; border-radius: 9px; padding: 0 4px; margin-left: 2px; } .wv-search-wrap { position: relative; } .wv-search-wrap.wv-open .wv-search-toggle { color: #f7941d !important; } .wv-search-overlay { display: none; position: fixed; inset: 0; background: rgba(20,28,38,.55); z-index: 2000; align-items: flex-start; justify-content: center; padding: 110px 16px 16px; } @media (max-width: 1199px) { .wv-search-overlay { padding-top: 64px; } } .wv-search-overlay.wv-open { display: flex; } .wv-search-modal { position: relative; background: var(--bg-surface); border-radius: 12px; max-width: 560px; width: 100%; padding: 20px; box-shadow: 0 20px 50px rgba(0,0,0,.25); } .search-desktop-wrap input { width: 100%; height: 36px; padding: 0 12px; border: 1px solid var(--border-color-strong); border-right: none; border-radius: 4px 0 0 4px; font-size: 14px; outline: none; background: var(--bg-surface); color: var(--text-primary); } .search-desktop-wrap input:focus { border-color: #f7941d; } .search-desktop-wrap .d-input-group { display: flex; position: relative; } .search-desktop-wrap .d-clear { height: 36px; padding: 0 10px; border: 1px solid var(--border-color-strong); border-left: none; border-right: none; background: var(--bg-hover); color: var(--text-muted); cursor: pointer; display: none; font-size: 13px; } .search-desktop-wrap .d-search { height: 36px; padding: 0 16px; background: #f7941d; color: #fff; border: 1px solid #f7941d; border-radius: 0 4px 4px 0; font-size: 14px; font-weight: 600; cursor: pointer; } .search-desktop-wrap .d-search:hover { background: #e07c08; } .wv-destek-link { display: flex; align-items: center; gap: 6px; padding: 7px 12px !important; font-size: 13px; font-weight: 700; color: #0f6e56 !important; background: #e6f2ee; border-radius: 20px; margin: 8px 11px; } .wv-destek-link:hover { background: #d7ebe4; } .wv-mobile-destek { color: #0f6e56 !important; } .wv-mobile-destek i { color: #0f6e56 !important; } .wv-mega-wrap { position: static; } .wv-mega-toggle { background: none; border: none; } .wv-mega-toggle .wv-chev { font-size: 10px; opacity: .7; transition: transform .15s; margin-left: 2px; } .wv-mega-toggle.wv-open .wv-chev { transform: rotate(180deg); } .wv-mega { position: fixed; left: 0; right: 0; top: 0; background: var(--bg-surface); border-top: 1px solid var(--border-color); box-shadow: 0 16px 32px rgba(20,20,15,.12); display: none; z-index: 1029; max-height: 70vh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .wv-mega.wv-open { display: block; } .wv-mega-inner { max-width: 1180px; margin: 0 auto; padding: 20px 24px; position: relative; } .wv-cascade { display: grid; grid-template-columns: 280px 280px 1fr; min-height: 320px; } .wv-cascade-col { border-right: 1px solid var(--border-color); padding: 8px; overflow-y: auto; } .wv-cascade-col:last-child { border-right: none; } .wv-cascade-groups { background: var(--bg-surface-muted); } .wv-cascade-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: 6px; color: var(--text-primary); text-decoration: none; font-size: 13px; cursor: pointer; } .wv-cascade-item .wv-cascade-caret { font-size: 11px; color: var(--text-muted); flex-shrink: 0; } .wv-cascade-groups .wv-cascade-item { font-weight: 600; } .wv-cascade-item:hover { background: #fff4e5; } .wv-cascade-item.wv-active { background: #fff4e5; color: #f7941d; } .wv-cascade-item.wv-active .wv-cascade-caret { color: #f7941d; } .wv-cascade-tips { padding: 16px 20px; } .wv-cascade-empty { color: var(--text-muted); font-size: 13px; padding: 10px 12px; } .wv-cascade-tip-cat { font-size: 15px; font-weight: 700; color: #1c2b3a; margin: 0 0 4px; } .wv-cascade-tip-all { display: inline-block; font-size: 12px; font-weight: 700; color: #f7941d; text-decoration: none; margin-bottom: 14px; } .wv-cascade-tip-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); margin: 0 0 8px; } .wv-cascade-tip-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 16px; } .wv-cascade-tip-grid a { display: block; font-size: 13px; color: var(--text-primary); text-decoration: none; padding: 5px 0; border-bottom: 1px dashed var(--border-color); } .wv-cascade-tip-grid a:hover { color: #f7941d; } .wv-mega-brands { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 6px; } .wv-brand-pill { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 8px; text-decoration: none; } .wv-brand-pill:hover { border-color: #f7941d; background: var(--bg-surface-muted); } .wv-brand-mark { width: 32px; height: 32px; border-radius: 7px; background: #1c2b3a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } .wv-brand-name { font-size: 13px; font-weight: 600; color: var(--text-primary); } .wv-acc-head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 11px 20px; font-size: 14px; color: var(--text-primary); background: none; border: none; border-bottom: 1px solid var(--border-color); text-align: left; } .wv-acc-head .wv-left { display: flex; align-items: center; gap: 10px; } .wv-acc-head i { width: 18px; text-align: center; color: #f7941d; } .wv-acc-head .wv-chev { font-size: 11px; color: var(--text-muted); transition: transform .15s; } .wv-acc-head.wv-open .wv-chev { transform: rotate(180deg); } .wv-acc-body { display: none; background: var(--bg-surface-muted); } .wv-acc-body.wv-open { display: block; } .wv-group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 20px 10px 30px; font-size: 13px; font-weight: 700; color: var(--text-primary); background: var(--bg-hover); border: none; border-bottom: 1px solid var(--border-color); text-align: left; } .wv-group-toggle .wv-chev { font-size: 11px; color: var(--text-muted); transition: transform .15s; } .wv-group-toggle.wv-open .wv-chev { transform: rotate(180deg); } .wv-brand-cat-label { padding: 9px 20px 5px 30px; font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .03em; } .wv-mobile-account-label { padding: 14px 20px 4px 20px; font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .03em; border-top: 1px solid var(--border-color); margin-top: 6px; } .wv-group-body { display: none; } .wv-group-body.wv-open { display: block; } .wv-cat-row { border-bottom: 1px solid var(--border-color); } .wv-cat-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 20px 8px 38px; font-size: 13px; color: var(--text-primary); background: none; border: none; text-align: left; } .wv-cat-btn .wv-chev { font-size: 10px; color: var(--text-muted); transition: transform .15s; } .wv-cat-btn.wv-open .wv-chev { transform: rotate(180deg); } .wv-tip-body { display: none; background: var(--bg-surface); } .wv-tip-body.wv-open { display: block; } .wv-tip-body a { display: block; padding: 7px 20px 7px 54px; font-size: 12.5px; color: var(--text-secondary); text-decoration: none; border-bottom: 1px dashed var(--border-color); } .wv-brand-row a { display: flex; align-items: center; gap: 10px; padding: 8px 20px 8px 38px; font-size: 13px; color: var(--text-primary); text-decoration: none; border-bottom: 1px solid var(--border-color); } .wv-brand-row .wv-dot { width: 6px; height: 6px; border-radius: 50%; background: #f7941d; flex-shrink: 0; } .oi-page { background: var(--bg-surface-muted); min-height: 100vh; padding: 24px 0 48px; } .oi-wrap { max-width: 960px; margin: 0 auto; padding: 0 16px; } .oi-hero { background: var(--bg-surface); border-radius: 12px; border: 1px solid var(--border-color); padding: 5px 24px; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; } .oi-hero-left h2 { font-size: 20px; font-weight: 700; color: var(--text-primary); margin: 0 0 4px; } .oi-hero-left p { font-size: 13px; color: var(--text-muted); margin: 0; } .evrak-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; } .evrak-badge.teklif { background: #e8f2fd; color: #2979d0; } .evrak-badge.siparis { background: #e8f5ec; color: #25a244; } .evrak-badge.beklemede { background: #fdf1e0; color: #f7941d; } .evrak-badge.olumsuz { background: #fbe9e7; color: #d84315; } .oi-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 20px; } @media(max-width:640px) { .oi-stats { grid-template-columns: 1fr 1fr; } } .stat-card { background: var(--bg-surface); border-radius: 10px; border: 1px solid var(--border-color); padding: 14px 16px; } .stat-label { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; } .stat-value { font-size: 18px; font-weight: 700; color: var(--text-primary); } .stat-value.orange { color: #f7941d; } .stat-value.green { color: #25a244; } .product-card { background: var(--bg-surface); border-radius: 12px; border: 1px solid var(--border-color); margin-bottom: 12px; overflow: hidden; } .product-card-body { display: flex; gap: 16px; padding: 16px 20px; align-items: flex-start; } @media(max-width:560px) { .product-card-body { flex-direction: column; } } .product-img { width: 80px; height: 80px; object-fit: contain; border-radius: 8px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); flex-shrink: 0; } .product-img-ph { width: 80px; height: 80px; border-radius: 8px; background: var(--bg-hover); border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .product-info { flex: 1; min-width: 0; } .oi-page .product-name { font-size: 14px !important; font-weight: 600; color: var(--text-primary); text-decoration: none; display: block; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .oi-page .product-name:hover { color: #f7941d; } .oi-page .product-desc { font-size: 12px; color: var(--text-muted); line-height: 1.5; } .product-yorum-yap-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 11.5px; font-weight: 700; color: var(--primary); text-decoration: none; background: none; border: none; padding: 0; cursor: pointer; font-family: inherit; } .product-yorum-yap-link:hover { text-decoration: underline; color: var(--primary); } .product-yorum-yap-link--yapildi { color: var(--stock-ok-text-a11y, #1e7d3a); } .product-yorum-yap-link--yapildi:hover { color: var(--stock-ok-text-a11y, #1e7d3a); } .qb-modal .wv-yorum-form { background: none; border: none; padding: 0; margin-top: 0; } .product-prices { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 10px 20px 14px; background: var(--bg-surface-muted); border-top: 1px solid var(--border-color); } @media(max-width:480px) { .product-prices { grid-template-columns: 1fr 1fr; } } .price-cell { text-align: center; } .price-cell-label { font-size: 10px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; margin-bottom: 2px; } .price-cell-value { font-size: 14px; font-weight: 700; color: var(--text-primary); } .price-cell-value.big { font-size: 16px; color: #f7941d; } .qty-badge { display: inline-flex; align-items: center; justify-content: center; background: #fff4e5; color: #f7941d; border-radius: 6px; font-size: 15px; font-weight: 700; padding: 4px 12px; border: 1px solid #fbd5a3; } .totals-card { background: var(--bg-surface); border-radius: 12px; border: 1px solid var(--border-color); overflow: hidden; margin-bottom: 20px; } .totals-card-header { display: flex; align-items: center; gap: 10px; padding: 14px 20px; background: var(--bg-surface-muted); border-bottom: 1px solid var(--border-color); font-size: 15px; font-weight: 600; color: var(--text-primary); } .totals-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; background: #fff4e5; color: #f7941d; } .totals-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; } @media(max-width:560px) { .totals-grid { grid-template-columns: 1fr; } } .total-cell { padding: 16px 20px; border-bottom: 1px solid var(--border-color); display: flex; flex-direction: column; gap: 4px; } .total-cell:nth-child(odd) { border-right: 1px solid var(--border-color); } @media(max-width:560px) { .total-cell:nth-child(odd) { border-right: none; } } .total-cell-label { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; } .total-cell-value { font-size: 17px; font-weight: 700; color: var(--text-primary); } .total-cell.highlight .total-cell-value { color: #f7941d; font-size: 20px; } .action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 10px; } @media(max-width:480px) { .action-grid { grid-template-columns: 1fr; } } .action-grid.single { grid-template-columns: 1fr; } .btn-action { display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; font-weight: 700; text-decoration: none; cursor: pointer; border: none; transition: filter .15s, transform .1s; } .btn-action:active { transform: scale(0.98); } .btn-action.orange { background: #f7941d; color: #fff; } .btn-action.orange:hover { filter: brightness(1.08); color: #fff; } .btn-action.green { background: #25a244; color: #fff; } .btn-action.green:hover { filter: brightness(1.08); color: #fff; } .btn-action.blue { background: #2979d0; color: #fff; } .btn-action.blue:hover { filter: brightness(1.08); color: #fff; } .btn-action.gray { background: var(--bg-hover); color: var(--text-secondary); border: 1px solid var(--border-color-strong); } .btn-action.gray:hover { background: var(--border-color); } .btn-action.danger { background: #e53935; color: #fff; } .btn-action.danger:hover { filter: brightness(1.08); color: #fff; } .oi-page .btn-action { padding: 18px 20px; font-size: 16px; } .status-banner { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; font-weight: 500; } .status-banner.waiting { background: #fff8ec; border: 1px solid #fbd5a3; color: #7a4800; } .status-banner.success { background: #e8f5ec; border: 1px solid #a3d9b1; color: #1a5e35; } .status-banner.pickup { background: #eaf3ff; border: 1px solid #a9cdf5; color: #0d3b70; align-items: flex-start; } .status-banner i { font-size: 20px; flex-shrink: 0; } .od-page { background: var(--bg-surface-muted); min-height: 100vh; padding: 32px 0 48px; } .od-wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; } .status-card { background: var(--bg-surface); border-radius: 16px; border: 1px solid var(--border-color); text-align: center; padding: 36px 24px; margin-bottom: 20px; } .status-icon-wrap { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto 16px; } .status-icon-wrap.green { background: #e8f5ec; color: #25a244; } .status-icon-wrap.orange { background: #fff4e5; color: #f7941d; } .status-icon-wrap.red { background: #fdecea; color: #e53935; } .status-title { font-size: 22px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; } .status-subtitle { font-size: 14px; color: var(--text-secondary); line-height: 1.6; } .status-evrak { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 8px 20px; background: var(--bg-hover); border-radius: 20px; font-size: 14px; font-weight: 600; color: var(--text-secondary); } .co-icon.red { background: #fdecea; color: #e53935; } .od-page .co-card-body { padding: 16px 20px; } .payment-steps { display: flex; flex-direction: column; gap: 12px; } .payment-step { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-radius: 10px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); } .step-num { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: #f7941d; color: #fff; } .step-body strong { font-size: 14px; color: var(--text-primary); display: block; margin-bottom: 2px; } .step-body span { font-size: 13px; color: var(--text-secondary); line-height: 1.5; } .iban-list { display: flex; flex-direction: column; gap: 8px; } .od-page .iban-row { gap: 10px; padding: 10px 14px; border-radius: 8px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); } .iban-bank-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .iban-bank-name { font-size: 12px; font-weight: 600; color: var(--text-secondary); min-width: 100px; } .od-page .iban-number { font-size: 13px; color: var(--text-primary) !important; } .iban-copy { width: 30px; height: 30px; border-radius: 6px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--border-color-strong); font-size: 12px; color: var(--text-muted); cursor: pointer; transition: all .15s; } .iban-copy:hover { background: #fff4e5; color: #f7941d; border-color: #f7941d; } .iban-copy.copied { background: #e8f5ec; color: #25a244; border-color: #25a244; } .od-item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border-color); } .od-item:last-child { border-bottom: none; } .od-item-img { width: 44px; height: 44px; object-fit: contain; border-radius: 6px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); flex-shrink: 0; } .od-item-img-ph { width: 44px; height: 44px; border-radius: 6px; background: var(--bg-hover); border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .od-item-name { flex: 1; font-size: 13px; color: var(--text-primary); } .od-item-qty { font-size: 11px; color: var(--text-muted); } .od-item-price { font-size: 13px; font-weight: 600; color: var(--text-primary); white-space: nowrap; } .od-page .sum-line { padding: 7px 0; } .od-page .sum-line.big { font-size: 16px; font-weight: 700; color: var(--text-primary); padding-top: 12px; border-top: 2px solid var(--border-color); border-bottom: none; margin-top: 4px; } .od-page .sum-line.big span:last-child { color: #f7941d; } .action-row { display: flex; flex-direction: column; gap: 10px; } .od-page .btn-action { padding: 15px 20px; font-size: 15px; width: 100%; } .btn-action.wa { background: #25d366; color: #fff; } .btn-action.wa:hover { background: #1da84e; color: #fff; } .btn-action.outline { background: transparent; color: #f7941d; border: 1.5px solid #f7941d; } .btn-action.outline:hover { background: #fff4e5; } .panel-body img { max-width: 100%; height: auto; border-radius: 8px; } .tabs-container .nav-tabs .nav-link.active { background-color: #b35900 !important; color: var(--white) !important; } .tabs-container .nav-tabs .nav-link.active i { color: var(--white) !important; } .wv-destek-list { display: flex; flex-direction: column; gap: 8px; } .wv-destek-item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--border-color); border-radius: 8px; color: var(--text-primary); text-decoration: none; transition: border-color .15s ease, background-color .15s ease; } .wv-destek-item:hover, .wv-destek-item:focus { border-color: var(--primary); background-color: var(--bg-surface-muted); color: var(--text-primary); text-decoration: none; } .wv-destek-icon { flex-shrink: 0; width: 26px; font-size: 20px; text-align: center; color: var(--primary); } .wv-destek-baslik { flex: 1; font-weight: 600; } .wv-destek-ok { flex-shrink: 0; color: var(--text-muted); } .wv-dosya-ext { margin-left: 8px; padding: 1px 6px; border-radius: 4px; background: var(--bg-surface-muted); color: var(--text-secondary); font-size: 11px; font-weight: 700; vertical-align: middle; } .wv-dosya-indir { flex-shrink: 0; color: var(--primary); font-size: 13px; font-weight: 600; white-space: nowrap; } .wv-destek-row { position: relative; display: flex; align-items: stretch; gap: 8px; } .wv-destek-row .wv-destek-item { flex: 1; min-width: 0; } .wv-destek-share-btn, .wv-destek-print-btn { flex-shrink: 0; width: 48px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--bg-surface); color: var(--text-secondary); font-size: 16px; cursor: pointer; transition: border-color .15s ease, color .15s ease; } .wv-destek-share-btn:hover, .wv-destek-share-btn[aria-expanded="true"], .wv-destek-print-btn:hover { border-color: var(--primary); color: var(--primary); } .wv-destek-share-menu { display: none; position: absolute; top: calc(100% + 4px); right: 0; z-index: 50; min-width: 170px; background: var(--bg-surface); border-radius: 8px; box-shadow: 0 12px 28px rgba(20,20,15,.18); padding: 6px; } .wv-destek-share-menu.open { display: block; } .wv-destek-share-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: none; background: none; border-radius: 6px; color: var(--text-primary); font-size: 13px; text-align: left; text-decoration: none; cursor: pointer; } .wv-destek-share-item:hover, .wv-destek-share-item:focus { background: var(--bg-hover); color: var(--text-primary); text-decoration: none; } .wv-destek-share-item i { width: 16px; text-align: center; color: var(--primary); } .wv-destek-share-item.wv-destek-share-copied i { color: #25b869; } .wv-destek-row-highlight .wv-destek-item { border-color: var(--primary); background-color: #fff7ec; transition: border-color .3s ease, background-color .3s ease; } .wv-destek-item-all { border-color: var(--primary); border-left-width: 3px; background-color: #fafafa; } .wv-destek-item-all:hover, .wv-destek-item-all:focus { background-color: #f2f2f2; } .wv-destek-item-all .wv-destek-baslik { color: var(--primary); } .wv-destek-item-all .wv-destek-ok { color: var(--primary); } .wv-taksit-note { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 14px; padding: 10px 14px; background: #fff8ec; border: 1px solid #f7e0b8; border-radius: 8px; font-size: 13px; color: #6b5330; text-align: left; } .wv-taksit-note i { color: #f7941d; margin-top: 2px; flex-shrink: 0; } .th-card { max-width: 560px; margin: 0 auto; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 12px; padding: 24px; } .th-tutar-satir label { display: block; font-size: 12px; font-weight: 700; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 8px; } .th-tutar-input-wrap { position: relative; } .th-tutar-input-wrap input { width: 100%; border: 1px solid var(--border-color-strong); border-radius: 8px; padding: 12px 48px 12px 14px; font-size: 20px; font-weight: 700; color: var(--text-primary); background: var(--bg-page); font-family: inherit; } .th-tutar-input-wrap input:focus { outline: none; border-color: var(--primary); } .th-tutar-birim { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 700; color: var(--text-muted); pointer-events: none; } .th-durum { min-height: 18px; margin-top: 10px; font-size: 12.5px; color: var(--text-muted); } .th-tablo-alani { margin-top: 18px; } .th-tablo-basliklar, .th-tablo-satir { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 8px; align-items: center; } .th-tablo-basliklar { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--text-muted); padding: 0 4px 8px; border-bottom: 1px solid var(--border-color); } .th-tablo-satir { padding: 11px 4px; border-bottom: 1px solid var(--border-color); font-size: 13.5px; color: var(--text-primary); } .th-tablo-satir:last-child { border-bottom: none; } .th-tablo-etiket { font-weight: 700; } .th-detay-btn { width: 100%; margin-top: 14px; padding: 10px; border-radius: 8px; background: transparent; border: 1px solid var(--border-color-strong); color: var(--text-primary); font-size: 12.5px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; } .th-detay-btn:hover { background: var(--bg-hover); } .th-not { display: flex; align-items: flex-start; gap: 8px; margin-top: 20px; padding: 10px 14px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); border-radius: 8px; font-size: 12px; color: var(--text-muted); text-align: left; } .th-not i { color: var(--primary); margin-top: 2px; flex-shrink: 0; } #paytr_taksit_tablosu { clear: both; font-size: 12px; max-width: 1200px; text-align: center; font-family: Arial, sans-serif; } #paytr_taksit_tablosu::before { display: table; content: " "; } #paytr_taksit_tablosu::after { content: ""; clear: both; display: table; } .taksit-tablosu-wrapper { margin: 5px; width: 280px; padding: 12px; cursor: default; text-align: center; display: inline-block; border: 1px solid #e1e1e1; } .taksit-logo img { max-height: 28px; padding-bottom: 10px; } .taksit-tutari-text { float: left; width: 126px; color: #a2a2a2; margin-bottom: 5px; } .taksit-tutar-wrapper { display: inline-block; background-color: #f7f7f7; } .taksit-tutar-wrapper:hover { background-color: #e8e8e8; } .taksit-tutari { float: left; width: 126px; padding: 6px 0; color: #474747; border: 2px solid #ffffff; } .taksit-tutari-bold { font-weight: bold; } @media all and (max-width: 600px) { .taksit-tablosu-wrapper { margin: 5px 0; } } .product-image-slide img { padding: 1px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; display: block; } .product-image-slide > a { display: block; width: 100%; } @media (max-width: 768px) { .product-thumbnail-slider { display:none; } } .product-thumbnail-slide { max-width: 175px; width: 175px; height: 175px; margin-right: 10px; display: flex; overflow: hidden; border: 1px solid #ddd; cursor: pointer; margin-top: 5px; box-sizing: border-box; flex-shrink: 0; } .product-thumbnail-slide img { padding: 1px; width: 100%; height: 100%; object-fit: contain; display: block; } .blueimp-gallery { background: rgba(10, 10, 10, 0.85) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .blueimp-gallery > .slides { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .blueimp-gallery > .slides > .slide { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 60px 80px !important; box-sizing: border-box !important; } .blueimp-gallery > .slides > .slide > .slide-content { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; margin: auto !important; border-radius: 8px !important; box-shadow: 0 4px 32px rgba(0,0,0,0.7) !important; background: transparent !important; } .blueimp-gallery > .slides > .slide > .video-content { max-width: 100% !important; max-height: 100% !important; width: 80vw !important; height: 80vw !important; background: #000 !important; } .blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; width: 44px !important; height: 44px !important; background-image: none !important; background-color: rgba(255,255,255,0.2) !important; border: 2px solid rgba(255,255,255,0.6) !important; text-indent: 0 !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; opacity: 1 !important; transition: background 0.2s !important; } .blueimp-gallery > .prev { left: 16px !important; } .blueimp-gallery > .next { right: 16px !important; } .blueimp-gallery > .prev::after, .blueimp-gallery > .next::after { display: none !important; } .blueimp-gallery > .prev::before { content: '‹' !important; font-size: 38px !important; line-height: 1 !important; color: #fff !important; } .blueimp-gallery > .next::before { content: '›' !important; font-size: 38px !important; line-height: 1 !important; color: #fff !important; } .blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover { background-color: rgba(255,255,255,0.38) !important; } .blueimp-gallery > .close { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 10 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background-image: none !important; background-color: rgba(255,255,255,0.2) !important; border: 2px solid rgba(255,255,255,0.6) !important; text-indent: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; opacity: 1 !important; transition: background 0.2s !important; } .blueimp-gallery > .close::after { display: none !important; } .blueimp-gallery > .close::before { content: '✕' !important; font-size: 18px !important; color: #fff !important; line-height: 1 !important; } .blueimp-gallery > .close:hover { background-color: rgba(200,40,40,0.7) !important; } .blueimp-gallery > .title { position: absolute !important; bottom: 18px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 10 !important; display: block !important; visibility: visible !important; opacity: 1 !important; max-width: 65% !important; color: #fff !important; font-size: 13px !important; padding: 5px 18px !important; border-radius: 20px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: center !important; pointer-events: none !important; } body.blueimp-gallery-open { overflow: hidden !important; } .site-footer { background-color: var(--bg-surface-muted); color: var(--text-secondary); font-size: 13.5px; line-height: 1.7; } .footer-trust { border-bottom: 1px solid var(--border-color); padding: 13px 0; } .footer-trust-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; justify-content: center; } .ft-item { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--text-muted); white-space: nowrap; } .ft-item i { font-size: 13px; } .ft-item .o { color: #f7941d; } .ft-item .g { color: #25a244; } .ft-sep { width: 1px; height: 18px; background: var(--border-color-strong); flex-shrink: 0; } @media (max-width: 600px) { .ft-sep { display: none; } } .footer-brand-bar { border-bottom: 1px solid var(--border-color); padding: 20px 0; } .footer-brand-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; } .footer-logo img { height: 50px; width: auto; object-fit: contain; } .footer-badges { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .footer-badges img { height: 26px; object-fit: contain; background: #fff; padding: 7px 12px; border-radius: 8px; border: 1px solid rgba(0,0,0,.06); box-shadow: 0 1px 4px rgba(0,0,0,.10); transition: transform .15s ease, box-shadow .15s ease; } .footer-badges img:hover { opacity: 1; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,.16); } .footer-main { max-width: 1100px; margin: 0 auto; padding: 36px 24px; display: grid; grid-template-columns: 2fr 1.5fr 1.1fr 1.5fr; gap: 36px; } @media (max-width: 900px) { .footer-main { grid-template-columns: 1fr 1fr; } } @media (max-width: 520px) { .footer-main { grid-template-columns: 1fr; } } .footer-col h6 { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--accent-text-a11y); margin: 0 0 13px; padding-bottom: 8px; border-bottom: 1px solid var(--border-color); } .footer-col p { font-size: 13px; color: var(--text-muted); line-height: 1.7; } .footer-col li { margin-left: -35px; } .fc-row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; } .fc-icon { width: 30px; height: 30px; border-radius: 7px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 12px; background: var(--bg-hover); } .fc-icon.o { color: #f7941d; } .fc-icon.g { color: #25a244; } .fc-text { font-size: 13px; color: var(--text-secondary); } .fc-text a { color: var(--text-primary); text-decoration: none; } .fc-text a:hover { color: #f7941d; } .fc-label { font-size: 11px; color: var(--text-muted); margin-bottom: 1px; } .social-row { display: flex; gap: 7px; margin-top: 15px; } .social-btn { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--bg-hover); color: var(--text-muted); font-size: 14px; text-decoration: none; transition: background .15s, color .15s; } .social-btn:hover { background: #f7941d; color: #fff; } .social-btn.wa:hover { background: #25d366; color: #fff; } .social-btn.fb:hover { background: #1877f2; color: #fff; } .social-btn.ig:hover { background: #e1306c; color: #fff; } .social-btn.tw:hover { background: #000; color: #fff; } .social-btn.yt:hover { background: #ff0000; color: #fff; } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 7px; } .footer-col ul li a { color: var(--text-secondary); text-decoration: none; font-size: 13px; display: flex; align-items: center; gap: 6px; transition: color .15s; } .footer-col ul li a i { font-size: 10px; color: var(--border-color-strong); } .footer-col ul li a:hover { color: #f7941d; } .footer-col ul li a:hover i { color: #f7941d; } .brand-tags { display: flex; flex-wrap: wrap; gap: 6px; } .brand-tag { font-size: 11px; font-weight: 600; padding: 4px 9px; border-radius: 5px; color: var(--text-muted); text-decoration: none; letter-spacing: 0.04em; border: 1px solid var(--border-color); transition: background .15s, color .15s, border-color .15s; } .brand-tag:hover { background: #f7941d; color: #fff; border-color: #f7941d; } .footer-legal-links { display: flex; flex-direction: column; gap: 7px; } .footer-legal-links a { color: var(--text-secondary); text-decoration: none; font-size: 13px; display: flex; align-items: center; gap: 7px; transition: color .15s; } .footer-legal-links a i { font-size: 11px; color: var(--text-muted); width: 14px; text-align: center; flex-shrink: 0; } .footer-legal-links a:hover { color: #f7941d; } .firma-info { border: 1px solid var(--border-color); border-radius: 7px; padding: 10px 13px; margin-top: 10px; font-size: 12px; color: var(--text-muted); line-height: 1.8; } .footer-bottom { border-top: 1px solid var(--border-color); padding: 14px 24px; } .footer-bottom-inner { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; } .footer-bottom p { font-size: 12px; color: var(--text-muted); margin: 0; } .footer-bottom p strong { color: var(--text-secondary); } .ssl-badge { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-muted); border: 1px solid var(--border-color); border-radius: 6px; padding: 5px 11px; } .ssl-badge i { color: #25a244; } .wv-yorum-ozet { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--border-color); } .wv-yorum-ozet-puan { text-align: center; min-width: 110px; } .wv-yorum-ozet-etiket { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); margin-bottom: 6px; } .wv-yorum-ozet-sayi { font-size: 42px; font-weight: 700; color: var(--text-primary); line-height: 1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; } .wv-yorum-ozet-adet { font-size: 12px; color: var(--text-muted); margin-top: 6px; } .wv-yorum-yildizlar { color: #f5a623; font-size: 13px; letter-spacing: 2px; } .wv-yorum-yildizlar--buyuk { font-size: 16px; margin: 8px 0; } .wv-yorum-yildizlar i.far { color: var(--border-color); } .wv-yorum-ozet-dagilim { flex: 1; min-width: 220px; max-width: 360px; display: flex; flex-direction: column; gap: 6px; justify-content: center; padding-left: 28px; border-left: 1px solid var(--border-color); } .wv-yorum-dagilim-satir { display: flex; align-items: center; gap: 10px; font-size: 11.5px; color: var(--text-muted); } .wv-yorum-dagilim-satir span:first-child { width: 30px; flex-shrink: 0; } .wv-yorum-dagilim-satir span:first-child i { color: #f5a623; font-size: 9px; } .wv-yorum-dagilim-bar { flex: 1; height: 4px; border-radius: 999px; background: var(--bg-surface-muted); overflow: hidden; } .wv-yorum-dagilim-dolu { height: 100%; background: #f5a623; border-radius: 999px; } .wv-yorum-dagilim-adet { width: 20px; text-align: right; flex-shrink: 0; font-variant-numeric: tabular-nums; } @media (max-width: 480px) { .wv-yorum-ozet-dagilim { border-left: none; padding-left: 0; } } .wv-yorum-bos { color: var(--text-muted); font-size: 13.5px; padding: 6px 0; } .wv-yorum-ai-ozet { padding: 14px 0 14px 16px; margin-bottom: 28px; border-left: 2px solid var(--border-color-strong); border-bottom: 1px solid var(--border-color); } .wv-yorum-ai-ozet-baslik { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--accent-text-a11y, #b35900); margin-bottom: 6px; } .wv-yorum-ai-ozet-baslik i { margin-right: 5px; } .wv-yorum-ai-ozet-metin { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; max-width: 720px; } .wv-yorum-benim-alanim { margin-bottom: 32px; } .wv-yorum-uyari { font-size: 13.5px; color: var(--text-secondary); padding: 2px 0; } .wv-yorum-uyari a { color: var(--accent-text-a11y, #b35900); font-weight: 600; } .wv-yorum-kendi-liste { display: flex; flex-direction: column; } .wv-yorum-kendi-kart { padding: 16px 0; border-bottom: 1px solid var(--border-color); } .wv-yorum-kendi-liste .wv-yorum-kendi-kart:first-child { padding-top: 0; } .wv-yorum-kendi-liste .wv-yorum-kendi-kart:last-child { border-bottom: none; padding-bottom: 4px; } .wv-yorum-yeni-btn { margin-top: 14px; } .wv-yorum-kendi-baslik { font-size: 13px; font-weight: 700; color: var(--text-primary); display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .wv-yorum-rozet { font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: .03em; } .wv-yorum-rozet--yayinda { background: #e6f4ea; color: #1e7d3a; } .wv-yorum-rozet--bekliyor { background: #fff3e0; color: #ad6a00; } .wv-yorum-rozet--red { background: #fdeceb; color: #b3261e; } :root[data-theme="dark"] .wv-yorum-rozet--yayinda { background: #163a24; color: #4fd881; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-yorum-rozet--yayinda { background: #163a24; color: #4fd881; } } :root[data-theme="dark"] .wv-yorum-rozet--bekliyor { background: #3a2c0e; color: #ffb84d; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-yorum-rozet--bekliyor { background: #3a2c0e; color: #ffb84d; } } :root[data-theme="dark"] .wv-yorum-rozet--red { background: #3a1c19; color: #ff8a75; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-yorum-rozet--red { background: #3a1c19; color: #ff8a75; } } .wv-yorum-red-nedeni { font-size: 12.5px; color: var(--text-muted); margin-bottom: 10px; } .wv-yorum-red-nedeni i { color: #b3261e; margin-right: 4px; } .wv-yorum-satir-baslik { font-size: 14px; font-weight: 700; color: var(--text-primary); margin: 8px 0 3px; } .wv-yorum-satir-metin { font-size: 13.5px; color: var(--text-secondary); line-height: 1.7; white-space: pre-wrap; max-width: 720px; } .wv-yorum-resimler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .wv-yorum-resim-kutu { position: relative; width: 68px; height: 68px; border-radius: 8px; overflow: hidden; border: 1px solid var(--border-color); display: block; } .wv-yorum-resim-kutu img { width: 100%; height: 100%; object-fit: cover; display: block; } .wv-yorum-resim-sil { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; border: none; font-size: 9px; line-height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .wv-yorum-kendi-aksiyon { display: flex; gap: 8px; margin-top: 14px; } .wv-yorum-btn { display: inline-flex; align-items: center; gap: 6px; border: none; border-radius: 7px; padding: 8px 16px; font-size: 12.5px; font-weight: 700; cursor: pointer; text-decoration: none; } .wv-yorum-btn--birincil { background: var(--primary); color: #fff; } .wv-yorum-btn--birincil:hover { opacity: .9; color: #fff; } .wv-yorum-btn--ikincil { background: transparent; border: 1px solid var(--border-color-strong); color: var(--text-primary); } .wv-yorum-btn--ikincil:hover { background: var(--bg-hover); } .wv-yorum-btn--tehlike { background: #fdeceb; color: #b3261e; } :root[data-theme="dark"] .wv-yorum-btn--tehlike { background: #3a1c19; color: #ff8a75; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-yorum-btn--tehlike { background: #3a1c19; color: #ff8a75; } } .wv-yorum-form { background: var(--bg-surface); border: 1px solid var(--border-color-strong); border-top: 3px solid var(--primary); border-radius: 8px; padding: 22px 24px 20px; margin-top: 12px; } .wv-yorum-form--gizli { display: none; } .wv-yorum-form-baslik { font-size: 15px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .wv-yorum-form-not { font-size: 12px; color: var(--text-muted); margin-bottom: 14px; } .wv-yorum-form-not i { margin-right: 4px; } .wv-yorum-form-satir { margin-bottom: 16px; } .wv-yorum-form-satir label { display: block; font-size: 12px; font-weight: 600; color: var(--text-secondary); margin-bottom: 6px; } .wv-yorum-form-satir input[type="text"], .wv-yorum-form-satir input[type="tel"], .wv-yorum-form-satir textarea { width: 100%; border: 1px solid var(--border-color); border-radius: 7px; padding: 9px 12px; font-size: 13.5px; background: var(--bg-page); color: var(--text-primary); font-family: inherit; } .wv-yorum-form-satir textarea { resize: vertical; } .wv-yorum-metin-yardimci { min-height: 15px; margin-top: 5px; font-size: 11.5px; } .wv-yorum-metin-yardimci--tesvik { color: var(--accent-text-a11y, #b35900); } .wv-yorum-yildiz-secici { font-size: 22px; color: #d9d9d9; cursor: pointer; } .wv-yorum-yildiz-secici i { margin-right: 4px; transition: color .1s; } .wv-yorum-yildiz-secici i.fas { color: #f5a623; } .wv-yorum-resim-onizleme { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .wv-yorum-resim-onizleme .wv-yorum-resim-kutu { border-style: dashed; } .wv-yorum-form-sonuc { font-size: 12.5px; margin-bottom: 10px; } .wv-yorum-form-sonuc.basarili { color: #1e7d3a; } .wv-yorum-form-sonuc.hata { color: #b3261e; } .wv-yorum-form-aksiyon { display: flex; gap: 8px; } .wv-yorum-liste { display: flex; flex-direction: column; gap: 28px; padding-top: 28px; border-top: 1px solid var(--border-color); } .wv-yorum-satir { padding-bottom: 28px; border-bottom: 1px solid var(--border-color); } .wv-yorum-satir:last-child { border-bottom: none; padding-bottom: 0; } .wv-yorum-satir-ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; } .wv-yorum-satir-ad { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 17px; background: var(--bg-surface-muted); border: 1px solid var(--border-color); font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--text-primary); } .wv-yorum-dogrulanmis { font-size: 11px; font-weight: 600; color: #1e7d3a; display: inline-flex; align-items: center; gap: 4px; } :root[data-theme="dark"] .wv-yorum-dogrulanmis { color: #4fd881; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wv-yorum-dogrulanmis { color: #4fd881; } } .wv-yorum-satir-tarih { font-size: 11.5px; color: var(--text-muted); margin-left: auto; } .wv-yorum-satin-alma-suresi { font-size: 11.5px; font-weight: 600; color: var(--text-muted); display: inline-flex; align-items: center; gap: 4px; } .wv-yorum-kendi-kart .wv-yorum-satin-alma-suresi { margin: 2px 0 10px; } .wv-yorum-yonetici-yanit { margin-top: 14px; padding: 2px 0 2px 14px; border-left: 2px solid var(--primary); font-size: 13px; color: var(--text-secondary); } .wv-yorum-yonetici-yanit-baslik { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--text-muted); margin-bottom: 4px; } .wv-yorum-yonetici-yanit-baslik i { margin-right: 4px; } .acc-wrap { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; } .acc { border-bottom: 1px solid var(--border-color); } .acc:last-child { border-bottom: none; } .acc > summary { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 16px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 700; color: var(--text-primary); scroll-margin-top: 90px; } .acc > summary::-webkit-details-marker { display: none; } .acc > summary::marker { content: ""; } .acc[open] > summary { color: var(--accent-text-a11y, #b35900); } .acc > summary .ic { flex-shrink: 0; width: 20px; text-align: center; color: inherit; } .acc > summary .lbl { flex: 1; min-width: 0; } .acc > summary .peek { font-size: 12px; font-weight: 400; color: var(--text-secondary); max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .acc[open] > summary .peek { display: none; } .acc > summary .cnt { flex-shrink: 0; background: var(--primary); color: #fff; font-size: 11px; font-weight: 700; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; } .acc > summary .chev { flex-shrink: 0; font-size: 10px; color: var(--text-secondary); transition: transform .2s ease; } .acc[open] > summary .chev { transform: rotate(180deg); } .acc > .a-body { padding: 4px 16px 22px; } @media (max-width: 480px) { .acc > summary .peek { max-width: 130px; } .acc > summary { font-size: 13px; padding: 10px 12px; } .acc > .a-body { padding: 4px 12px 20px; } } .acc .sub { border-top: 1px solid var(--border-color); } .acc .sub:first-child { border-top: none; } .acc .sub > summary { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 10px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 700; color: var(--text-primary); } .acc .sub > summary::-webkit-details-marker { display: none; } .acc .sub > summary::marker { content: ""; } .acc .sub[open] > summary { color: var(--accent-text-a11y, #b35900); } .acc .sub > summary .chev { margin-left: auto; flex-shrink: 0; font-size: 10px; color: var(--text-secondary); transition: transform .2s ease; } .acc .sub[open] > summary .chev { transform: rotate(180deg); } .acc .sub-body { padding: 2px 0 16px; } .acc .panel-body p, .acc .panel-body section p, .acc .panel-body article p, .acc .panel-body header p { color: var(--text-primary); font-size: inherit; } .acc .panel-body { border: none; background: transparent; border-radius: 0; padding: 0; } .wv-ozl-cnt { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--text-muted); background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 10px; padding: 1px 8px; min-width: 28px; text-align: center; } .filter-item.wv-ozl-bos { opacity: .4; cursor: default; } .filter-item.wv-ozl-bos label, .filter-item.wv-ozl-bos input { cursor: default; } .wv-ozl-range { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px 8px; } .wv-ozl-range input[type="number"] { width: 92px; padding: 6px 8px; border: 1px solid var(--border-color-strong); border-radius: 8px; background: var(--bg-surface); color: var(--text-primary); } .wv-ozl-range .wv-ozl-uygula { padding: 6px 12px; border: 0; border-radius: 8px; background: #ffa500; color: #fff; font-weight: 600; cursor: pointer; } .wv-ozl-ipucu { flex-basis: 100%; font-size: 12px; color: var(--text-muted); } .wv-ozl-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0 12px; } .wv-ozl-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1.5px solid #ffa500; border-radius: 16px; background: rgba(255,165,0,0.12); color: var(--text-primary); font-size: 13px; font-weight: 600; text-decoration: none; } .wv-ozl-chip:hover { background: rgba(255,165,0,0.25); color: var(--text-primary); text-decoration: none; } .wv-ozl-temizle { font-size: 13px; color: var(--text-secondary); text-decoration: underline; margin-left: 4px; } @media (max-width: 767px) { .wv-ozl-chip { font-size: 12px; } } .wv-ozl-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; align-items: start; margin-left: 0; margin-right: 0; } .wv-ozl-row::before, .wv-ozl-row::after { display: none; } .wv-ozl-row > div { float: none; width: auto; padding: 0; } .wv-ozl-row .filter-box { margin-bottom: 0; } .wv-yan-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; } .wv-yan-count { font-size: 14px; color: var(--text-secondary); } .wv-yan-sort { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 600; color: var(--text-secondary); } .wv-yan-sort select { padding: 6px 10px; border: 1px solid var(--border-color-strong); border-radius: 8px; background: var(--bg-surface); color: var(--text-primary); font-size: 13px; } @media (min-width: 768px) { .wv-yan { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 20px; } .wv-yan > .wv-ozl-chips { flex: 0 0 100%; } .wv-yan > .filter-panel { flex: 0 0 255px; width: 255px; } .wv-yan > .wv-yan-main { flex: 1 1 0; min-width: 0; } .wv-yan .filter-panel .row { display: block; margin-left: 0; margin-right: 0; } .wv-yan .filter-panel .row::before, .wv-yan .filter-panel .row::after { display: none; } .wv-yan .filter-panel .row > [class*="col-"] { float: none; width: 100%; padding: 0; } .wv-yan .filter-panel > .row:first-child > .col-md-4:nth-child(3) { display: none; } .wv-yan .filter-box { margin-bottom: 8px; max-height: 340px; } .wv-yan .filter-item { margin-bottom: 4px !important; } .wv-yan .filter-item label { font-size: 1rem; } .wv-yan #productContainer > .col-md-4 { width: 50%; } } @media (min-width: 1200px) { .wv-yan #productContainer > .col-md-4 { width: 33.3333%; } } .wv-yan #productContainer.wv-list-view > [class*="col-"] { width: 100%; float: none; }
.cat-group { margin: 0 0 36px; padding: 36px 0 0; border-top: 1px solid var(--border-color); } .cat-group:first-child { padding-top: 0; border-top: none; } .cat-group-title { font-size: 22px !important; font-weight: 800; letter-spacing: -0.01em; color: var(--text-primary); margin: 0 0 6px; padding-left: 14px; border-left: 4px solid #f7941d; line-height: 1.25; } .cat-group .cat-group-desc { font-size: 13.5px; line-height: 1.5; color: var(--text-muted); margin: 0 0 16px; padding-left: 18px; max-width: 720px; } .cat-showcase-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; padding: 0 4px; } .cat-card { display: flex; flex-direction: column; background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; text-decoration: none; color: inherit; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .cat-card:hover, .cat-card:focus { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.10); border-color: #f7941d; color: inherit; text-decoration: none; } .cat-img { aspect-ratio: 1 / 1; background: var(--bg-surface-muted); display: flex; align-items: center; justify-content: center; padding: 12%; box-sizing: border-box; } .cat-img img { width: 100%; height: 100%; object-fit: contain; min-height: unset !important; max-height: unset !important; } .cat-name { font-size: 12.5px; font-weight: 600; color: var(--text-secondary); text-align: center; line-height: 1.35; padding: 9px 6px 11px; border-top: 1px solid var(--border-color); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 768px) and (max-width: 991px) { .cat-showcase-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .cat-showcase-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; } .cat-group-title { font-size: 18px !important; padding-left: 11px; border-left-width: 3px; } .cat-group-desc { font-size: 12.5px; } .cat-name { font-size: 11.5px; padding: 7px 4px 9px; } } @media (max-width: 420px) { .cat-showcase-grid { grid-template-columns: repeat(2, 1fr); } }
/* featured.css */
.bt-featured{padding-top:28px;padding-bottom:14px}.bt-featured-shell{position:relative;isolation:isolate;padding:27px;border:1px solid #dbe8f8;border-radius:20px;background:linear-gradient(125deg,#edf5ff 0%,#f9fcff 38%,#f5f8fe 100%);box-shadow:0 10px 38px #1e519309;overflow:hidden}.bt-featured-shell:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:360px;height:260px;right:-100px;top:-150px;border-radius:50%;background:radial-gradient(ellipse,#86baff36,transparent 67%)}.bt-featured-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.bt-featured-badge{display:inline-flex;gap:7px;align-items:center;font-size:9px;line-height:1.5;font-weight:750;letter-spacing:1.4px;color:#1769bf;background:#fff;border:1px solid #d9e8f9;padding:6px 10px;border-radius:6px}.bt-featured-badge svg{width:12px;height:12px;stroke:#1c75d4}.bt-featured-heading h2{font-size:25px;font-weight:700;letter-spacing:-.65px;color:#193d68;margin:11px 0 6px}.bt-featured-heading p{font-size:12px;line-height:1.7;color:#6b819b;margin:0;max-width:570px}.bt-featured-actions{display:flex;align-items:center;gap:21px;flex-shrink:0}.bt-featured-actions>a{display:inline-flex;align-items:center;gap:9px;color:#34679f;font-weight:600;font-size:11px;white-space:nowrap}.bt-featured-actions>a svg{width:13px;height:13px}.bt-featured-controls{display:flex;gap:7px}.bt-featured-controls button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#396caa;border:1px solid #d9e5f4;cursor:pointer;transition:background .2s,box-shadow .2s}.bt-featured-controls button[hidden]{display:none}.bt-featured-controls button:hover:not(:disabled){background:#1769c2;color:white;box-shadow:0 3px 10px #1769c226}.bt-featured-controls button:disabled{opacity:.35;cursor:default}.bt-featured-controls svg{width:15px;height:15px}.bt-featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;scrollbar-width:thin;scrollbar-color:#c3d6ed transparent;padding:2px 2px 12px;align-items:stretch;outline-offset:3px}.bt-featured-track>.wv-plc-card{scroll-snap-align:start;min-width:0;margin:0;border:1px solid #e2e9f4!important;border-radius:13px!important;box-shadow:0 3px 12px #294b7a05!important;background:white;display:flex!important;flex-direction:column!important;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.bt-featured-track>.wv-plc-card:hover{border-color:#b4cfee!important;box-shadow:0 8px 24px #2b65ab13!important;transform:translateY(-2px)}.bt-featured .wv-plc-image{height:160px!important;flex:none;padding:17px!important;background:#fff!important}.bt-featured .wv-plc-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.bt-featured .wv-plc-card:hover .wv-plc-image img{transform:scale(1.035)}.bt-featured .wv-plc-body{padding:15px!important;display:flex;flex-direction:column;flex:1;min-width:0}.bt-featured .wv-plc-brand{font-size:9px;letter-spacing:.4px;color:#6682a3;margin:0 0 6px}.bt-featured .wv-plc-name-wrap{margin:0 0 12px;min-height:43px}.bt-featured .wv-plc-name{font-size:12px!important;line-height:1.65!important;font-weight:600!important;color:#2a4568!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bt-featured .wv-plc-rating,.bt-featured .wv-plc-price-label{display:none}.bt-featured .wv-plc-price{margin-top:auto}.bt-featured .wv-plc-price-value{font-size:21px!important;font-weight:750!important;color:#144f91!important;letter-spacing:-.6px}.bt-featured .wv-plc-price-currency{color:#144f91!important;font-size:12px}.bt-featured .wv-plc-kdv-note{font-size:9px;color:#8799ae;margin-top:1px}.bt-featured .wv-plc-stock{font-size:9px!important;margin:9px 0 12px!important}.bt-featured .wv-plc-cta{border-radius:8px!important;min-height:36px!important;font-size:10px!important;background:#edf5ff!important;color:#2767aa!important;border:1px solid #d7e8fb!important;margin-top:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.bt-featured .wv-plc-cta:hover:not(:disabled){background:#1268c4!important;color:white!important}.bt-featured .wv-plc-cta:disabled{opacity:.5;cursor:not-allowed}.bt-featured-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:8px;color:#8297af;font-size:9px}.bt-featured-bottom>span:first-child{display:inline-flex;align-items:center;gap:6px}.bt-featured-bottom svg{width:12px;height:12px}.bt-featured-page{font-variant-numeric:tabular-nums;white-space:nowrap}.bt-featured-motion .bt-featured-shell:before{animation:bt-featured-glow 9s ease-in-out infinite alternate}.bt-featured-track.is-entering>.wv-plc-card{animation:bt-featured-enter .55s ease both}.bt-featured-track.is-entering>.wv-plc-card:nth-child(2){animation-delay:.07s}.bt-featured-track.is-entering>.wv-plc-card:nth-child(3){animation-delay:.14s}.bt-featured-track.is-entering>.wv-plc-card:nth-child(4){animation-delay:.21s}@keyframes bt-featured-glow{to{transform:translate(-80px,50px);opacity:.5}}@keyframes bt-featured-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.bt-featured-track{grid-auto-columns:calc((100% - 32px)/3)}.bt-featured-heading h2{font-size:23px}.bt-featured-actions{gap:12px}}
@media(max-width:760px){.bt-featured{padding-top:20px}.bt-featured-shell{padding:20px;border-radius:16px}.bt-featured-track{grid-auto-columns:calc((100% - 16px)/2)}.bt-featured-heading{align-items:flex-start;gap:15px;margin-bottom:18px}.bt-featured-actions{flex-direction:column;align-items:flex-end;gap:13px}.bt-featured-actions>a{font-size:10px}.bt-featured-heading h2{font-size:21px}.bt-featured-heading p{font-size:11px}.bt-featured-badge{font-size:8px;letter-spacing:1px;padding:5px 7px}.bt-featured .wv-plc-image{height:145px!important}.bt-featured .wv-plc-body{padding:13px!important}}
@media(max-width:480px){.bt-featured-shell{padding:18px 15px}.bt-featured-heading{flex-wrap:wrap;gap:13px}.bt-featured-heading>div:first-child{width:100%}.bt-featured-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.bt-featured-track{grid-auto-columns:82%;gap:13px}.bt-featured .wv-plc-image{height:170px!important}.bt-featured-heading h2{font-size:22px}.bt-featured .wv-plc-name{font-size:12px!important}.bt-featured-controls button{height:31px;width:31px}.bt-featured-bottom{font-size:8px;gap:8px}.bt-featured-page{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bt-featured *,.bt-featured *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* app.css */
:root{--s-accent:#f7941d;--s-ink:#1c2b3a;--s-line:#e8e9eb}.maincontainer{min-height:45vh}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid var(--s-accent);background:var(--s-accent);color:#fff!important;border-radius:7px;font:600 14px inherit;cursor:pointer;text-decoration:none!important;line-height:1.5}.s-btn:hover{background:#dd7b0c}.s-btn.secondary{background:#fff;color:var(--s-ink)!important;border-color:#dfe2e5}.s-btn:disabled,.wv-plc-cta:disabled{opacity:.5;cursor:not-allowed}.s-form{display:grid;gap:18px}.s-form label{font-size:13px;font-weight:600;display:grid;gap:7px}.s-form input,.s-form select,.s-form textarea,.s-search-row input,.s-search-row select,.s-filter input,.s-filter select,.s-coupon input,.s-inline-form select{width:100%;padding:11px 12px;border:1px solid #dce0e4;border-radius:7px;background:var(--bg-surface,#fff);color:var(--text-primary,#263445);font-size:14px;min-width:0}.s-form textarea{min-height:100px;resize:vertical}.s-form input:focus,.s-form textarea:focus,.s-filter input:focus{outline:2px solid #f7941d55;border-color:#f7941d}.s-check{display:flex!important;align-items:center;gap:9px!important;font-weight:400!important;line-height:1.6}.s-check input{width:17px!important;height:17px;flex:none}.s-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.s-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.s-panel{background:var(--bg-surface,#fff);border:1px solid var(--s-line);border-radius:12px;padding:24px;margin-bottom:22px;min-width:0}.s-panel h2,.s-panel h3{margin-top:0}.s-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f6f7f8;padding:12px;border:0;color:#485566}.s-alert{padding:15px 20px;background:#fff7e9;border:1px solid #ffe2b4;border-radius:8px;margin:16px 0;font-size:14px;line-height:1.7;color:#755020}.s-alert.error{background:#fff1f1;border-color:#f3c4c4;color:#9a2727}.s-empty{text-align:center;padding:80px 20px}.s-empty i{font-size:50px;color:#f7941d}.s-empty h2{margin:20px 0 14px}.s-empty p{color:#777;margin-bottom:25px}.s-page-title{font-size:23px;font-weight:700;margin:18px 0 25px}.s-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#e78a1d}.s-muted{font-size:12px;color:#7e8791}.s-content{padding-top:25px;padding-bottom:40px;line-height:1.85}.s-content h1{font-size:27px;margin:15px 0 25px}.s-content h2{font-size:21px}.s-content img{max-width:100%;height:auto}.s-content a{color:#df8418}.s-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 30px}.s-section-heading h1{font-size:28px;margin:8px 0}.s-section-heading p{color:#7c8691;margin:0}.s-local-footer{text-align:center;font-size:12px;color:#98a2ae;background:#182a38;padding:13px}.s-local-footer a{color:#bcc8d2;margin:0 7px}.s-scrolltop{position:fixed;bottom:15px;left:15px;width:42px;height:42px;background:#25394b;color:#fff;border:0;border-radius:7px;z-index:500}.s-catalog{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px}.s-filter{border:1px solid var(--s-line);border-radius:10px;padding:18px;display:grid;gap:14px}.s-filter h3,.s-sidebar-cats h3{font-size:14px;margin:5px 0 0;font-weight:700}.s-filter .s-two{gap:6px}.s-filter input{padding:9px}.s-reset{text-align:center;font-size:12px}.s-sidebar-cats{padding:20px 5px;font-size:12px;max-height:650px;overflow:auto}.s-sidebar-cats a{display:block;padding:8px 0;border-bottom:1px solid #eee;color:#58616b}.s-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.s-products .wv-plc-card{margin:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.s-products .wv-plc-image{aspect-ratio:1.15;overflow:hidden}.s-products .wv-plc-image img{width:100%;height:100%;object-fit:contain}.s-products .wv-plc-image-link{height:100%;display:flex}.s-products .wv-plc-body{flex:1;display:flex;flex-direction:column}.s-products .wv-plc-price{margin-top:auto}.s-products .wv-plc-cta{width:100%;border:0;font-family:inherit}.s-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:0 0 14px;margin-bottom:18px;color:#89909a;font-size:13px}.s-view{background:white;border:1px solid #e3e3e3;border-radius:5px;padding:4px 10px;margin-left:4px;color:#58616b}.s-products.list{display:block}.s-products.list .wv-plc-card{display:grid;grid-template-columns:160px 1fr;margin-bottom:15px}.s-products.list .wv-plc-image{aspect-ratio:1}.s-products.list .wv-plc-name{min-height:0}.s-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0;flex-wrap:wrap}.s-pagination a{border:1px solid #e2e4e8;border-radius:5px;padding:9px 14px;color:#526172}.s-pagination a.active{background:#f7941d;border-color:#f7941d;color:white}.s-auth{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;margin:45px auto 65px;box-shadow:0 16px 55px #13293a13;border-radius:18px;overflow:hidden;border:1px solid #edf0f2;padding:0!important}.s-auth-intro{background:linear-gradient(145deg,#152d42,#253f54);padding:55px 42px;color:#d8e2eb}.s-auth-intro h1{font-size:32px;color:#fff;line-height:1.3;margin:18px 0}.s-auth-intro p{color:#aabfce;line-height:1.8}.s-auth-intro ul{padding:20px 0;list-style:none;line-height:2.8}.s-auth-intro li:before{content:'✓';color:#f4a43e;margin-right:10px}.s-auth-badges{display:flex;gap:10px;flex-wrap:wrap}.s-auth-badges span{border:1px solid #496072;padding:8px 10px;border-radius:5px;font-size:11px}.s-auth-card{padding:45px;background:#fff}.s-auth-card h2{font-weight:700;font-size:28px}.s-auth-card>p{color:#858e97;font-size:13px;margin-bottom:25px}.s-auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:23px;font-size:12px;flex-wrap:wrap}.s-tabs{display:flex;gap:10px;border-bottom:1px solid #e9e9e9;margin-bottom:25px;padding-bottom:10px}.s-tabs a{padding:9px 18px;border-radius:5px;background:#fff6e9;color:#9c6018}.s-table-wrap{overflow-x:auto}.s-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.s-table th{background:#f5f7f9;font-size:11px;text-transform:uppercase;letter-spacing:.035em;color:#7a8793;white-space:nowrap}.s-table td,.s-table th{padding:15px 13px;border-bottom:1px solid #e9ecef;text-align:left;vertical-align:middle}.s-table small,.s-inline-form small{display:block;margin-top:5px;font-size:11px;color:#8a949f}.s-table a{color:#de841b;font-weight:600}.s-table td:first-child{max-width:420px}.s-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-bottom:60px}.s-cart-item{display:grid;grid-template-columns:100px minmax(0,1fr) 72px 110px;gap:18px;padding:20px 0;border-bottom:1px solid #eee;align-items:center}.s-cart-item img{width:100%;height:90px;object-fit:contain}.s-cart-item a{font-weight:600;font-size:14px;color:#324557}.s-cart-item p{font-size:11px;color:#8a929b}.s-cart-item label{font-size:11px}.s-cart-item input{width:65px;padding:9px;border:1px solid #ddd;border-radius:6px;display:block}.s-order-summary{align-self:start;position:sticky;top:175px}.s-order-summary h2{font-size:19px}.s-order-summary p{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:13px}.s-order-summary .s-total{border-top:1px solid #eee;padding-top:20px;font-size:19px}.s-order-summary .s-btn{width:100%;margin-top:22px}.s-coupon{display:flex;gap:12px;max-width:450px;margin-top:22px}.s-price{font-size:29px;color:#f7941d;font-weight:700}.s-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0}.s-main-image{width:100%;max-height:550px;object-fit:contain}.s-product-detail input{width:75px;padding:12px;border:1px solid #ddd;margin-right:10px}.s-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.s-content-card{display:flex;flex-direction:column;min-height:180px;color:#22384c!important;transition:box-shadow .2s}.s-content-card:hover{box-shadow:0 10px 25px #1d354e12}.s-content-card h2{font-size:17px;line-height:1.5}.s-content-card>span:last-child{margin-top:auto;color:#de841b;font-size:12px}.s-admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:75vh}.s-admin-nav{background:#192d40;padding:25px 15px}.s-admin-brand{color:#fff;font-weight:700;font-size:18px;padding:8px 12px 24px}.s-admin-brand small{display:block;color:#708a9f;font-size:10px;letter-spacing:.15em;margin-top:9px}.s-admin-nav>a{display:block;color:#afc2d3;padding:11px 13px;border-radius:6px;font-size:13px;margin:3px 0}.s-admin-nav>a:hover,.s-admin-nav>a.active{background:#2a4054;color:#ffb555}.s-admin-main{background:#f4f6f9;padding:25px 35px 50px;min-width:0}.s-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.s-stats article{padding:20px}.s-stats span{color:#7d8b98;font-size:12px}.s-stats strong{font-size:25px;display:block;color:#233d53;margin-top:10px}.s-admin-main h1{font-size:26px}.s-admin-main .s-table{border:1px solid #e5e9ed;border-radius:8px}.s-admin-main .s-panel{box-shadow:0 2px 4px #1e304705}.s-inline-form{display:flex;align-items:center;gap:20px}.s-inline-form>div{flex:1}.s-inline-form select{max-width:160px}.s-search-row{display:flex;gap:12px;align-items:center;margin:20px 0}.s-search-row input{max-width:500px}.s-search-row span{white-space:nowrap;color:#7d8792;font-size:13px}#s-toast{position:fixed;right:22px;bottom:22px;max-width:360px;z-index:9999;background:#223b50;color:white;padding:16px 22px;border-radius:10px;box-shadow:0 8px 32px #1234;display:none}#s-toast.visible{display:block}.s-cart-count{font:700 10px Arial;background:#f7941d;color:white;border-radius:10px;padding:2px 5px;margin-left:3px}.s-chat{position:fixed;bottom:75px;right:20px;width:330px;max-width:calc(100vw - 30px);z-index:3000;background:white;box-shadow:0 12px 45px #15283b35;border:1px solid #e7e7eb;border-radius:16px;padding:24px}.s-chat h3{margin-top:0}.s-chat a{color:#f7941d}.product-image-slider img{max-width:100%}.product-thumbnail-slider img{cursor:pointer}.wv-plp-grid-row:empty{display:none}.fallback-header{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}.fallback-header a{margin:0 10px}.fallback-header>a{font-size:25px;color:#f7941d}.fallback-header span{color:#333}
@media(max-width:1199px){.s-order-summary{top:65px}.s-products{grid-template-columns:repeat(2,minmax(0,1fr))}.s-admin-main{padding:20px}.s-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.s-admin-shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:767px){.s-catalog{grid-template-columns:1fr}.s-catalog>aside{display:none}.s-catalog>aside.s-show{display:block}.s-products{gap:10px}.s-page-title{font-size:20px}.s-products .wv-plc-name{font-size:12px}.s-products .wv-plc-body{padding:10px}.s-products .wv-plc-price-value{font-size:19px}.s-auth{grid-template-columns:1fr;margin:25px 15px}.s-auth-intro{padding:30px}.s-auth-intro h1{font-size:25px}.s-auth-intro ul{display:none}.s-auth-card{padding:28px}.s-two,.s-three,.s-content-grid,.s-product-detail{grid-template-columns:1fr}.s-cart-layout{grid-template-columns:1fr}.s-order-summary{position:static}.s-cart-item{grid-template-columns:65px 1fr 60px;gap:10px}.s-cart-item>strong:last-child{grid-column:2}.s-cart-item img{height:65px}.s-admin-shell{grid-template-columns:1fr}.s-admin-nav{display:flex;overflow:auto;padding:10px;gap:5px}.s-admin-brand{display:none}.s-admin-nav>a{white-space:nowrap;padding:9px;font-size:11px}.s-admin-main{padding:15px}.s-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.s-stats strong{font-size:23px}.s-inline-form{flex-wrap:wrap;gap:12px}.s-section-heading{align-items:start}.s-section-heading h1{font-size:23px}.s-panel{padding:18px}.s-table td,.s-table th{padding:12px 9px}.s-products.list .wv-plc-card{grid-template-columns:110px 1fr}.s-order-summary .s-total{font-size:18px}}
.maincontainer .maincontainer{margin-top:0!important;min-height:0}
/* brand.css */
/* BirTekBurada storefront components. SVGs remain independent of webfonts. */
svg.b-icon{display:inline-block!important;width:1.15em!important;height:1.15em!important;min-width:1em;vertical-align:-.18em;overflow:visible;flex-shrink:0;font-size:inherit;fill:none!important;stroke:currentColor;line-height:1}
svg.b-icon::before,svg.b-icon::after{content:none!important;display:none!important}
.navbar-brand img{width:215px!important;height:auto!important;max-height:57px;object-fit:contain}
.navbar-brand{display:flex;align-items:center;background:#fff!important;min-height:62px}
.b-admin-logo{width:182px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.wv-mega{border-top:1px solid #e5edf7;border-bottom:1px solid #dce5ef;box-shadow:0 18px 38px #0a244c1a;max-height:calc(100dvh - 145px);overflow:auto;background:#fff!important;z-index:1090}
.wv-mega-inner{max-width:1220px;margin:auto;padding:20px!important}
.wv-cascade{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(270px,1.25fr) minmax(240px,1fr);gap:20px;min-height:380px}
.wv-cascade-col{width:auto!important;min-width:0;max-height:min(580px,calc(100dvh - 210px));overflow-y:auto;padding:8px!important;border-right:1px solid #e6edf6}
.wv-cascade-groups{background:#f4f7fb;border-radius:12px;border:0}
.wv-cascade-tips{border:0;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:12px;padding:18px!important}
.wv-cascade-item{appearance:none;display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0!important;border-radius:8px;background:transparent!important;color:#33465d!important;padding:12px 14px!important;margin:2px 0;text-align:left;font:500 13px/1.5 Arial,sans-serif;box-shadow:none!important;text-decoration:none!important;cursor:pointer;transition:background .15s,color .15s}
button.wv-cascade-item::after{content:'›';font-size:18px;color:#8b9eb7}
.wv-cascade-item:hover,.wv-cascade-item:focus-visible,.wv-cascade-item.wv-active{background:#e2edff!important;color:#0755b5!important;outline:0}
.wv-cascade-groups .wv-cascade-item{font-weight:600}
.wv-cascade-tips .wv-cascade-item{background:#fff!important;border:1px solid #dbe8fb!important;color:#0755b5!important}
.wv-group-toggle,.wv-cat-btn{appearance:none;border:0;border-radius:8px;text-align:left;width:100%;padding:13px 14px;background:#f3f7fe;color:#263e5a;font:600 13px/1.5 Arial,sans-serif;margin:3px 0}
.wv-cat-btn{background:#fff;font-weight:400;border-bottom:1px solid #edf1f7}
.wv-mega-toggle:focus-visible,.s-btn:focus-visible{outline:3px solid #91bcff;outline-offset:3px}
.s-auth{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:35px!important;margin-bottom:55px!important;background:#fff}
.s-auth::before,.s-auth::after{display:none!important;content:none!important}
.s-auth>section{float:none!important;width:auto!important;margin:0!important;min-width:0;position:relative;grid-row:1}
.s-auth-intro{grid-column:1;background:linear-gradient(145deg,#092e65,#0e5aab)!important;display:flex;flex-direction:column;justify-content:center}
.s-auth-card{grid-column:2;align-self:start}
.s-auth-intro .s-eyebrow{color:#8ad4ff}
.s-auth-intro li:before{color:#79d7ff}
.s-auth-card h2{color:#163455;font-size:27px}
.s-form input:focus,.s-form textarea:focus{outline:3px solid #d7e9ff;border-color:#1975cf}
.s-btn{background:var(--s-accent,#0963c7);border-color:var(--s-accent,#0963c7);border-radius:9px}
.s-btn:hover{background:#084e9e;border-color:#084e9e}
.s-auth-links a,.s-content a{color:#075ab4}
.s-panel,.s-products .wv-plc-card{border-radius:14px!important;border-color:#e3eaf3!important;box-shadow:0 4px 18px #14376006}
.s-products .wv-plc-card:hover{box-shadow:0 10px 28px #14376015}
.wv-plc-price-value,.s-price,.s-eyebrow{color:var(--s-accent,#0963c7)!important}
.wv-plc-cta{background:var(--s-accent,#0963c7)!important;border-color:var(--s-accent,#0963c7)!important}
.s-pagination a.active{background:var(--s-accent,#0963c7);border-color:var(--s-accent,#0963c7)}
.cat-card{border-radius:14px!important}
@media(max-width:767px){.s-auth{grid-template-columns:minmax(0,1fr)!important;margin:22px 15px!important;width:auto!important}.s-auth>section{grid-column:1;grid-row:auto}.s-auth-card{grid-row:1!important;padding:28px 22px}.s-auth-intro{grid-row:2!important;padding:30px 24px}.s-auth-intro ul{padding:12px 0}.s-auth-intro h1{font-size:25px}.navbar-brand img{width:175px!important}.wv-cascade{grid-template-columns:1fr}.wv-mega{max-height:80dvh}.b-admin-logo{width:150px}}
.trust-bar{border-bottom:3px solid var(--s-accent,#0963c7)!important}.trust-icon{background:#e8f2ff!important;color:#0963c7!important}.trust-bar .trust-icon svg{color:#0963c7!important}.s-auth-intro .s-eyebrow{color:#8ad4ff!important}.s-auth .s-btn{font-weight:600}
.wv-breadcrumb-item+.wv-breadcrumb-item::before,.breadcrumb>li+li::before{content:"›"!important;font-family:Arial,sans-serif!important}
/* chat.css */
.bt-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#btChat [hidden],#bcApp [hidden],#bcSettings[hidden],#bcError[hidden],#bcSettingsResult[hidden],.bt-chat-older[hidden]{display:none!important}
#btChat{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;color:#203653;position:relative;z-index:5000}
#btChat button,#btChat input,#btChat textarea{font:inherit;box-sizing:border-box}
#btChat button{cursor:pointer}#btChat button:disabled{opacity:.55;cursor:wait}
#btChatLauncher{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:20px;display:flex;align-items:center;gap:10px;padding:14px 19px;border:0;border-radius:30px;background:#0963c7;color:white;box-shadow:0 7px 30px #084f9c35;font-weight:650;z-index:5000;transition:transform .2s,box-shadow .2s}
#btChatLauncher:hover{transform:translateY(-2px);box-shadow:0 9px 32px #084f9c50}#btChatLauncher svg{width:23px;height:23px}
#btChatBadge{position:absolute;top:-5px;right:-4px;min-width:22px;height:22px;background:#e34054;border:2px solid white;border-radius:20px;color:#fff;display:grid;place-content:center;font-size:11px}
.bt-chat-panel{position:fixed;left:20px;bottom:calc(88px + env(safe-area-inset-bottom));width:372px;max-width:calc(100vw - 32px);height:min(600px,calc(var(--bt-vh,100dvh) - 115px));background:#fff;border:1px solid #dce6f2;border-radius:20px;overflow:hidden;box-shadow:0 16px 70px #102f5a35;display:flex;flex-direction:column;z-index:5001;text-align:left}
.bt-chat-header{display:flex;gap:11px;align-items:center;padding:18px;background:linear-gradient(125deg,#0a438a,#096dcf);color:#fff;flex-shrink:0}
.bt-chat-header h2{color:white;font-size:15px;font-weight:700;line-height:1.4;margin:0}.bt-chat-header p{color:#d9eaff;font-size:11px;margin:3px 0 0}.bt-chat-header button{background:#ffffff18;color:white;border:0;border-radius:8px;padding:6px;margin-left:auto;display:flex}.bt-chat-header button svg{height:18px;width:18px}
.bt-chat-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-content:center;background:#ffffff20}.bt-chat-avatar svg{width:23px;height:23px}.bt-chat-info{background:#f3f8ff;padding:12px 18px;font-size:12px;color:#476181;border-bottom:1px solid #e6eef9;flex-shrink:0}
.bt-chat-messages{flex:1;min-height:70px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:18px;background:linear-gradient(#fafcff,#f7f9fc);scrollbar-width:thin}
.bt-bubble{max-width:86%;padding:11px 13px;border-radius:14px 14px 14px 3px;background:#fff;border:1px solid #e4eaf3;align-self:flex-start;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.65;color:#263d58;box-shadow:0 2px 4px #17345103}
.bt-bubble.visitor{align-self:flex-end;background:#0963c7;color:#fff;border-color:transparent;border-radius:14px 14px 3px 14px}
.bt-bubble small{display:block;font-size:10px;opacity:.7;text-align:right;margin-top:5px;line-height:1.4;white-space:normal}
.bt-chat-placeholder{margin:auto 4px;text-align:center;color:#8495aa;font-size:12px;line-height:1.8}.bt-chat-older{flex-shrink:0;border:0;background:#f3f7fd;color:#31639e;font-size:11px;padding:8px;width:100%;cursor:pointer}
.bt-chat-form{padding:12px 14px 9px;border-top:1px solid #e5edf7;background:#fff;flex-shrink:0;margin:0!important}
#btChatIdentity{border:0;background:transparent;padding:0;margin:0 0 8px}#btChatIdentity summary{cursor:pointer;font-size:11px;color:#687f9a;padding:0 0 5px}#btChatIdentity summary small{font-size:10px;color:#94a4b8}#btChatIdentity>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px}#btChatIdentity label{display:grid;gap:4px;font-size:10px;color:#6f8096}#btChatIdentity input{width:100%;min-width:0;padding:7px 8px;border:1px solid #dce6f3;border-radius:7px;background:white;color:#213f60;font-size:12px}
.bt-chat-compose{display:flex;gap:8px;align-items:flex-end;background:#f5f8fc;border:1px solid #dce6f3;border-radius:12px;padding:6px}.bt-chat-compose:focus-within{border-color:#62a1ed;box-shadow:0 0 0 3px #e9f2ff}.bt-chat-compose textarea{border:0!important;outline:0!important;box-shadow:none!important;resize:none;padding:7px!important;width:100%;min-width:0;min-height:42px;max-height:115px;background:transparent!important;color:#243e5e!important;font-size:13px!important;line-height:1.5!important}.bt-chat-compose button{display:grid;place-content:center;width:37px;height:37px;flex:none;border:0;border-radius:9px;background:#0963c7;color:white}.bt-chat-compose button svg{width:19px;height:19px}
.bt-chat-privacy{font-size:9px;color:#93a0b0;margin:8px 0 0;text-align:center;line-height:1.5}.bt-chat-privacy a{color:#6c859e}.bt-chat-error{font-size:11px;color:#bb344a;padding:8px 0 0;overflow-wrap:anywhere}
.bt-social-mini{display:inline-flex;align-items:center;gap:7px}.bt-social-mini a,.bt-social-mini>span{width:29px;height:29px;display:inline-grid;place-items:center;border-radius:50%;background:#edf4fd;color:#0b64bd}.bt-social-mini>span{opacity:.5}.bt-social-mini svg{width:16px;height:16px}.social-row>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff10;color:#aab9ca}
.s-scrolltop{left:auto!important;right:18px;bottom:18px}.s-auth,.s-panel{box-shadow:0 10px 30px #173c6b08}.s-products .wv-plc-card{transition:box-shadow .18s,transform .18s}.s-products .wv-plc-card:hover{transform:translateY(-2px)}.wv-cascade-item{transition:background .15s,color .15s}.navbar .navbar-brand img{transition:none}
.bc-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.bc-toolbar p{margin:5px 0 0;color:#8898ab;font-size:12px}.bc-live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;background:#a7b3c0;border-radius:50%}.bc-live-dot.online{background:#2db982;box-shadow:0 0 0 4px #e5f7ef}.bc-settings{padding:22px;margin-bottom:18px}.bc-settings form{display:grid;gap:15px}.bc-app{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #e1e8f2;background:#fff;border-radius:16px;overflow:hidden;height:650px;max-height:calc(100dvh - 260px);min-height:420px;box-shadow:0 6px 25px #19385c04}
.bc-inbox{border-right:1px solid #e8edf4;display:flex;flex-direction:column;min-width:0}.bc-inbox-head{padding:20px 16px 12px}.bc-inbox-head h2{font-size:16px;display:flex;gap:9px;align-items:center}.bc-inbox-head h2 span{font-size:10px;padding:2px 6px;border-radius:10px;background:#edf4ff;color:#3c73b3}.bc-inbox-head input{width:100%;border:1px solid #e1e8f2;border-radius:8px;background:#f8fafd;padding:10px 11px;font:inherit;margin:12px 0;color:#354d6c}.bc-filters{display:flex;gap:5px}.bc-filters button{border:0;background:transparent;color:#8a98aa;font-size:10px;border-radius:6px;padding:6px 8px}.bc-filters button.active{background:#eaf3ff;color:#1765be}.bc-threads{overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.bc-thread{width:100%;background:#fff;border:0;border-top:1px solid #f0f3f8;padding:16px;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;cursor:pointer}.bc-thread:hover,.bc-thread.active{background:#f0f6ff}.bc-thread-avatar{height:38px;width:38px;border-radius:12px;background:#eaf1fc;color:#4378bd;display:grid;place-content:center;font-weight:700;position:relative}.bc-thread-avatar.online:after{content:'';position:absolute;right:-1px;bottom:-1px;background:#2db982;border:2px solid white;height:10px;width:10px;border-radius:10px}.bc-thread-line{display:flex;gap:5px;align-items:center;justify-content:space-between}.bc-thread-line strong{font-size:12px;color:#324a68;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-thread-line time{font-size:9px;color:#9aa7b7;white-space:nowrap}.bc-thread-preview{display:block;font-size:11px;color:#8c9bb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.bc-unread{padding:1px 6px;min-width:18px;border-radius:10px;background:#0963c7;color:white;font-size:9px;line-height:17px;text-align:center;flex-shrink:0}.bc-conversation{min-width:0;display:flex;flex-direction:column}.bc-empty{margin:auto;text-align:center;padding:30px;max-width:440px}.bc-empty>span{display:inline-grid;place-content:center;height:62px;width:62px;border-radius:20px;background:#eef5ff;color:#3779ca;margin-bottom:20px}.bc-empty svg{height:30px;width:30px}.bc-empty h2{font-size:19px;color:#41597a;margin-bottom:12px}.bc-empty p{font-size:12px;color:#94a3b6}.bc-conversation #bcSelected{display:flex;flex-direction:column;height:100%;min-height:0}.bc-person{padding:18px 22px;border-bottom:1px solid #e9eef5;display:flex;align-items:center;gap:12px;flex-shrink:0}.bc-person h2{font-size:15px}.bc-person p{color:#99a7b8;margin:3px 0 0;font-size:11px}.bc-person>.a-button{margin-left:auto;font-size:10px;padding:7px 10px}.bc-context{display:flex;gap:8px 20px;flex-wrap:wrap;background:#fafcff;padding:10px 22px;font-size:10px;color:#8194ab;flex-shrink:0;border-bottom:1px solid #edf2f8;overflow-wrap:anywhere}.bc-context a{color:#276aba;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bc-messages{background:#f7f9fd;flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:24px;scrollbar-width:thin}.bc-messages .bt-bubble.visitor{align-self:flex-start;background:#fff;border:1px solid #e0e8f3;color:#324c6d;border-radius:14px 14px 14px 3px}.bc-messages .bt-bubble.admin{align-self:flex-end;background:#0963c7;color:white;border-color:transparent;border-radius:14px 14px 3px 14px}.bc-messages .bt-bubble{max-width:78%}
#bcReply{padding:15px 20px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;flex-shrink:0;border-top:1px solid #e5edf6;background:#fff}#bcReply textarea{flex:1;border:1px solid #dfe7f2;border-radius:10px;padding:11px;resize:none;min-width:100px;min-height:58px;max-height:140px;color:#2c486a;background:#f9fbfe;font:inherit}#bcReply textarea:focus{outline:2px solid #d9eaff;border-color:#81abe0}#bcReply .a-button{background:#0963c7;border-color:#0963c7;display:flex;align-items:center;gap:8px;font-size:12px}#bcReply .a-button svg{width:16px;height:16px}#bcError{width:100%;color:#bc3b52;font-size:11px}.bc-icon-button{display:none;border:0;border-radius:7px;background:#edf3fb;color:#456c9a;padding:7px}.bc-mail-log{margin:18px 0;color:#8a9aad;font-size:11px}.bc-mail-log summary{cursor:pointer;margin-bottom:12px}.bc-nav-badge{margin-left:auto;min-width:19px;padding:1px 5px;border-radius:10px;background:#0963c7;color:#fff;text-align:center;font-size:9px;line-height:17px}.bc-global-error{color:#bf455c}
@media(max-width:1100px){.bc-app{grid-template-columns:265px minmax(0,1fr)}.bc-context{padding:10px 15px}.bc-person{padding:15px}.bc-messages{padding:16px}.bc-person>.a-button{max-width:130px;line-height:1.5}}
@media(max-width:767px){#btChatLauncher{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:12px 15px;font-size:12px}.bt-chat-panel{left:8px;max-width:none;width:calc(100vw - 16px);bottom:calc(76px + env(safe-area-inset-bottom));height:min(620px,calc(var(--bt-vh,100dvh) - 96px));border-radius:16px}.bt-chat-header{padding:15px}.bt-chat-messages{padding:14px}.bt-chat-compose textarea{font-size:16px!important}.bt-chat-form{padding:10px 12px 8px}.bt-chat-info{padding:10px 14px}.s-scrolltop{bottom:16px!important;right:12px!important}.bc-toolbar{gap:10px}.bc-toolbar strong{font-size:12px}.bc-toolbar p{font-size:10px}.bc-toolbar .a-button{font-size:10px;padding:8px}.bc-app{grid-template-columns:1fr;max-height:none;height:calc(100dvh - 320px);min-height:420px}.bc-conversation{display:none}.bc-app.bc-selected .bc-inbox{display:none}.bc-app.bc-selected .bc-conversation{display:flex}.bc-icon-button{display:flex}.bc-person{padding:12px;gap:8px}.bc-person h2{font-size:13px}.bc-person>.a-button{font-size:9px;max-width:108px;padding:7px}.bc-context{padding:9px 12px;gap:5px 12px;font-size:9px}.bc-messages{padding:15px;gap:11px}.bc-messages .bt-bubble{max-width:91%}#bcReply{padding:10px;gap:7px}#bcReply textarea{font-size:16px}#bcReply .a-button{padding:10px;font-size:11px}.bc-settings{padding:16px}}
@media(prefers-reduced-motion:reduce){#btChatLauncher,.s-products .wv-plc-card{transition:none}.s-products .wv-plc-card:hover{transform:none}}
#btChat .bt-chat-header h2{font-size:15px!important;line-height:1.4!important;letter-spacing:0;margin:0!important}#btChat .bt-chat-header p{font-size:11px!important;line-height:1.5!important;color:#d9eaff!important;margin:3px 0 0!important}#btChat .bt-chat-placeholder{color:#687f9a!important;font-size:12px!important}
#ottoHeaderBtn{border:0!important;background:#edf5ff!important;color:#0963c7!important;box-shadow:none!important;animation:none!important}#ottoHeaderBtn svg{width:21px;height:21px}#ottoHeaderBtn:before,#ottoHeaderBtn:after{display:none!important}
/* refinements.css */
/* BirTekBurada: shared storefront polish, consent and product tools. */
:root{--bt-page:#f6f8fc;--bt-card:#fff;--bt-ink:#203852;--bt-muted:#708197;--bt-line:#e1e8f2;--bt-soft:#edf4fe}
html[data-theme=dark]{--bt-page:#0d1929;--bt-card:#16263b;--bt-ink:#e4edfa;--bt-muted:#a2b4cd;--bt-line:#30425c;--bt-soft:#1c3453}
body.landing-page{font-family:"Segoe UI",Arial,sans-serif;color:var(--bt-ink);background:var(--bt-page);-webkit-font-smoothing:antialiased}
.landing-page .maincontainer{background:linear-gradient(180deg,var(--bt-page),var(--bt-card) 500px);padding-bottom:24px}
.landing-page .navbar{box-shadow:0 3px 18px #15345b09;border-bottom:1px solid var(--bt-line)}
.landing-page .navbar-nav>li>a{border-radius:9px;transition:color .16s,background .16s}
.landing-page .navbar-nav>li>a:hover{background:var(--bt-soft);color:#0963c7!important}
.landing-page .trust-bar{background:var(--bt-card)!important;border-bottom-width:2px!important}
.landing-page .cat-group{margin-bottom:38px}.landing-page .cat-group-title{border-left:3px solid #0963c7!important;padding-left:13px!important;color:var(--bt-ink);letter-spacing:-.025em;font-weight:700}
.landing-page .cat-group-desc{color:var(--bt-muted);line-height:1.7;margin-top:9px;margin-bottom:20px}
.landing-page .cat-card{border:1px solid var(--bt-line)!important;border-radius:18px!important;background:var(--bt-card)!important;box-shadow:0 3px 14px #24466b04;transition:transform .16s,border-color .16s,box-shadow .16s}
.landing-page .cat-card:hover{transform:translateY(-3px);border-color:#a4c8f5!important;box-shadow:0 10px 25px #24466b10}
.landing-page .cat-name{font-size:13px!important;line-height:1.5!important;color:var(--bt-ink)!important;padding:13px 10px!important}
.landing-page .cat-img{background:#fff!important;border-radius:13px;margin:9px 9px 0}
.landing-page .s-filter,.landing-page .s-panel,.landing-page .s-content-card,.landing-page .s-auth-card{background:var(--bt-card);border-color:var(--bt-line)!important;border-radius:16px!important}
.landing-page .s-filter{box-shadow:0 4px 18px #1b3b6506}.landing-page .s-filter h3{color:var(--bt-ink);font-weight:650}
.landing-page .s-page-title,.landing-page .s-content h1{letter-spacing:-.035em;font-weight:700;color:var(--bt-ink)}
.landing-page .s-page-title{font-size:26px;margin-bottom:27px}.landing-page .s-catalog-toolbar{border-color:var(--bt-line);color:var(--bt-muted)}
.landing-page .s-products .wv-plc-card{border-radius:17px!important;background:var(--bt-card);border-color:var(--bt-line)!important;box-shadow:0 3px 15px #25436505}
.landing-page .s-products .wv-plc-name{color:var(--bt-ink);font-weight:650;line-height:1.5}.landing-page .s-products .wv-plc-brand{font-size:10px;letter-spacing:.09em;color:var(--bt-muted)}
.landing-page .wv-plc-cta,.landing-page .wv-pd-cta-btn,.landing-page .s-btn{border-radius:10px!important;transition:background .16s,box-shadow .16s;box-shadow:0 3px 10px #0963c70d}
.landing-page .s-btn.secondary{background:var(--bt-card)!important;color:var(--bt-ink)!important;border-color:var(--bt-line)!important}
.landing-page .s-form input,.landing-page .s-form select,.landing-page .s-form textarea,.landing-page .s-filter input,.landing-page .s-filter select{border-radius:10px;border-color:var(--bt-line);background:var(--bt-card);color:var(--bt-ink);min-height:43px}
.landing-page .s-tabs{gap:8px;flex-wrap:wrap;border-color:var(--bt-line)}.landing-page .s-tabs a{background:var(--bt-soft);color:#0963c7;border-radius:9px}
.landing-page .s-table{background:var(--bt-card);color:var(--bt-ink)}.landing-page .s-table td,.landing-page .s-table th{border-color:var(--bt-line)}
.landing-page .wv-pd-hero{border-radius:18px}.landing-page .price-block{border-radius:14px!important}.landing-page .acc{border-color:var(--bt-line)!important}.landing-page .acc>summary{padding-top:18px;padding-bottom:18px;transition:background .15s}.landing-page .acc>summary:hover{background:var(--bt-soft)}
.landing-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #6fa9ee;outline-offset:3px}
.s-local-footer button{border:0;padding:0;background:none;font:inherit;color:#bcc8d2;text-decoration:underline;cursor:pointer;margin:0 7px}.s-local-footer button:hover{color:#fff}
.bt-search-close{position:absolute;right:24px;top:20px;width:38px;height:38px;border:1px solid #ccd9e9;border-radius:10px;background:#fff;color:#203852;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer}#clearBtn[hidden]{display:none!important}
.bt-consent{position:fixed;right:22px;bottom:22px;z-index:11050;width:430px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:24px;background:var(--bt-card,#fff);color:var(--bt-ink,#203852);border:1px solid var(--bt-line,#e1e8f2);border-radius:20px;box-shadow:0 20px 75px #132e5733;font:13px/1.7 "Segoe UI",Arial,sans-serif}
.bt-consent[hidden],.bt-dialog [hidden],.bt-media-placeholder[hidden],.bt-external-media iframe[hidden]{display:none!important}
.bt-consent-icon{display:grid;place-content:center;background:#eaf3ff;border-radius:12px;height:38px;color:#0963c7}.bt-consent-icon svg{width:21px;height:21px}
.bt-consent-eyebrow{font-size:9px;letter-spacing:.12em;font-weight:700;color:#0963c7}.bt-consent h2{font-weight:650!important;font-size:23px!important;line-height:1.35!important;letter-spacing:-.035em;margin:5px 0 10px!important;color:var(--bt-ink)!important}.bt-consent p{font-size:12px!important;line-height:1.8!important;margin:0 0 9px;color:var(--bt-muted)!important}.bt-consent a{font-size:11px;color:#0963c7;text-decoration:underline}.bt-consent .bt-consent-current:empty{display:none}.bt-consent .bt-consent-current{color:var(--bt-ink)!important;font-size:11px!important}
.bt-consent-actions{display:flex;gap:10px;margin-top:19px}.bt-consent-actions button{flex:1;appearance:none;border:1px solid #0963c7;background:var(--bt-card);color:#0963c7;border-radius:10px;min-height:43px;font:650 13px "Segoe UI",Arial,sans-serif;cursor:pointer;padding:10px}.bt-consent-actions button[data-consent-choice=accept]{background:#0963c7;color:#fff}.bt-consent-actions button:hover{box-shadow:0 3px 14px #0963c726}.bt-consent-noscript{padding:16px;background:#edf4fe;text-align:center}
.bt-external-media{position:relative;aspect-ratio:16/9;width:100%;background:var(--bt-soft);display:grid;place-items:center;border-radius:12px;overflow:hidden}.bt-external-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-responsive>.bt-external-media{position:absolute;inset:0;height:100%}.bt-media-placeholder{border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card);color:var(--bt-ink);font:500 13px/1.7 "Segoe UI",Arial,sans-serif;max-width:85%;padding:22px;cursor:pointer}
.bt-dialog{width:780px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 30px);padding:0;border:1px solid var(--bt-line);border-radius:18px;background:var(--bt-card);color:var(--bt-ink);box-shadow:0 25px 100px #0d254e55;overflow:auto;position:fixed;inset:0;margin:auto}.bt-dialog::backdrop{background:#0c1e3eaa;backdrop-filter:blur(3px)}.bt-dialog>header{position:sticky;top:0;z-index:2;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--bt-line);background:var(--bt-card)}.bt-dialog>header h2{font-size:16px!important;line-height:1.4;margin:0!important;color:var(--bt-ink)!important}.bt-dialog>header button{border:0;background:var(--bt-soft);color:var(--bt-ink);border-radius:9px;font-size:25px;line-height:30px;width:34px;cursor:pointer}.bt-dialog-body{padding:24px}.bt-dialog-body input{width:100%;padding:12px;border:1px solid var(--bt-line);border-radius:8px;color:var(--bt-ink);background:var(--bt-card)}
.bt-gallery-content{height:min(63dvh,600px);display:grid;place-items:center;background:#fff;border-radius:10px;overflow:hidden}.bt-gallery-content img{max-width:100%;max-height:100%;object-fit:contain}.bt-gallery-content.bt-external-media{height:auto;min-height:240px}.bt-gallery-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.bt-gallery-nav button{padding:10px 16px;border:1px solid var(--bt-line);border-radius:9px;background:var(--bt-soft);color:var(--bt-ink);cursor:pointer}.bt-gallery-nav span{font-size:12px;color:var(--bt-muted)}
.product-image-slider{position:relative}.product-image-slide[hidden]{display:none!important}.product-image-wrapper{transform:none!important}.product-thumbnail-slider{display:block!important;min-width:0;max-width:100%;overflow:hidden}.product-thumbnail-wrapper{display:flex!important;flex-flow:row nowrap!important;align-items:center;transform:none!important;width:100%;max-width:100%;min-width:0;height:auto!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;gap:8px;margin:0!important;padding:4px 0 8px;box-sizing:border-box}.product-thumbnail-slide{display:flex;align-items:center;justify-content:center;flex:0 0 70px!important;width:70px!important;height:70px!important;max-height:70px;margin:0!important;box-sizing:border-box;border:1px solid transparent;border-radius:8px;padding:3px;cursor:pointer}.product-thumbnail-slide.bt-selected{border-color:#0963c7;background:#edf4ff}.product-thumbnail-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.product-thumbnail-slide img:focus-visible{outline:2px solid #0963c7;outline-offset:1px}.bt-hero-navigation{position:absolute;top:46%;left:5px;right:5px;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.bt-hero-navigation button{pointer-events:auto;width:34px;height:38px;font-size:26px;line-height:1;border:1px solid #dbe5f2;border-radius:9px;background:#fffffff0;color:#31577e;cursor:pointer}
.wv-pd-share-menu,.wv-destek-share-menu{border:1px solid var(--bt-line)!important;border-radius:12px!important;box-shadow:0 12px 36px #1636592b!important;background:var(--bt-card)!important;padding:7px!important}.wv-pd-share-menu [data-share],.wv-destek-share-menu [data-share]{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;padding:10px 12px;width:100%;background:none;color:var(--bt-ink);font:12px "Segoe UI",Arial,sans-serif;text-align:left}.wv-pd-share-menu [data-share]:hover,.wv-destek-share-menu [data-share]:hover{background:var(--bt-soft)}
#btPrintDialog{width:520px}#btPrintDialog .bt-dialog-body{text-align:center}#btPrintDialog h3{font-size:18px;line-height:1.5;color:var(--bt-ink)}#btPrintDialog p{font-size:12px;color:var(--bt-muted)}#btPrintDialog .bt-dialog-body>a{display:block;font-size:11px;overflow-wrap:anywhere;margin:15px 0 20px}.bt-qr-code{display:inline-block;padding:18px;background:white;margin:15px auto}.bt-qr-code img,.bt-qr-code canvas{max-width:100%}
@media(max-width:767px){.landing-page .cat-group{margin-bottom:30px}.landing-page .cat-card{border-radius:13px!important}.landing-page .cat-name{font-size:12px!important;padding:10px 6px!important}.landing-page .cat-img{margin:6px 6px 0}.landing-page .s-page-title{font-size:22px}.bt-consent{right:12px;bottom:12px;width:calc(100% - 24px);max-width:none;padding:20px;grid-template-columns:30px minmax(0,1fr);gap:10px;max-height:calc(100dvh - 24px)}.bt-consent-icon{width:30px;height:32px}.bt-consent h2{font-size:21px!important}.bt-consent-actions{margin-left:-40px;gap:10px}.bt-consent-open #btChatLauncher{visibility:hidden}.bt-dialog-body{padding:15px}.bt-dialog>header{padding:13px 16px}.bt-gallery-content{height:55dvh}.bt-gallery-nav button{font-size:12px;padding:10px}.landing-page .s-form input,.landing-page .s-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.landing-page .cat-card,.landing-page .s-btn,.landing-page .navbar-nav>li>a{transition:none}.landing-page .cat-card:hover{transform:none}}
@media print{body.bt-printing>*:not(#btPrintDialog){display:none!important}body.bt-printing{background:white!important}#btPrintDialog[open]{position:static;display:block!important;max-width:none;max-height:none;width:auto;margin:0;padding:25px;border:0;box-shadow:none;background:white;color:black}#btPrintDialog>header,#btPrintDialog button{display:none!important}#btPrintDialog h3,#btPrintDialog p{color:black!important}.bt-qr-code{break-inside:avoid}}
/* Storefront polish: shared rhythm, restrained depth, no layout replacement. */
.landing-page .wv-breadcrumb-list{padding:12px 16px;background:linear-gradient(100deg,#eef5ff,#f8fafc);border:1px solid #e3edf9;border-radius:12px;gap:8px}
.landing-page .s-page-title{position:relative;padding-bottom:17px;margin-bottom:25px;font-size:clamp(24px,3vw,34px)}
.landing-page .s-page-title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:4px;border-radius:3px;background:linear-gradient(90deg,#0963c7,#49a6f2)}
.landing-page .wv-plc-card{border:1px solid #e3ebf5!important;border-radius:17px!important;box-shadow:0 3px 14px #203c6005;transition:transform .18s,box-shadow .18s,border-color .18s}
.landing-page .wv-plc-card:hover{border-color:#bed6f5!important;box-shadow:0 12px 30px #1c4c8110;transform:translateY(-3px)}
.landing-page .wv-plc-image img{object-fit:contain;max-width:100%;aspect-ratio:4/3;height:auto}
.landing-page .wv-plc-cta,.landing-page .s-btn{border-radius:10px!important;transition:background .16s,box-shadow .16s}
.landing-page .wv-plc-cta:not(:disabled):hover,.landing-page .s-btn:hover{box-shadow:0 5px 15px #0963c724}
.landing-page .s-catalog-toolbar{border:1px solid #e4ebf5;border-radius:12px;padding:12px 15px;background:#fff}
.landing-page .s-pagination a{border-radius:9px}.landing-page .s-pagination a.active{box-shadow:0 4px 12px #0963c725}
.landing-page .s-content{line-height:1.8}.landing-page .s-form input:focus,.landing-page .s-form select:focus,.landing-page .s-form textarea:focus{border-color:#74a8e4;box-shadow:0 0 0 3px #0963c710;outline:0}
.landing-page .acc{border-radius:12px;overflow:hidden;margin-bottom:9px;border:1px solid #e3ebf5}.landing-page .acc[open]>summary{background:#f1f6fe;color:#155aab}
.landing-page .s-auth-card{box-shadow:0 15px 45px #1b3f6a0a}
@media(prefers-reduced-motion:reduce){.landing-page .wv-plc-card,.landing-page .wv-plc-cta,.landing-page .s-btn{transition:none}.landing-page .wv-plc-card:hover{transform:none}}
@media(max-width:600px){.landing-page .s-page-title{padding-bottom:14px;margin-bottom:20px}.landing-page .s-catalog-toolbar{padding:10px 12px}.landing-page .wv-breadcrumb-list{padding:10px 12px}}
/* storefront.css */
/* BirTekBurada storefront: shared commerce components, no external assets. */
:root{--bt-brand:var(--s-accent,#115cc1);--bt-deep:#132f50;--bt-teal:#138b80;--bt-page:#f4f7fb;--bt-ink:#182f4d;--bt-muted:#687e96;--bt-line:#e0e8f2;--bt-card:#fff;--bt-soft:#eaf2fd}
.bt-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bt-section-kicker{font-size:9px;font-weight:750;line-height:1.5;letter-spacing:1.35px;color:var(--bt-teal)}
.landing-page .navbar{border:0;box-shadow:0 3px 22px #203f680a}.landing-page .nav-utility-bar{background:linear-gradient(110deg,#164b90,#1e5aa0 55%,#17477e);color:#edf3fa;border-bottom:1px solid #ffffff14}.landing-page .nav-utility-bar a{color:#edf3fa}.landing-page .nav-utility-bar a:hover{color:#fff}.landing-page .navbar-nav>li>a{padding-left:13px;padding-right:13px;font-size:12px;letter-spacing:.2px}
.landing-page .nav-utility-cta-orange{background:#ffffff14;color:#f5f9ff!important}.landing-page .nav-utility-cta-blue{background:#c4dcff1f;color:#d9eaff!important}.landing-page .nav-utility-cta-purple{background:#e5dcff1f;color:#ece6ff!important}.landing-page .nav-utility-cta-pink{background:#f8dcf01f;color:#f9e8f5!important}.landing-page .nav-utility-cta-teal{background:#94e3d226;color:#cdf6eb!important}.landing-page .nav-utility-bar .wv-theme-toggle{background:#ffffff14;color:#e5eef8!important;box-shadow:inset 0 0 0 1px #ffffff24}.landing-page .nav-utility-cta:hover{background:#ffffff26;color:#fff!important}.landing-page .nav-utility-cta-teal:hover{background:#94e3d23b;color:#fff!important}.landing-page .nav-utility-bar .bt-social-mini a,.landing-page .nav-utility-bar .bt-social-mini span{background:#ffffff14;color:#e3eef9}.landing-page .nav-utility-bar .bt-social-mini a:hover{background:#ffffff2e;color:#fff}
[data-theme=dark] .landing-page .nav-utility-bar{background:linear-gradient(110deg,#142b44,#1b344c 55%,#163b3b);border-color:#2b455b;color:#d3e1ef}[data-theme=dark] .landing-page .nav-utility-bar a{color:#d3e1ef}
svg[data-brand],svg.b-icon[data-brand]{fill:currentColor!important;stroke:none!important}
.landing-page .nav-utility-cta-orange svg{color:#ffc86b}.landing-page .nav-utility-cta-blue svg{color:#72c1ff}.landing-page .nav-utility-cta-purple svg{color:#c3a5ff}.landing-page .nav-utility-cta-pink svg{color:#ffa8d6}.landing-page .nav-utility-cta-teal svg{color:#73e0c5}.landing-page .nav-utility-bar .wv-theme-toggle svg{color:#ffe09a}
.landing-page .nav-utility-bar .bt-social-mini>[title=Facebook]{background:#1877f2;color:#fff}.landing-page .nav-utility-bar .bt-social-mini>[title=Instagram]{background:linear-gradient(35deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff}.landing-page .nav-utility-bar .bt-social-mini>span{opacity:1}.landing-page .nav-utility-bar .bt-social-mini>[title]:hover{color:#fff;filter:brightness(1.12)}
.landing-page .nav-utility-inner{gap:24px}.landing-page .nav-utility-left{flex:1;min-width:0;max-width:540px;overflow:hidden}.landing-page .nav-utility-right{flex-shrink:0}.landing-page .nav-utility-bar .bt-social-mini>[title=WhatsApp]{background:#e7fff0;color:#128c4a}
.bt-header-marquee{position:relative;width:100%;height:26px;overflow:hidden;padding-right:30px;font-size:12px;line-height:26px;letter-spacing:.1px}.bt-marquee-track{display:flex;width:max-content;animation:bt-header-scroll 28s linear infinite;will-change:transform}.bt-marquee-group{display:flex;align-items:center;justify-content:space-around;flex:none;min-width:540px;gap:36px;padding-right:36px}.bt-marquee-group>span{flex:none;white-space:nowrap}.bt-marquee-group>span:before{content:'•';color:#8be6da;margin-right:13px}.bt-header-marquee:hover .bt-marquee-track,.bt-header-marquee:focus-within .bt-marquee-track,.bt-header-marquee.is-paused .bt-marquee-track{animation-play-state:paused}.bt-marquee-toggle{position:absolute;right:0;top:0;width:28px;height:26px;border:0;border-radius:6px;background:#1c5496;color:#d9ebff;display:grid;place-items:center;cursor:pointer;box-shadow:-8px 0 9px #1c5496}.bt-marquee-toggle svg{width:14px;height:14px;fill:currentColor;stroke:none}.bt-marquee-toggle:hover{background:#2d68aa;color:#fff}.bt-marquee-toggle:focus-visible{outline:2px solid #a7d9ff;outline-offset:-2px}.bt-marquee-play{display:none}.is-paused .bt-marquee-play{display:block}.is-paused .bt-marquee-pause{display:none}@keyframes bt-header-scroll{to{transform:translateX(-50%)}}
.bt-whatsapp-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:4500;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:10px 17px;background:#128c4a;color:#fff!important;border:1px solid #ffffff40;border-radius:30px;box-shadow:0 6px 20px #0873382b;text-decoration:none!important;font-family:'Segoe UI',Arial,sans-serif;transition:background .18s,box-shadow .18s}.bt-whatsapp-fab>svg{width:27px;height:27px;flex:none}.bt-whatsapp-fab>span{display:flex;flex-direction:column;line-height:1.35}.bt-whatsapp-fab strong{font-size:13px;font-weight:700}.bt-whatsapp-fab small{font-size:10px;color:#e1faeb}.bt-whatsapp-fab:hover{background:#0c763d;box-shadow:0 8px 24px #08733840}.bt-whatsapp-fab:focus-visible{outline:3px solid #74d9a2;outline-offset:3px}.landing-page .s-scrolltop{bottom:calc(86px + env(safe-area-inset-bottom))!important}.bt-search-open .bt-whatsapp-fab,.bt-consent-open .bt-whatsapp-fab{visibility:hidden}
@media(max-width:767px){.bt-whatsapp-fab{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:52px;height:52px;min-height:52px;padding:12px;border-radius:50%}.bt-whatsapp-fab>span{display:none}.landing-page .s-scrolltop{right:18px;bottom:calc(144px + env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.bt-marquee-track{animation:none;transform:none;will-change:auto;width:100%}.bt-marquee-group{min-width:0;max-width:100%;padding:0;gap:0}.bt-marquee-group~.bt-marquee-group,.bt-marquee-group>span~span,.bt-marquee-toggle{display:none}.bt-marquee-group>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.bt-header-marquee{padding-right:0}.bt-whatsapp-fab{transition:none}}
.landing-page .navbar-nav>li>a[aria-current=page]{background:#eaf3ff!important;color:var(--bt-brand)!important}
.landing-page #wvSearchToggle{background:#f2f6fb!important;border:1px solid #e1eaf5;border-radius:11px;padding:10px 12px!important;gap:9px;color:#54708e!important;display:flex;align-items:center;margin-right:10px}
#wvSearchToggle kbd{font:10px Arial;background:white;border:1px solid #dbe4ef;color:#8a9db1;box-shadow:none;border-radius:4px;padding:2px 5px}
.landing-page .trust-bar{border-bottom:1px solid #dce7f4!important;background:#fcfdff!important}.landing-page .trust-item{border-color:#e8eef6!important}.landing-page .trust-icon{border-radius:10px!important;background:#eaf4f6!important;color:var(--bt-teal)!important}
.bt-discovery{padding-top:24px;padding-bottom:4px}.bt-discovery-inner{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);align-items:center;gap:35px;padding:24px 28px;border-radius:20px;border:1px solid #dfe9f6;background:linear-gradient(110deg,#edf4ff 0%,#f8fbff 48%,#edf8f6 100%);position:relative;overflow:hidden}
.bt-discovery-copy{min-width:0}.landing-page .bt-discovery-copy h2{font-size:25px!important;line-height:1.3!important;font-weight:730!important;letter-spacing:-.65px;color:var(--bt-deep)!important;margin:7px 0 0!important}
.bt-discovery-search{min-width:0}.bt-product-search{display:flex;align-items:center;gap:12px;position:relative;width:100%;padding:6px 6px 6px 17px;background:#fff;border:1px solid #d6e3f4;border-radius:13px;box-shadow:0 7px 20px #284d7d07;margin:0}
.bt-product-search:focus-within{border-color:#79a5e1;box-shadow:0 0 0 4px #1565c60c}.bt-product-search>svg{width:19px;height:19px;flex-shrink:0;color:#7090b4}.bt-product-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:9px 0!important;color:#243f60!important;font:14px "Segoe UI",Arial,sans-serif!important;min-width:0;width:100%;height:40px;flex:1}.bt-product-search input::placeholder{color:#8a9bb0}.bt-product-search input::-webkit-search-cancel-button{cursor:pointer}
.bt-product-search>button[type=submit]{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;min-height:42px;min-width:112px;padding:10px 15px;background:var(--bt-brand);color:white;font:650 12px "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s}.bt-product-search>button[type=submit]:hover{background:#0c4899}.bt-product-search>button[type=submit] svg{width:15px;height:15px}
.bt-search-shortcuts{display:flex;align-items:center;gap:7px;padding:11px 1px 0;overflow-x:auto;scrollbar-width:none;max-width:100%}.bt-search-shortcuts>span{font-size:10px;color:#8b9bad;flex-shrink:0;margin-right:3px}.bt-search-shortcuts>a{font-size:10px;font-weight:600;color:#4d6d8c;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;padding:3px 7px;border-radius:5px}.bt-search-shortcuts>a:hover{background:white;color:var(--bt-brand)}.bt-search-shortcuts svg{width:11px;height:11px;opacity:.65}
.bt-discovery-compact .bt-discovery-inner{padding:17px 23px;background:var(--bt-card);box-shadow:0 3px 16px #24496f03;border-color:var(--bt-line)}.landing-page .bt-discovery-compact .bt-discovery-copy h2{font-size:21px!important}.bt-discovery-compact .bt-section-kicker{font-size:8px;letter-spacing:1px}.bt-discovery-compact .bt-search-shortcuts{padding-top:5px}
.landing-page .bt-featured{padding-top:22px;padding-bottom:0}.landing-page .bt-featured-shell{background:var(--bt-card,#fff)!important;border:1px solid var(--bt-line,#e3eaf3)!important;border-radius:22px!important;padding:27px!important;box-shadow:0 3px 20px #24446d03;margin-inline:10px}.landing-page .bt-featured-shell:before{display:none}
.landing-page .bt-featured-heading{margin-bottom:19px!important;align-items:center}.landing-page .bt-featured-heading h2{position:relative;color:var(--bt-ink,#16344d)!important;font-size:23px!important;line-height:1.4!important;letter-spacing:-.5px!important;margin:8px 0 7px!important;padding-left:17px}.landing-page .bt-featured-heading h2:before{content:'';position:absolute;left:0;top:4px;width:5px;height:24px;border-radius:4px;background:var(--bt-teal,#22877e)}.landing-page .bt-featured-heading p{color:var(--bt-muted,#718295)!important;font-size:12px!important;line-height:1.7!important;padding-left:17px}.landing-page .bt-featured-badge{background:transparent!important;color:var(--bt-teal,#22877e)!important;border:0!important;padding:0!important;margin-left:17px;font-size:8px;letter-spacing:1.3px}.landing-page .bt-featured-badge svg{stroke:currentColor;width:11px;height:11px}.landing-page .bt-featured-actions>a{color:#456582}.landing-page .bt-featured-controls button{background:#f5f8fc;color:#456582;border-color:#e0e8f2}.landing-page .bt-featured-bottom{color:#7b8da2;border-top:1px solid #edf1f6;padding-top:12px;margin-top:7px}.landing-page .bt-featured-bottom svg{color:var(--bt-teal,#22877e)}
.landing-page .wv-plc-card{padding:0!important;border-radius:17px!important;background:var(--bt-card)!important;box-shadow:0 3px 15px #24446d05!important;border-color:#e0e8f2!important}.landing-page .wv-plc-card:hover{box-shadow:0 14px 30px #24446d12!important}.landing-page .wv-plc-body{padding:17px!important}.landing-page .wv-plc-image{background:linear-gradient(180deg,#f9fbfd,#fff)!important;border-bottom:1px solid #f0f4fa;padding:20px!important}.landing-page .wv-plc-brand{display:inline-flex;align-self:flex-start;width:fit-content;padding:4px 7px;background:#edf6f5;border-radius:5px;color:#32786f!important;font-size:9px!important;letter-spacing:.7px!important;margin-bottom:8px!important}.landing-page .wv-plc-name{font-weight:650!important;color:#243f5f!important;line-height:1.55!important}.landing-page .wv-plc-price{border-top:1px solid #edf2f7;padding-top:13px!important}.landing-page .wv-plc-price-label{color:#8a9bad!important;font-size:9px!important;letter-spacing:.3px}.landing-page .wv-plc-price-value{font-size:24px!important;font-weight:750!important;letter-spacing:-.8px;color:#173f73!important}.landing-page .wv-plc-stock{font-size:10px!important}.landing-page .wv-plc-cta{min-height:42px!important;border-radius:9px!important;font-size:12px!important;box-shadow:none!important;background:var(--bt-brand)!important;color:#fff!important;gap:8px}.landing-page .wv-plc-cta:disabled{background:#dfe8f4!important;color:#768ca6!important;opacity:1}
.landing-page .bt-featured .wv-plc-image{height:150px!important;aspect-ratio:auto!important}.landing-page .bt-featured .wv-plc-body{padding:15px!important}.landing-page .bt-featured .wv-plc-price-value{font-size:22px!important}.landing-page .bt-featured .wv-plc-cta{min-height:38px!important;font-size:11px!important}.landing-page .bt-featured-track{gap:15px;grid-auto-columns:calc((100% - 45px)/4);padding-bottom:8px}
.landing-page .cat-group{background:var(--bt-card);padding:27px;border:1px solid var(--bt-line);border-radius:22px;box-shadow:0 3px 20px #24446d03;margin:23px 0!important}.landing-page .cat-group-title{border:0!important;padding:0!important;font-size:23px!important;letter-spacing:-.5px!important;line-height:1.4!important}.landing-page .cat-group-desc{font-size:12px!important;margin:7px 0 23px!important}.landing-page .cat-card{border:1px solid #e4eaf3!important;border-radius:14px!important;box-shadow:none!important}.landing-page .cat-img{border-radius:10px;margin:8px!important;background:#f9fbfe!important}.landing-page .cat-name{position:relative;text-align:left!important;padding:13px 30px 15px 12px!important;font-size:12px!important;font-weight:650!important;color:#385773!important}.landing-page .cat-name:after{content:'›';font:22px Arial;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b98ca}
.landing-page .wv-breadcrumb-list{border:0!important;background:none!important;border-radius:0;padding:14px 0 10px!important;font-size:11px;gap:6px}.landing-page .wv-breadcrumb-item,.landing-page .wv-breadcrumb-item a{color:#8194ac!important}.landing-page .wv-breadcrumb-item:last-child{color:#3b5879!important}.landing-page .s-page-title{font-size:31px;letter-spacing:-.8px;padding-bottom:18px;margin-bottom:24px}.landing-page .s-page-title:after{height:3px;width:42px;background:var(--bt-teal)}
.landing-page .s-filter{padding:21px;border:1px solid var(--bt-line);border-radius:17px!important;gap:13px;background:var(--bt-card);box-shadow:none}.bt-filter-heading{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--bt-line);color:#234466;font-size:13px;font-weight:700}.bt-filter-heading svg{width:17px;height:17px;color:var(--bt-brand)}.landing-page .s-filter h3{font-size:10px!important;color:#778ba2!important;text-transform:uppercase;letter-spacing:.7px;margin-top:6px}.landing-page .s-filter input,.landing-page .s-filter select{background:#f7f9fc;border:1px solid #e1e8f1;border-radius:9px;min-height:43px;font-size:12px}.landing-page .s-filter .s-two{gap:8px}.landing-page .s-filter .s-btn{margin-top:5px}.landing-page .s-reset{color:#7186a1;font-size:11px}.landing-page .s-sidebar-cats{padding:22px 10px;scrollbar-width:thin}.landing-page .s-sidebar-cats>a{border:0;border-radius:7px;padding:9px 8px;color:#69819a;font-size:11px;line-height:1.6}.landing-page .s-sidebar-cats>a:hover{background:#eaf2fd;color:#175bae}.landing-page .s-catalog-toolbar{padding:12px 15px;margin-bottom:18px;background:#edf3fa;border:0!important;border-radius:11px;color:#587593;font-size:12px}.landing-page .s-view{border:0;border-radius:7px;padding:6px 10px;color:#7890aa;background:transparent}.landing-page .s-view[aria-pressed=true]{background:#fff;color:var(--bt-brand);box-shadow:0 2px 5px #193f6810}
.landing-page .s-panel,.landing-page .s-content-card{border:1px solid var(--bt-line)!important;border-radius:18px!important;box-shadow:0 4px 22px #264b7204}.landing-page .s-panel h2{font-size:22px!important;letter-spacing:-.5px;color:var(--bt-deep)}.landing-page .s-panel h3{font-size:17px!important;color:var(--bt-deep)}.landing-page .s-form label{font-size:12px;color:#57708c}.landing-page .s-form input,.landing-page .s-form select,.landing-page .s-form textarea{border-radius:10px!important;border-color:#dce6f2!important;background:#f9fbfd;min-height:46px}.landing-page .s-btn{border-radius:10px!important;min-height:43px;font-size:12px!important;background:var(--bt-brand);border-color:var(--bt-brand);box-shadow:none}.landing-page .s-eyebrow{color:var(--bt-teal)!important;letter-spacing:1.3px}.landing-page .s-tabs{border:0;gap:7px;background:#eaf0f8;border-radius:12px;padding:6px;align-items:stretch}.landing-page .s-tabs a{background:var(--bt-card);border-radius:8px;color:#4e7197;font-size:12px}.landing-page .s-cart-item{background:var(--bt-card);padding:20px 14px;border:1px solid var(--bt-line);border-radius:13px;margin-bottom:12px}.landing-page .s-order-summary{border-top:3px solid var(--bt-brand)!important}.landing-page .s-empty{max-width:780px;margin:35px auto 55px;background:var(--bt-card);border:1px solid var(--bt-line);border-radius:22px;padding:65px 25px}.landing-page .s-content-card>span:last-child{color:var(--bt-teal)}
.landing-page .s-auth{border-radius:22px!important;border:1px solid #dfe8f4!important;box-shadow:0 14px 50px #203c6109!important}.landing-page .s-auth-intro{background:linear-gradient(145deg,#142f50,#155779)!important;position:relative;overflow:hidden}.landing-page .s-auth-intro:before{content:'';position:absolute;right:-90px;top:-120px;width:270px;height:270px;border-radius:50%;border:40px solid #ffffff05;pointer-events:none}.landing-page .s-auth-card{padding:38px!important}.landing-page .s-auth-card h2{font-size:29px!important;letter-spacing:-.7px}.landing-page .s-auth-intro .s-eyebrow{color:#8ee3d2!important}.landing-page .s-auth-intro li:before{color:#8ee3d2}.landing-page .s-auth-badges span{border-color:#ffffff28;border-radius:7px;background:#ffffff08}
.landing-page .wv-pd-hero{border:1px solid var(--bt-line)!important;border-radius:22px!important;box-shadow:0 7px 30px #24446d05}.landing-page .price-block{background:linear-gradient(120deg,#f1f6fe,#f4faf9)!important;border:1px solid #deebf5!important;border-radius:17px!important}.landing-page .acc{border-radius:13px;margin-bottom:11px;box-shadow:0 2px 8px #17375803}.landing-page .acc>summary{padding-top:20px;padding-bottom:20px}.landing-page .acc[open]>summary{background:#edf5fc!important;color:#185baa!important}.landing-page .product-image-slider{border-radius:16px;background:#fbfcfe}.landing-page .footer-top{border-top:1px solid var(--bt-line);background:#f6f9fd!important}.landing-page footer .footer-col h6{letter-spacing:1.2px;font-size:11px}.landing-page .s-local-footer{background:#132b49;font-size:11px}
/* Product search dialog */
.landing-page .bt-search-overlay{position:fixed!important;inset:0!important;z-index:11000!important;background:#0b203ab0!important;backdrop-filter:blur(6px);display:none!important;overflow:auto;padding:clamp(18px,7vh,70px) 20px!important;align-items:flex-start!important;justify-content:center!important}.landing-page .bt-search-overlay.wv-open{display:flex!important}.bt-search-open{overflow:hidden!important}
.bt-search-dialog{width:820px;max-width:100%;min-width:0;margin:0 auto;background:var(--bt-card);border:1px solid #ffffff40;border-radius:24px;box-shadow:0 25px 100px #07182e55;padding:30px;color:var(--bt-ink);animation:bt-search-enter .18s ease-out}.bt-search-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.landing-page .bt-search-dialog h2{font-size:29px!important;font-weight:730!important;line-height:1.3!important;letter-spacing:-.8px;color:var(--bt-deep)!important;margin:8px 0!important}.bt-search-dialog>header p{font-size:13px;color:var(--bt-muted);line-height:1.6;margin:0}.bt-search-dialog [data-search-close]{width:34px;height:34px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-card);color:#6e85a2;flex-shrink:0;display:grid;place-items:center;cursor:pointer}.bt-search-dialog [data-search-close] svg{width:16px;height:16px}.bt-search-dialog .bt-product-search{box-shadow:none;background:#f8fafd}.bt-search-clear{flex-shrink:0;display:grid;place-items:center;position:static!important;border:0!important;border-radius:6px!important;background:#e9eff7!important;color:#6983a0!important;width:26px!important;height:26px!important;padding:0!important;font-size:18px!important;transform:none!important;margin:0!important}.bt-search-clear[hidden]{display:none!important}
.bt-search-explore{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:25px;margin:28px 0}.landing-page .bt-search-explore h3{font-size:12px!important;line-height:1.5!important;color:#59718c!important;font-weight:650!important;margin:0 0 13px!important}.bt-search-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bt-search-category-grid>a{display:flex;align-items:center;gap:10px;border:1px solid var(--bt-line);border-radius:12px;padding:14px 11px;color:#3c5a7a;font-size:11px;line-height:1.5;min-width:0}.bt-search-category-grid>a:hover{background:#eef5ff;border-color:#bdd4f1;color:var(--bt-brand)}.bt-search-category-grid>a>svg{width:12px;height:12px;flex-shrink:0;margin-left:auto;color:#7698be}.bt-search-category-icon{width:30px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf4fc;color:#3d7bbb;flex-shrink:0}.bt-search-category-icon svg{width:16px;height:16px}.bt-search-explore>aside{background:linear-gradient(120deg,#edf7f5,#f3f8fd);border:1px solid #e0eceb;border-radius:13px;padding:21px}.bt-search-assist-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#228c7d;margin-bottom:12px}.bt-search-assist-icon svg{width:19px;height:19px}.bt-search-explore>aside p{font-size:11px;line-height:1.8;color:#6c8396;margin:0 0 11px}.bt-search-explore>aside a{font-size:11px;color:#208274;font-weight:650;display:inline-flex;align-items:center;gap:7px}.bt-search-explore>aside a svg{width:13px;height:13px}.bt-search-dialog>footer{border-top:1px solid var(--bt-line);padding-top:17px;display:flex;align-items:center;gap:17px;font-size:10px;color:#8294aa}.bt-search-dialog>footer kbd{font:9px Arial;color:#6a809a;background:#f1f5fa;border:1px solid var(--bt-line);border-radius:4px;box-shadow:none;padding:3px 5px}.bt-search-dialog>footer>a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#426c9b}.bt-search-dialog>footer svg{width:12px;height:12px}@keyframes bt-search-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1199px){.bt-discovery-inner{gap:23px;grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr)}.landing-page .bt-discovery-copy h2{font-size:23px!important}.landing-page .bt-featured-track{grid-auto-columns:calc((100% - 30px)/3)}}
@media(max-width:900px){.bt-discovery-inner{grid-template-columns:1fr;gap:17px}.landing-page .bt-discovery-copy h2{font-size:25px!important}.bt-discovery-compact .bt-discovery-copy{display:none}.bt-search-explore{gap:17px}.landing-page .bt-featured-heading{align-items:flex-start}}
@media(max-width:760px){.bt-discovery{padding-top:16px}.bt-discovery-inner{padding:21px;border-radius:17px;gap:18px}.bt-discovery .bt-section-kicker{font-size:8px}.landing-page .bt-discovery-copy h2{font-size:26px!important;max-width:310px}.bt-discovery-compact .bt-discovery-inner{padding:13px}.bt-product-search{gap:9px;padding:5px 5px 5px 12px;border-radius:11px}.bt-product-search input{font-size:16px!important;height:39px}.bt-product-search>button[type=submit]{min-width:43px;width:43px;height:41px;padding:11px}.bt-product-search>button[type=submit] span{display:none}.bt-product-search>button[type=submit] svg{width:17px;height:17px}.bt-product-search>svg{width:17px;height:17px}.bt-search-shortcuts{gap:4px;padding-top:10px}.bt-search-shortcuts>span{display:none}.bt-search-shortcuts>a{font-size:10px;padding:4px 6px}.bt-discovery-compact .bt-search-shortcuts{padding-top:6px}.landing-page .bt-featured-shell{padding:21px 15px!important;border-radius:18px!important;margin-inline:5px}.landing-page .bt-featured-heading h2{font-size:20px!important;padding-left:13px}.landing-page .bt-featured-heading h2:before{width:4px;height:21px;top:3px}.landing-page .bt-featured-heading p{padding-left:13px}.landing-page .bt-featured-badge{margin-left:13px}.landing-page .bt-featured-heading p{font-size:11px!important}.landing-page .bt-featured-track{grid-auto-columns:calc((100% - 15px)/2)}.landing-page .cat-group{padding:21px 15px;border-radius:18px;margin-top:20px!important}.landing-page .cat-group-title{font-size:20px!important}.landing-page .cat-name{font-size:11px!important;padding:11px 23px 12px 10px!important}.landing-page .cat-name:after{right:9px;font-size:20px}.landing-page .wv-plc-image{padding:13px!important}.landing-page .wv-plc-body{padding:12px!important}.landing-page .wv-plc-price-value{font-size:21px!important}.landing-page .wv-plc-price{padding-top:11px!important}.landing-page .wv-plc-brand{font-size:8px!important}.landing-page .wv-plc-cta{font-size:11px!important;min-height:40px!important}.landing-page .s-page-title{font-size:26px}.landing-page .s-auth-card{padding:29px 24px!important}.landing-page .s-auth-card h2{font-size:26px!important}.landing-page .s-filter{padding:20px}.landing-page .s-empty{padding:45px 20px}.landing-page .bt-search-overlay{padding:18px 12px!important}.bt-search-dialog{padding:23px 19px;border-radius:19px}.bt-search-dialog>header{margin-bottom:20px}.landing-page .bt-search-dialog h2{font-size:26px!important}.bt-search-explore{grid-template-columns:1fr;margin:23px 0 19px;gap:18px}.bt-search-explore>aside{padding:18px}.bt-search-dialog>footer{gap:13px;flex-wrap:wrap}.bt-search-dialog>footer>a{margin-left:0}.bt-search-category-grid>a{font-size:11px;padding:12px 10px}.bt-search-dialog .bt-product-search>svg{display:none}.bt-search-dialog .bt-product-search{padding-left:12px}}
@media(max-width:480px){.landing-page .bt-featured-track{grid-auto-columns:83%;gap:13px}.landing-page .bt-featured .wv-plc-image{height:175px!important}.landing-page .bt-featured .wv-plc-body{padding:15px!important}.landing-page .bt-discovery-copy h2{font-size:25px!important}.bt-search-shortcuts svg{display:none}.bt-search-category-grid{grid-template-columns:1fr}.bt-search-category-grid>a{padding:10px 12px}.bt-search-explore>aside{display:none}.bt-search-dialog>footer{font-size:9px}.bt-search-dialog>footer>span{display:none}.landing-page .s-cart-item{padding:16px 11px}.landing-page .s-panel{padding:20px}.landing-page .s-coupon{gap:8px}.landing-page .s-coupon .s-btn{padding-left:12px;padding-right:12px}}
html[data-theme=dark]{--bt-brand:#3984e8;--bt-deep:#dfebfb;--bt-teal:#70caba;--bt-page:#101c2c;--bt-card:#17273d;--bt-soft:#223951;--bt-ink:#dfebfb;--bt-muted:#a3b7cf;--bt-line:#30455f}html[data-theme=dark] .bt-discovery-inner{background:linear-gradient(120deg,#172e4c,#183b45);border-color:#30475e}html[data-theme=dark] .bt-product-search,html[data-theme=dark] .bt-search-dialog .bt-product-search{background:#102339;border-color:#36516e}html[data-theme=dark] .bt-product-search input{color:#e1ecfa!important}html[data-theme=dark] .bt-search-category-icon,html[data-theme=dark] .bt-search-explore>aside{background:#1b3749;border-color:#345465}html[data-theme=dark] .bt-search-category-grid>a{color:#bcd0e5}html[data-theme=dark] .landing-page .wv-plc-image{background:#fff!important}html[data-theme=dark] .landing-page .wv-plc-name,html[data-theme=dark] .landing-page .wv-plc-price-value{color:#cde1fb!important}html[data-theme=dark] .landing-page .bt-featured .wv-plc-card{background:#17273d!important}html[data-theme=dark] .landing-page .s-catalog-toolbar{background:#1c324b}html[data-theme=dark] .landing-page .s-filter input,html[data-theme=dark] .landing-page .s-filter select,html[data-theme=dark] .landing-page .s-form input,html[data-theme=dark] .landing-page .s-form select,html[data-theme=dark] .landing-page .s-form textarea{background:#142338;color:#d4e3f8}html[data-theme=dark] .landing-page .s-auth-card{background:var(--bt-card)}
@media(prefers-reduced-motion:reduce){.bt-search-dialog{animation:none}.bt-product-search>button{transition:none}}
/* Keep shortcuts neutral and honor the selected color theme. */
.landing-page #wvSearchToggle kbd,.landing-page .bt-search-dialog kbd{background:#f3f6fb!important;color:#6a809a!important;font-family:"Segoe UI",Arial,sans-serif!important}
.landing-page .trust-bar:after{background:var(--bt-teal)!important}
.landing-page .trust-bar .trust-icon svg{color:var(--bt-teal)!important}.landing-page .trust-bar .trust-icon svg [fill]:not([fill=none]){fill:var(--bt-teal)!important}
#searchText::-webkit-search-cancel-button{-webkit-appearance:none}
html[data-theme=dark] .landing-page .trust-bar{background:var(--bt-card)!important}html[data-theme=dark] .landing-page .cat-name,html[data-theme=dark] .landing-page .s-auth-card h2{color:#d5e5fa!important}html[data-theme=dark] .bt-filter-heading{color:#d5e5fa}html[data-theme=dark] .landing-page .price-block{background:#1a3049!important;border-color:#35506b!important}html[data-theme=dark] .landing-page .s-tabs{background:#20354c}html[data-theme=dark] .landing-page .footer-top{background:#16283f!important}html[data-theme=dark] .landing-page .bt-search-dialog kbd{background:#243c55!important;color:#c1d5ef!important}html[data-theme=dark] .landing-page .navbar-brand img{background:#fff;border-radius:7px}
.landing-page .maincontainer h1{letter-spacing:-.7px;color:var(--bt-deep);line-height:1.35}
.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row){display:flex;align-items:center;gap:10px;padding:7px!important;border:1px solid var(--bt-line)!important;background:var(--bt-card)!important;box-shadow:0 5px 20px #1d3c6505!important;border-radius:13px!important;max-width:780px}
.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row) input{min-width:0!important;flex:1!important;width:100%!important;max-width:none;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:11px 12px!important;color:var(--bt-ink);font-size:14px!important;border-radius:7px}
.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row)>button{min-height:41px;flex-shrink:0;padding:10px 21px!important;border:0!important;background:var(--bt-brand)!important;color:#fff!important;border-radius:9px!important;font-size:12px!important;font-weight:650;line-height:1.5}
.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row):focus-within{border-color:#79a5e1!important;box-shadow:0 0 0 4px #1565c60c!important}.landing-page .wv-video-search-form>svg{margin-left:12px;color:#8098b4}
@media(max-width:600px){.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row){gap:6px}.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row) input{font-size:16px!important;padding:10px 8px!important}.landing-page :is(.wv-makale-arama-form,.wv-video-search-form,.s-search-row)>button{padding:10px 14px!important}.landing-page .s-search-row>span{display:none}}
.bt-search-open #btChatLauncher,.bt-search-open #btChatPanel,.bt-search-open .s-scrolltop{visibility:hidden}
@media(max-width:480px){#btChatLauncher{width:48px!important;min-width:0!important;height:48px!important;padding:0!important;justify-content:center!important;border-radius:16px!important}#btChatLauncher span{display:none}}
/* Keep the complete featured cards visible on typical desktop screens. */
@media(min-width:761px){.landing-page .bt-featured-shell{padding:27px!important}.landing-page .bt-featured-heading{margin-bottom:16px!important}.landing-page .bt-featured-heading h2{font-size:23px!important;margin:8px 0 7px!important}.landing-page .bt-featured-heading p{line-height:1.5!important}.landing-page .bt-featured .wv-plc-image{height:132px!important;padding:13px!important;margin-bottom:0!important}.landing-page .bt-featured .wv-plc-body{padding:13px!important}.landing-page .bt-featured .wv-plc-brand{padding:3px 6px!important;font-size:8px!important;line-height:1.2!important;margin-bottom:6px!important}.landing-page .bt-featured .wv-plc-name-wrap{min-height:37px!important;margin-bottom:8px!important}.landing-page .bt-featured .wv-plc-name{line-height:1.45!important}.landing-page .bt-featured .wv-plc-price{padding-top:10px!important}.landing-page .bt-featured .wv-plc-price-row{line-height:1.3!important}.landing-page .bt-featured .wv-plc-kdv-note{line-height:1.4!important}.landing-page .bt-featured .wv-plc-stock{margin:7px 0 9px!important;line-height:1.5!important}.landing-page .bt-featured .wv-plc-cta{min-height:36px!important}}
.landing-page .bt-featured-track{overflow-y:hidden!important}
/* A quieter shared header; keep content aligned after retiring the info strip. */
@media(min-width:1200px){.landing-page .nav-desktop .navbar{padding-bottom:0!important;border-bottom:1px solid var(--bt-line)!important;box-shadow:0 5px 22px #173d6007}.landing-page .maincontainer{margin-top:120px!important}}
.bt-discovery-home .bt-discovery-inner{background:linear-gradient(115deg,#edf4ff,#f9fcff 55%,#edf8f6);border-color:#dce7f2;box-shadow:inset 0 1px 0 #ffffffc9}
.bt-discovery-home .bt-discovery-copy{padding-left:15px;border-left:3px solid var(--bt-teal)}
.bt-discovery-home .bt-section-kicker{font-size:9px;letter-spacing:1.2px}
.landing-page .cat-group-title{display:flex;align-items:center;gap:12px}
.landing-page .cat-group-title:before{content:'';width:5px;height:24px;border-radius:4px;background:var(--bt-teal);flex-shrink:0}
.landing-page .cat-card{overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.landing-page .cat-card:hover{border-color:#a5c5e9!important;box-shadow:0 8px 22px #25486f0b!important;transform:translateY(-2px)}
.landing-page .cat-card:focus-visible{outline:3px solid #73a9df;outline-offset:3px}
.landing-page .cat-name:after{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#edf4fb;right:9px;font-size:19px}
.landing-page .cat-name{padding-right:39px!important}
.landing-page .bt-featured-controls button{transition:background .18s ease,border-color .18s ease}
.landing-page .bt-featured-controls button:not(:disabled):hover{background:var(--bt-accent,#0963c7);border-color:var(--bt-accent,#0963c7);color:#fff}
.landing-page .s-content-card:hover{border-color:#b5cee9!important;box-shadow:0 9px 25px #24496f0a}
html[data-theme=dark] .bt-discovery-home .bt-discovery-inner{background:linear-gradient(115deg,#172e4c,#183b45);border-color:var(--bt-line);box-shadow:inset 0 1px 0 #ffffff06}
html[data-theme=dark] .landing-page .cat-name:after{background:#243c55;color:#a4c5e8}
@media(max-width:760px){.bt-discovery-home .bt-discovery-copy{padding-left:12px}.landing-page .cat-group-title{gap:9px}.landing-page .cat-group-title:before{width:4px;height:21px}.landing-page .cat-name{padding-right:35px!important}}
@media(prefers-reduced-motion:reduce){.landing-page .cat-card,.landing-page .bt-featured-controls button{transition:none}.landing-page .cat-card:hover{transform:none}}
/* Home introduction and selected product brands. */
.landing-page .bt-home-about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;margin:34px 0 18px;padding:34px;border:1px solid var(--bt-line);border-radius:22px;background:linear-gradient(115deg,#f1f6fd,#fff 60%);box-shadow:0 6px 30px #24486b04}
.bt-home-about-copy{min-width:0}.landing-page .bt-home-about h1{font-size:27px!important;letter-spacing:-.6px;line-height:1.4!important;color:var(--bt-deep);margin:12px 0 15px;padding:0;border:0}
.landing-page .bt-home-about-intro{font-size:13px;line-height:1.9;color:var(--bt-muted);max-width:540px}.landing-page .bt-home-about-intro p{margin:0 0 12px}.bt-home-about-intro img{max-width:100%;height:auto}
.bt-home-about-actions{display:flex;flex-wrap:wrap;gap:11px 17px;align-items:center;margin-top:22px}.bt-home-about-actions>a{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;line-height:1.6;color:#3b658e}.bt-home-about-actions>a:first-child{background:var(--bt-brand);border-radius:9px;padding:10px 14px;color:#fff}.bt-home-about-actions svg{width:14px;height:14px;flex-shrink:0}
.bt-home-brands{min-width:0}.landing-page .bt-home-brands>header h2{font-size:15px!important;line-height:1.5;margin:0 0 5px!important;color:var(--bt-ink)}.bt-home-brands>header p{font-size:11px;line-height:1.6;color:var(--bt-muted);margin:0 0 17px}
.landing-page .bt-home-brand-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0}
.landing-page .bt-home-brand-grid>a{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:12px;padding:15px;min-width:0;border:1px solid var(--bt-line);border-radius:14px;background:var(--bt-card);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.landing-page .bt-home-brand-grid>a:hover{border-color:#acc8e7;box-shadow:0 8px 22px #25486f0b;transform:translateY(-2px)}.bt-home-brand-grid>a:focus-visible{outline:3px solid #73a9df;outline-offset:3px}
.bt-home-brand-logo{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-width:0;height:76px;padding:8px;border-radius:9px;background:#fff}
.landing-page .bt-home-brand-logo img{display:block;max-width:100%;width:180px!important;height:64px!important;object-fit:contain;object-position:center;margin:0!important}.bt-home-brand-initial{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#edf4fd;color:#336d9d;font-size:19px;font-weight:750}
.bt-home-brand-label{min-width:0}.bt-home-brand-label strong{display:block;font-size:12px;line-height:1.5;color:var(--bt-ink);overflow-wrap:anywhere}.bt-home-brand-label small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:var(--bt-muted)}.bt-home-brand-grid>a>svg{width:15px;height:15px;color:var(--bt-brand)}
.landing-page .bt-home-about-solo{grid-template-columns:1fr}.bt-home-about-solo .bt-home-about-intro{max-width:850px}
@media(max-width:900px){.landing-page .bt-home-about{grid-template-columns:1fr;gap:28px;padding:28px}.bt-home-about-intro{max-width:none}.landing-page .bt-home-brand-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}}
@media(max-width:600px){.landing-page .bt-home-about{margin-top:24px;padding:23px 19px;gap:27px;border-radius:18px}.landing-page .bt-home-about h1{font-size:24px!important;margin-top:10px}.landing-page .bt-home-about-intro{font-size:12px}.bt-home-about-actions{gap:13px;margin-top:18px}.bt-home-about-actions>a{font-size:11px}.landing-page .bt-home-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-page .bt-home-brand-grid>a{padding:12px;gap:10px}.bt-home-brand-logo{height:67px;padding:5px}.landing-page .bt-home-brand-logo img{height:54px!important}.bt-home-brand-label strong{font-size:11px}}
html[data-theme=dark] .landing-page .bt-home-about{background:linear-gradient(115deg,#182d46,#17273d);border-color:var(--bt-line)}html[data-theme=dark] .bt-home-about-actions>a{color:#a4c5e8}html[data-theme=dark] .bt-home-about-actions>a:first-child{color:#fff}
@media(prefers-reduced-motion:reduce){.landing-page .bt-home-brand-grid>a{transition:none}.landing-page .bt-home-brand-grid>a:hover{transform:none}}
.landing-page .bt-home-about{font-family:"Segoe UI",Arial,sans-serif}.landing-page .bt-home-about h1{font-family:inherit!important;font-weight:700!important;font-size:26px!important}.landing-page .bt-home-about-intro p{color:var(--bt-muted);font-size:13px;line-height:1.9}.landing-page .bt-home-brands>header h2{font-family:inherit!important;font-weight:700!important}.bt-home-brand-label strong{font-family:inherit;font-weight:650}
@media(max-width:600px){.landing-page .bt-home-about h1{font-size:23px!important}.landing-page .bt-home-about-intro p{font-size:12px}}
@media(max-width:380px){.landing-page .bt-home-brand-grid{grid-template-columns:1fr}.landing-page .bt-home-brand-grid>a{grid-template-columns:80px minmax(0,1fr) 16px;gap:10px}.bt-home-brand-grid .bt-home-brand-logo{grid-column:auto;height:57px;padding:4px}.landing-page .bt-home-brand-grid .bt-home-brand-logo img{height:49px!important}}
/* Account and order tracking */
.bt-order-page{padding-bottom:64px}.bt-order-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 28px}.bt-order-heading h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.7px;margin:8px 0;overflow-wrap:anywhere}.bt-order-heading p{color:#6b7c91;margin:0}.bt-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.bt-order-layout>main,.bt-order-layout>aside{min-width:0;display:grid;gap:20px}.bt-order-layout .s-panel{margin:0;padding:25px;border:1px solid #e3eaf3;border-radius:18px;box-shadow:0 5px 22px #10294405;min-width:0}.bt-order-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.bt-order-section-title h2,.bt-order-tracking h2,.bt-order-layout aside h2{font-size:18px;line-height:1.4;margin:0}.bt-order-section-title>span{color:#456483;background:#eff5fc;border-radius:20px;padding:6px 11px;font-size:12px}.bt-order-layout td small,.bt-order-page .s-muted{display:block;margin-top:5px;font-size:12px}.bt-order-total{display:flex;justify-content:space-between;align-items:center;padding-top:22px;margin-top:12px;border-top:1px solid #e8edf4;gap:12px}.bt-order-total strong{font-size:25px;color:#0b3159}.bt-order-tracking{display:flex;gap:18px;background:linear-gradient(120deg,#f0f7ff,#fff)}.bt-order-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#dfedff;color:#1566c1;flex-shrink:0}.bt-order-icon svg{width:27px;height:27px}.bt-order-tracking h2{margin:5px 0 10px}.bt-order-tracking p{margin:4px 0;color:#456483}.bt-tracking-code{display:block;font-size:21px;letter-spacing:.6px;overflow-wrap:anywhere}.bt-order-tracking small{display:block;margin-top:14px;color:#75879b;font-size:11px}.bt-order-history{list-style:none;padding:0;margin:0}.bt-order-history li{position:relative;display:flex;gap:18px;padding:0 0 23px}.bt-order-history li:not(:last-child):before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:#dce6f2}.bt-order-dot{width:11px;height:11px;margin-top:5px;background:#2d80d7;border:3px solid #dceeff;border-radius:50%;flex-shrink:0;box-sizing:content-box}.bt-order-history li:first-child .bt-order-dot{background:#19a37a;border-color:#d8f4eb}.bt-order-history strong{font-size:14px;color:#1b3c5d}.bt-order-history time{display:block;font-size:11px;color:#8392a5;margin-top:3px}.bt-order-history p{font-size:13px;color:#62768b;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.bt-order-history li:last-child{padding-bottom:0}.bt-order-layout aside p{font-size:13px;line-height:1.75;overflow-wrap:anywhere;color:#62768b}.bt-order-layout .s-form{margin:0;gap:13px}.bt-order-layout textarea{width:100%;box-sizing:border-box}.bt-order-support{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #e5edf5;font-weight:600}.bt-cancel-card{background:#fcfdff}.bt-order-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.bt-notifications{display:grid;gap:16px}.bt-notifications .s-panel{margin:0;border-radius:15px}.bt-notifications p{overflow-wrap:anywhere;white-space:normal}.bt-notifications time{font-size:12px;color:#75879b}.bt-order-page [hidden]{display:none!important}
@media(max-width:900px){.bt-order-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.bt-order-layout .s-panel{padding:20px}}
@media(max-width:720px){.bt-order-layout{grid-template-columns:minmax(0,1fr)}.bt-order-heading{align-items:flex-start;flex-direction:column;gap:13px}.bt-order-heading .s-btn{font-size:12px}.bt-order-layout .s-panel{padding:18px;border-radius:14px}.bt-order-section-title{align-items:flex-start;flex-wrap:wrap}.bt-order-layout td{font-size:12px;white-space:normal;overflow-wrap:anywhere}.bt-order-layout .s-table{min-width:0;width:100%}.bt-order-layout td:first-child{max-width:160px}.bt-order-layout td:last-child{min-width:85px}.bt-order-total strong{font-size:22px}.bt-order-tracking{gap:12px}.bt-order-icon{width:42px;height:42px;border-radius:12px}.bt-tracking-code{font-size:19px}.bt-order-page .s-tabs{overflow-x:auto}.bt-order-pagination{gap:8px;font-size:12px}}
/* account-checkout.css */
.bt-account-page,.bt-checkout-page{padding-top:28px!important;padding-bottom:65px!important}.bt-account-hero{display:flex;align-items:center;gap:19px;padding:26px 29px;margin:22px 0 20px;border:1px solid #e1eaf2;border-radius:20px;background:linear-gradient(110deg,#f2f8ff,#fff);min-width:0}.bt-member-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#dcecff;color:#1765b8;font-size:26px;font-weight:750;flex:none}.bt-account-hero>div{min-width:0;flex:1}.bt-account-hero h1{font-size:26px!important;font-weight:700!important;line-height:1.35;letter-spacing:-.6px;margin:7px 0!important;overflow-wrap:anywhere;color:#173b5b}.bt-account-hero p{margin:0;font-size:12px;color:#6d8095}.bt-account-hero form{margin-left:auto;flex:none}.bt-account-hero .s-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:39px;padding:10px 13px}.bt-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}.bt-account-stats>a{display:flex;align-items:center;gap:14px;padding:19px 22px;background:#fff;border:1px solid #e3eaf3;border-radius:15px;color:#1d3d5c;transition:border-color .18s}.bt-account-stats>a:hover{border-color:#a5c7ed}.bt-account-stats>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5ff;color:#2677c7}.bt-account-stats>a:nth-child(2)>span{background:#e8f7f1;color:#258b74}.bt-account-stats strong{display:block;font-size:23px;font-weight:750;line-height:1.3}.bt-account-stats small{display:block;font-size:11px;color:#778b9f;margin-top:3px}.bt-account-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start}.bt-account-menu{min-width:0}.bt-account-menu nav{display:grid;gap:5px;background:#fff;border:1px solid #e3eaf3;border-radius:16px;padding:9px}.bt-account-menu nav>a{display:flex;align-items:center;gap:11px;border-radius:10px;padding:14px 12px;font-size:12px;font-weight:600;color:#607990;white-space:nowrap}.bt-account-menu nav>a>svg{width:17px;height:17px;flex:none}.bt-account-menu nav>a>svg:last-child{width:12px;margin-left:auto;color:#a0afbf}.bt-account-menu nav>a.active{background:#edf5ff;color:#1268bf}.bt-account-menu nav>a.active>svg:last-child{color:#1268bf}.bt-account-menu nav>a:hover{background:#f5f8fc}.bt-account-help{display:grid;justify-items:start;gap:10px;border:1px solid #e1ede9;border-radius:16px;background:#f6fbf9;padding:20px;margin-top:16px}.bt-account-help>span{color:#268b7a}.bt-account-help strong{font-size:13px;color:#2f5b56}.bt-account-help p{font-size:12px;color:#6c8782;line-height:1.7;margin:0}.bt-account-help a{font-size:11px;font-weight:650;color:#278271}.bt-account-main{min-width:0}.bt-account-content-heading{margin:3px 0 19px}.bt-account-content-heading h2{font-size:21px!important;font-weight:700!important;color:#1b3b59;margin:0 0 7px!important}.bt-account-content-heading p{font-size:12px;color:#75879b;margin:0;line-height:1.7}.bt-account-main .s-panel{margin:0;border:1px solid #e3eaf3;border-radius:16px;box-shadow:0 3px 18px #16345903}.bt-account-main .s-empty{margin:0;max-width:none;padding:42px 24px;border:1px solid #e3eaf3;border-radius:16px;background:#fff}.bt-account-main .s-empty h2{font-size:20px;font-weight:650}.bt-account-main .s-empty p{font-size:12px;color:#7a8ca0}.bt-account-empty>span{display:grid;place-items:center;width:54px;height:54px;background:#edf5ff;border-radius:16px;margin:0 auto 16px;color:#387fbf}.bt-account-empty>span svg{width:27px;height:27px}.bt-member-orders{display:grid;gap:15px}.bt-member-order{background:#fff;border:1px solid #e3eaf3;border-radius:16px;overflow:hidden}.bt-member-order>header{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #edf1f6}.bt-member-order>header>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f1f6fc;color:#5c83ab;flex:none}.bt-member-order>header>div{min-width:0}.bt-member-order>header strong{display:block;font-size:12px;color:#2c4c68;overflow-wrap:anywhere}.bt-member-order time{display:block;font-size:10px;color:#8796a7;margin-top:4px}.bt-order-state{margin-left:auto;font-size:10px;color:#2b8069;background:#eaf7f1;border:1px solid #dff0e8;border-radius:20px;padding:6px 10px;line-height:1.5;text-align:center;flex:none;max-width:155px}.bt-order-state.closed{color:#7b8999;background:#f4f6f9;border-color:#e7edf3}.bt-member-order>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px}.bt-member-order-total>small{display:block;font-size:10px;color:#8495a7;margin-bottom:4px}.bt-member-order-total>strong{font-size:22px;font-weight:750;color:#173c60;letter-spacing:-.4px}.bt-member-order-total>span{display:block;font-size:10px;color:#7b8d9f;margin-top:5px}.bt-member-order .s-btn{font-size:11px;min-height:37px;padding:9px 14px;display:inline-flex;gap:8px;align-items:center}.bt-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.bt-address-card{padding:20px}.bt-address-card>header{display:flex;align-items:center;gap:9px;margin-bottom:17px}.bt-address-card>header>span{color:#4285c6}.bt-address-card h3{font-size:14px!important;font-weight:650!important;margin:0!important;overflow-wrap:anywhere}.bt-address-card form{margin-left:auto}.bt-address-delete{display:grid;place-items:center;width:30px;height:30px;border:0;background:#f7f9fc;color:#8193a4;border-radius:8px;cursor:pointer}.bt-address-delete:hover{color:#c84956;background:#fff0f1}.bt-address-delete svg{width:15px;height:15px}.bt-address-card>strong{font-size:13px;font-weight:600}.bt-address-card p{font-size:12px;color:#6c8095;line-height:1.75;margin:8px 0;overflow-wrap:anywhere}.bt-address-card>small{font-size:11px;color:#8394a4}.bt-address-grid>.bt-account-empty{grid-column:1/-1;padding:32px;text-align:center}.bt-address-grid>.bt-account-empty h3{font-size:17px;font-weight:600}.bt-profile-form{padding:25px!important;display:grid;gap:19px}.bt-profile-form h3{font-size:16px;font-weight:700;margin:0}.bt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.bt-profile-extra{border-top:1px solid #e8eef5;padding-top:15px}.bt-profile-extra>summary{font-size:13px;font-weight:600;color:#335875;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:2px 0}.bt-profile-extra>summary:after{content:'+';font-size:18px;font-weight:400;color:#88a0b9}.bt-profile-extra[open]>summary:after{content:'−'}.bt-profile-extra>summary span{font-size:10px;color:#8b9aab;font-weight:400;margin-left:auto}.bt-profile-extra .bt-form-grid{margin-top:16px}.bt-profile-extra>small{display:block;color:#8395a7;font-size:11px;margin-top:10px}.bt-phone-verification{display:flex;align-items:center;gap:13px;padding:22px!important;margin-top:18px!important}.bt-phone-verification>span{color:#248b76}.bt-phone-verification>div{flex:1}.bt-phone-verification h3{font-size:13px;font-weight:650;margin:0 0 5px}.bt-phone-verification p{font-size:11px;color:#7b8fa2;margin:0}.bt-phone-verification .s-btn{font-size:11px;min-height:36px;padding:8px 12px}.bt-account-title{margin:23px 0 27px}.bt-account-title h1{font-size:28px!important;font-weight:700!important;color:#1b3c5a;margin:8px 0 9px;letter-spacing:-.6px}.bt-account-title p{font-size:12px;color:#7b8ca0;margin:0}.bt-checkout-form{display:grid!important;gap:15px!important;margin:0!important;min-width:0}.bt-checkout-section{margin:0;background:#fff;border:1px solid #e2eaf3;border-radius:15px;overflow:hidden;min-width:0}.bt-checkout-section>summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;padding:21px;min-width:0}.bt-checkout-section>summary::-webkit-details-marker,.bt-profile-extra>summary::-webkit-details-marker{display:none}.bt-checkout-section>summary>span:nth-child(2){flex:1;min-width:0}.bt-checkout-section>summary strong{display:block;font-size:14px;font-weight:650;color:#2b4c6a;line-height:1.5}.bt-checkout-section>summary small{display:block;font-size:11px;color:#8396aa;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.bt-checkout-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#edf5ff;color:#347ec2}.bt-checkout-icon svg{width:20px;height:20px}.bt-details-arrow{color:#8ba0b6;flex:none;transition:transform .2s}.bt-details-arrow svg{width:15px;height:15px}.bt-checkout-section[open] .bt-details-arrow{transform:rotate(180deg)}.bt-checkout-section[open]>summary{border-bottom:1px solid #edf1f6}.bt-checkout-fields{display:grid;gap:17px;padding:22px}.bt-checkout-page input,.bt-checkout-page textarea,.bt-checkout-page select,.bt-account-page input,.bt-account-page textarea{box-sizing:border-box;max-width:100%;font-family:inherit}.bt-checkout-fields label,.bt-profile-form label{display:block;font-size:12px;color:#486780;line-height:1.6}.bt-checkout-fields input:not([type=checkbox]):not([type=radio]),.bt-checkout-fields textarea,.bt-checkout-fields select{display:block;width:100%;border:1px solid #dbe5f0;border-radius:9px;padding:11px 12px;margin-top:7px;background:#fff;min-height:43px;color:#264865;font-size:13px;outline:none}.bt-checkout-fields textarea{resize:vertical;min-height:85px}.bt-checkout-fields input:focus,.bt-checkout-fields textarea:focus,.bt-checkout-fields select:focus{border-color:#81afe0;box-shadow:0 0 0 3px #1683e50a}.bt-field-help{font-size:10px!important;color:#899bad!important;margin:0!important;line-height:1.7}.bt-invoice-types{border:0;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}.bt-invoice-types legend{font-size:12px;color:#496982;margin-bottom:11px}.bt-invoice-types label{display:flex;align-items:center;gap:7px;border:1px solid #e1e9f2;border-radius:9px;padding:10px 17px;cursor:pointer;font-size:12px}.bt-invoice-types input{accent-color:#0963c7;min-height:0!important}.bt-invoice-same{border-top:1px solid #edf1f6;padding-top:15px;display:flex!important;align-items:flex-start;gap:9px;cursor:pointer;font-size:12px!important}.bt-invoice-same input{margin:3px 0 0;flex:none;accent-color:#0963c7}.bt-checkout-fields [data-corporate-fields]{display:grid;gap:16px}.bt-checkout-page [hidden],.bt-account-page [hidden]{display:none!important}.bt-payment-card{margin:0!important;padding:24px!important;border-radius:15px!important;border:1px solid #e2eaf3;display:grid;gap:16px}.bt-payment-card h2{font-size:17px!important;font-weight:650!important;margin:0 0 3px!important}.bt-payment-card>.s-check{font-size:12px;line-height:1.7;margin:0}.bt-checkout-terms{border-top:1px solid #e9eef5;padding-top:17px}.bt-payment-card>.s-btn{width:100%;min-height:45px;font-size:13px}.bt-checkout-page .s-order-summary{border-radius:16px!important;position:sticky;top:145px;align-self:start}.bt-order-page .bt-checkout-section>summary{padding:18px}.bt-order-page .bt-checkout-fields{padding:18px}.bt-order-page .bt-checkout-fields p{margin:0;font-size:12px;line-height:1.8}.bt-order-page .bt-checkout-section>summary small{font-size:10px}.bt-account-page .s-tabs{margin:0}
@media(max-width:900px){.bt-account-layout{grid-template-columns:195px minmax(0,1fr);gap:18px}.bt-account-stats>a{padding:16px;gap:11px}.bt-account-menu nav>a{padding:13px 9px;font-size:11px}.bt-account-hero{padding:23px}.bt-address-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.bt-account-page,.bt-checkout-page{padding-top:18px!important}.bt-account-hero{flex-wrap:wrap;padding:20px 17px;border-radius:16px;gap:13px;margin:17px 0}.bt-member-avatar{width:47px;height:47px;border-radius:14px;font-size:21px}.bt-account-hero h1{font-size:21px!important}.bt-account-hero p{font-size:11px;line-height:1.7}.bt-account-hero form{margin-left:60px}.bt-account-hero .s-btn{font-size:10px;min-height:33px;padding:7px 10px}.bt-account-stats{gap:8px;margin-bottom:20px}.bt-account-stats>a{display:block;padding:13px 10px;border-radius:12px}.bt-account-stats>a>span{width:29px;height:29px;border-radius:8px;margin-bottom:9px}.bt-account-stats>a>span svg{width:16px;height:16px}.bt-account-stats strong{font-size:20px}.bt-account-stats small{font-size:9px;line-height:1.6}.bt-account-layout{display:block}.bt-account-menu nav{display:flex;overflow-x:auto;gap:5px;padding:6px;border-radius:12px;margin-bottom:23px;scrollbar-width:none}.bt-account-menu nav>a{padding:11px 12px;font-size:11px;gap:7px}.bt-account-menu nav>a>svg{width:15px;height:15px}.bt-account-menu nav>a>svg:last-child{display:none}.bt-account-help{display:none}.bt-account-content-heading h2{font-size:19px!important}.bt-account-content-heading p{font-size:11px}.bt-profile-form{padding:19px!important}.bt-form-grid{gap:13px}.bt-phone-verification{flex-wrap:wrap;padding:18px!important}.bt-phone-verification>form{width:100%;margin-left:31px}.bt-member-order>header{padding:15px;flex-wrap:wrap;gap:9px}.bt-member-order>header strong{font-size:11px}.bt-member-order>header>span:first-child{width:31px;height:31px}.bt-order-state{font-size:9px;margin-left:40px}.bt-member-order>div{padding:16px;gap:10px}.bt-member-order-total>strong{font-size:20px}.bt-member-order .s-btn{font-size:10px;padding:8px 10px}.bt-account-title h1{font-size:25px!important}.bt-checkout-section>summary{padding:17px 15px;gap:10px}.bt-checkout-section>summary strong{font-size:13px}.bt-checkout-section>summary small{font-size:10px}.bt-checkout-icon{width:34px;height:34px;border-radius:10px}.bt-checkout-fields{padding:18px 15px}.bt-payment-card{padding:20px 17px!important}.bt-checkout-page .s-cart-layout{display:flex!important;flex-direction:column;gap:19px}.bt-checkout-page .s-cart-layout>form,.bt-checkout-page .s-order-summary{width:100%;box-sizing:border-box}.bt-checkout-page .s-order-summary{position:static}.bt-checkout-fields input:not([type=checkbox]):not([type=radio]),.bt-checkout-fields textarea,.bt-checkout-fields select{font-size:16px}.bt-profile-extra>summary{font-size:12px}.bt-profile-extra>summary span{font-size:9px}}
@media(max-width:420px){.bt-form-grid{grid-template-columns:minmax(0,1fr)}.bt-member-order>div{align-items:flex-start;flex-direction:column}.bt-member-order .s-btn{width:100%;justify-content:center}.bt-profile-extra>summary{flex-wrap:wrap;gap:7px}.bt-profile-extra>summary span{margin-left:0}}
@media(prefers-reduced-motion:reduce){.bt-account-stats>a,.bt-details-arrow{transition:none}}
@media(max-width:720px){.bt-account-hero{display:grid;grid-template-columns:47px minmax(0,1fr);align-items:start}.bt-account-hero form{grid-column:2;margin-left:0;justify-self:start}.bt-account-hero h1{overflow-wrap:break-word}}
.bt-bank-card h2{margin-bottom:12px}.bt-bank-account{display:grid;grid-template-columns:1fr;gap:4px;margin:20px 0}.bt-bank-account dt{font-size:11px;color:#7289a1;margin-top:9px}.bt-bank-account dd{margin:0;color:#244c77;font-size:14px;overflow-wrap:anywhere}.bt-bank-account .bt-iban{font-family:ui-monospace,Consolas,monospace;font-weight:600;line-height:1.8}.bt-bank-review-note{padding:12px;border-radius:10px;background:#edf6ff;color:#325f8d;font-size:13px;line-height:1.7}.bt-bank-card [data-bank-state]{font-weight:600;color:#2262a4}.bt-bank-card [data-bank-reply]{font-size:13px;line-height:1.7}.bt-bank-card .s-form{padding:16px}.bt-bank-card input,.bt-bank-card textarea{max-width:100%}
/* toast.css */
.bt-toast-stack{position:fixed;right:24px;top:24px;z-index:2147483000;width:min(410px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none;font-family:inherit}.bt-toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:17px 14px 18px 17px;background:#fff;color:#1c3a55;border:1px solid #dfe8f1;border-radius:15px;box-shadow:0 12px 44px #17365726;overflow:hidden;pointer-events:auto;animation:bt-toast-enter .2s ease-out;line-height:1.5;text-align:left}.bt-toast-icon{display:grid;place-items:center;flex:none;background:#e5f7ef;color:#188361;border-radius:10px;width:34px;height:34px}.bt-toast-icon svg{width:19px;height:19px}.bt-toast>div{flex:1;min-width:0}.bt-toast strong{display:block;font-size:13px;font-weight:700;margin:0 0 3px}.bt-toast p{font-size:12px;font-weight:400;margin:0;color:#587087;overflow-wrap:anywhere;line-height:1.6}.bt-toast button{display:grid;place-items:center;flex:none;width:25px;height:25px;border:0;background:transparent;color:#7c8d9f;padding:4px;cursor:pointer}.bt-toast button svg{width:16px;height:16px}.bt-toast button:hover{background:#eef3f9;border-radius:6px;color:#2e526f}.bt-toast button:focus-visible{outline:2px solid #0963c7;outline-offset:2px}.bt-toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#2aaa83;transform-origin:left;animation:bt-toast-time 3s linear forwards}.bt-toast--error .bt-toast-icon{background:#ffeded;color:#cf4655}.bt-toast--error .bt-toast-progress{background:#dc6571}.bt-toast--info .bt-toast-icon{background:#eaf3ff;color:#0963c7}.bt-toast--info .bt-toast-progress{background:#3684d5}@keyframes bt-toast-enter{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes bt-toast-time{to{transform:scaleX(0)}}@media(max-width:600px){.bt-toast-stack{right:16px;top:calc(12px + env(safe-area-inset-top,0px))}.bt-toast{padding:14px 12px 15px;gap:10px;border-radius:13px}}@media(prefers-reduced-motion:reduce){.bt-toast{animation:none}.bt-toast-progress{animation:none}}
/* responsive.css */
/* Shared product-first layout, applied after the retained storefront theme. */
body.landing-page{height:auto!important;min-height:100vh;overflow-x:clip!important;overflow-y:visible!important}
html:has(body.landing-page){overflow-x:clip!important;overflow-y:auto;scrollbar-gutter:stable}
html:has(body.bt-search-open),html:has(body.bt-consent-open),html:has(dialog[open]){overflow:hidden!important}
.landing-page{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-size:14px}
.landing-page .maincontainer,.landing-page .maincontainer :is(h1,h2,h3,h4,h5,h6,p,li,td,th,a,label,input,select,textarea,button){font-family:inherit!important}
.landing-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #70a7e0;outline-offset:3px}
.landing-page .s-page-title{font-size:clamp(23px,2.5vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.5px;margin:22px 0 24px}
.landing-page .wv-breadcrumb{overflow:hidden}.landing-page .s-content{line-height:1.75}
.landing-page .s-catalog{grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.landing-page .s-catalog>section{min-width:0}
.landing-page .s-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-page .s-products.list{grid-template-columns:minmax(0,1fr)}
.landing-page .s-products .wv-plc-image{height:auto!important;aspect-ratio:4/3;padding:18px!important}.landing-page .s-products .wv-plc-image-link{height:100%;width:100%;min-height:0}
.landing-page .s-products .wv-plc-body{padding:16px!important}.landing-page .s-products .wv-plc-name-wrap{min-height:63px!important;margin-bottom:10px!important}
.landing-page .s-products .wv-plc-name{font-size:14px!important;line-height:1.5!important;font-weight:650!important;-webkit-line-clamp:3}
.landing-page .wv-plc-rating.is-empty,.landing-page .s-products .wv-plc-price-label{display:none!important}.landing-page .s-products .wv-plc-price{padding-top:12px!important}
.landing-page .s-products .wv-plc-price-value{font-size:24px!important;font-weight:750!important;letter-spacing:-.6px}.landing-page .wv-plc-cta{min-height:44px!important;font-size:13px!important}
.landing-page .s-products .wv-plc-stock{font-size:11px!important;line-height:1.5}.landing-page .wv-plc-kdv-note{font-size:11px!important}
.landing-page .s-catalog-toolbar{gap:12px;flex-wrap:wrap;padding:12px 14px;margin-bottom:18px}.bt-sort-form{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.landing-page .bt-sort-form select{border:1px solid #d8e4f2;border-radius:9px;background:var(--bt-card);color:var(--bt-ink);padding:10px 12px;min-height:44px;font-size:12px;max-width:100%}.bt-sort-form button{border:1px solid var(--bt-line);border-radius:8px;padding:10px;background:var(--bt-card);color:var(--bt-ink)}.bt-sort-form.is-enhanced button{display:none}
.bt-catalog-views{display:flex;gap:4px;flex:none}.landing-page .bt-catalog-views .s-view{min-width:40px;min-height:44px;display:grid;place-items:center}.bt-catalog-views svg{width:16px;height:16px}
#s-filter-toggle{display:none;margin:0 0 14px;min-height:44px;padding:10px 20px}
.landing-page .bt-filter-form{display:block;padding:20px;margin:0;border-radius:15px}.landing-page .bt-filter-heading{display:flex;align-items:center;gap:10px;font-size:14px;margin:0 0 18px;padding-bottom:17px}.bt-filter-heading>strong{font-size:14px;font-weight:650}.bt-filter-close{display:none;margin-left:auto;border:0;background:#edf4fc;color:#335b88;border-radius:8px;font-size:24px;width:40px;height:40px;cursor:pointer}
.bt-filter-core,.bt-filter-advanced{display:grid;gap:16px}.landing-page .bt-filter-field{display:block;margin:0;min-width:0}.bt-filter-field>span,.bt-filter-price label>span{display:block;color:#58708d;font-size:12px;font-weight:600;margin-bottom:7px}
.landing-page .bt-filter-form :is(input:not([type=checkbox]),select){width:100%;min-width:0;max-width:100%;min-height:44px;padding:11px;border:1px solid var(--bt-line);border-radius:9px;background:var(--bt-card);color:var(--bt-ink);font-size:13px;margin:0;box-sizing:border-box}
.bt-filter-details{border:0;border-top:1px solid var(--bt-line);margin-top:18px;padding-top:15px}.bt-filter-details>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:36px;color:var(--bt-ink);font-size:12px;font-weight:650}.bt-filter-details>summary::-webkit-details-marker{display:none}.bt-filter-details>summary:after{content:'+';margin-left:auto;font-size:19px;font-weight:400;color:#6b89a9}.bt-filter-details[open]>summary:after{content:'−'}.bt-filter-details>summary>span{font-size:10px;color:#7990a8;font-weight:400}.bt-filter-details[open] .bt-filter-advanced{margin-top:14px}
.bt-filter-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:20px 0 16px;padding:0}.bt-filter-price legend{font-size:12px;color:var(--bt-ink);font-weight:600;margin-bottom:10px}.bt-filter-price label{min-width:0;margin:0}.bt-filter-price label>span{font-size:11px;font-weight:400}
.landing-page .bt-filter-stock{display:flex;align-items:center;gap:9px;font-size:12px;margin:15px 0;min-height:30px}.landing-page .bt-filter-stock input{width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:var(--bt-brand)}.bt-filter-actions{display:flex;align-items:center;gap:12px}.landing-page .bt-filter-actions .s-btn{font-size:12px!important;flex:1;justify-content:center}.landing-page .bt-filter-actions .s-reset{margin:0;font-size:11px;min-height:44px;display:grid;place-items:center}.bt-other-categories{padding:15px 20px;margin-top:12px;border:1px solid var(--bt-line);border-radius:13px;background:var(--bt-card)}.bt-other-categories .s-sidebar-cats{padding:0;margin-top:10px;border:0;max-height:320px;overflow:auto}.bt-other-categories .s-sidebar-cats a{font-size:12px;line-height:1.6;padding:8px 0}
.landing-page .bt-discovery{padding-top:20px}.landing-page .bt-discovery-inner{padding:22px 26px;min-height:0}.landing-page .bt-discovery-copy h2{font-size:24px!important;line-height:1.35!important}.landing-page .bt-featured-heading h2{font-weight:700!important}.landing-page .bt-featured-shell{padding:24px!important}.landing-page .bt-featured-heading{margin-bottom:18px!important}.landing-page .bt-featured .wv-plc-image{height:148px!important}.landing-page .bt-featured .wv-plc-name{font-size:13px!important;line-height:1.5!important;font-weight:650!important}.landing-page .bt-featured .wv-plc-name-wrap{min-height:42px!important}.landing-page .bt-featured .wv-plc-cta{min-height:44px!important;font-size:12px!important}.landing-page .bt-featured .wv-plc-body{padding:14px!important}.landing-page .bt-featured-controls button{min-width:38px;min-height:38px}
.landing-page .blueimp-gallery{display:none!important}.bt-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--bt-line);border-radius:10px;margin:16px 0}.bt-table-scroll>table{margin:0!important}.landing-page .s-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:46px}.landing-page .s-btn{min-height:44px}
.landing-page .bt-hero-navigation button,.landing-page .bt-featured-controls button{min-width:44px;min-height:44px}.landing-page .bt-dialog header button{min-width:44px;min-height:44px}
@media(max-width:1100px){
.landing-page .s-catalog{grid-template-columns:minmax(0,1fr);gap:18px}.landing-page .s-catalog>aside{display:none}.landing-page .s-catalog>aside.s-show{display:block}.landing-page .s-catalog>section{width:100%}#s-filter-toggle{display:inline-flex}
.bt-filter-close{display:grid;place-items:center}.bt-filter-core,.bt-filter-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}.bt-filter-form .bt-filter-price{max-width:400px}.bt-other-categories{display:none}
.landing-page .s-cart-layout{grid-template-columns:minmax(0,1fr);gap:22px}.landing-page .s-order-summary{position:static!important;width:100%;box-sizing:border-box}.landing-page .bt-checkout-page .s-cart-layout{display:flex!important;flex-direction:column}.bt-checkout-page .s-cart-layout>form{width:100%}
}
@media(max-width:1199px){
.landing-page .maincontainer{padding-top:0!important;margin-top:64px!important}.landing-page .nav-top-row{min-height:64px;height:auto;padding:8px 12px;gap:8px;align-items:center}.landing-page .nav-logo{flex:1;min-width:0}.landing-page .nav-logo img{width:clamp(108px,34vw,180px)!important;max-width:100%;height:auto!important}.landing-page .nav-icons{flex:none;display:flex;gap:4px;align-items:center}.landing-page .nav-icons .nav-icon-btn{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center}.landing-page #ottoHeaderBtn{display:none!important}.landing-page .nav-mobile-menu{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}.landing-page .nav-mobile-menu>a,.landing-page .nav-mobile-menu button{min-height:44px}
.landing-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.landing-page select,.landing-page textarea{font-size:16px!important}
}
@media(min-width:700px) and (max-width:900px){.landing-page .bt-discovery-inner{grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr);gap:22px}}
@media(max-width:699px){
.landing-page .s-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-page .s-products.list{grid-template-columns:minmax(0,1fr)}.landing-page .s-products .wv-plc-body{padding:12px!important}.landing-page .s-products .wv-plc-image{padding:10px!important}.landing-page .s-products .wv-plc-name{font-size:13px!important;line-height:1.5!important}.landing-page .s-products .wv-plc-name-wrap{min-height:59px!important}.landing-page .s-products .wv-plc-price-value{font-size:21px!important}.landing-page .s-products .wv-plc-price-currency{font-size:10px}.landing-page .s-products .wv-plc-cta{font-size:12px!important;padding:9px 6px!important;gap:6px}.landing-page .s-products .wv-plc-brand{font-size:9px!important}.landing-page .s-products .wv-plc-rating{font-size:11px}.landing-page .s-products .wv-plc-stock{font-size:10px!important}
.landing-page .s-catalog-toolbar{gap:8px;padding:8px 10px}.landing-page .s-catalog-toolbar>span{font-size:12px}.landing-page .bt-sort-form select{font-size:16px!important;width:175px;padding:9px 7px}.bt-catalog-views{display:none}
.bt-filter-core,.bt-filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bt-filter-core>.bt-filter-field:first-child{grid-column:1/-1}.landing-page .bt-filter-form{padding:17px}
.landing-page .bt-discovery{padding-top:14px}.landing-page .bt-discovery-inner{padding:17px;border-radius:15px;gap:12px}.landing-page .bt-discovery-copy{border:0;padding-left:0}.landing-page .bt-discovery-copy h2{font-size:22px!important;max-width:none;margin:0!important}.bt-discovery .bt-section-kicker{display:none}.landing-page .bt-search-shortcuts{padding-top:8px}.landing-page .bt-search-shortcuts>a{font-size:11px;min-height:32px}.landing-page .bt-featured{padding-top:18px}.landing-page .bt-featured-shell{padding:19px 14px!important;margin-inline:0!important}.landing-page .bt-featured-heading{gap:10px!important;margin-bottom:14px!important}.landing-page .bt-featured-heading h2{font-size:22px!important;margin:8px 0!important}.landing-page .bt-featured-heading p{display:none}.landing-page .bt-featured .wv-plc-image{height:150px!important}.landing-page .bt-featured .wv-plc-price-value{font-size:23px!important}
.landing-page .bt-search-dialog{padding:20px 16px}.landing-page .bt-search-dialog h2{font-size:23px!important}.bt-search-explore>aside{display:none}.bt-search-category-grid{gap:8px}.bt-search-category-grid>a{font-size:12px!important;min-height:60px}.bt-search-dialog>footer{display:none}.bt-search-dialog>header p{font-size:12px}
.landing-page .wv-pd-hero{padding:0!important;border:0!important;background:none!important}.landing-page .wv-pd-gallery-box{padding:12px!important}.landing-page .product-image-slider{height:clamp(220px,70vw,300px)!important;aspect-ratio:auto!important}.landing-page .product-image-wrapper,.landing-page .product-image-slide,.landing-page .product-image-slide>a{height:100%!important;min-height:0}.landing-page .product-image-slide>a{display:flex;align-items:center;justify-content:center}.landing-page .product-image-slide img{max-width:100%;max-height:100%;width:100%!important;height:100%!important;object-fit:contain}.landing-page .product-thumbnail-slide{flex-basis:54px!important;width:54px!important;height:54px!important;max-height:54px!important}.landing-page .product-thumbnail-wrapper{gap:7px;padding:5px 0 7px}.landing-page .wv-pd-header .ph-title,.landing-page .ph-title{font-size:21px!important;line-height:1.4!important;font-weight:700!important}
.landing-page .mobile-sticky-bar{gap:12px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));min-height:62px;background:var(--bt-card)!important;border-top:1px solid #dfe8f3}.landing-page .mobile-sticky-bar .sticky-call-btn,.landing-page .mobile-sticky-bar .sticky-wa-btn{display:none!important}.landing-page .mobile-sticky-bar .sticky-price{flex:1;min-width:0;padding:0;border:0;background:none}.landing-page .mobile-sticky-bar .sticky-price-main{font-size:22px!important;font-weight:750;color:var(--bt-deep);white-space:nowrap;text-overflow:clip;overflow:visible}.landing-page .mobile-sticky-bar .sticky-price-main:after{content:' ₺';font-size:12px;font-weight:600}.landing-page .mobile-sticky-bar .sticky-cart-btn{width:auto;flex:0 0 auto;min-width:145px;min-height:44px;border-radius:10px;background:var(--bt-brand)!important;border-color:var(--bt-brand)!important;color:#fff!important;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650}
.landing-page .s-cart-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px 12px}.landing-page .s-cart-item>img{width:70px;height:70px;object-fit:contain}.landing-page .s-cart-item>div{min-width:0}.landing-page .s-cart-item a{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.landing-page .s-cart-item>label{grid-column:1;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px}.landing-page .s-cart-item>label input{width:65px;min-height:44px}.landing-page .s-cart-item>strong{align-self:center;text-align:right;font-size:18px}.landing-page .s-coupon{display:flex;gap:9px}.landing-page .s-coupon input{min-width:0;flex:1}.landing-page .s-coupon .s-btn{flex:none}
.landing-page .s-auth{grid-template-columns:minmax(0,1fr)!important}.landing-page .s-auth-intro{display:none!important}.landing-page .s-auth-card{padding:25px 20px!important}.landing-page .bt-form-grid{grid-template-columns:minmax(0,1fr)}.landing-page .bt-account-menu nav>a{min-height:44px}.landing-page .bt-account-stats small{font-size:11px}.landing-page .bt-checkout-section>summary{min-height:70px}.landing-page .bt-payment-card>.s-btn{min-height:48px}
#btChatLauncher{width:48px!important;min-width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}#btChatLauncher span{display:none!important}.landing-page .bt-whatsapp-fab{bottom:calc(16px + env(safe-area-inset-bottom))}.landing-page:has(.mobile-sticky-bar) .bt-whatsapp-fab,.landing-page:has(.mobile-sticky-bar) #btChatLauncher{bottom:calc(78px + env(safe-area-inset-bottom))!important}.landing-page .s-scrolltop{display:none!important}
}
@media(max-width:380px){.landing-page .nav-icons .nav-icon-btn{width:40px;min-width:40px;height:44px}.landing-page .s-products{gap:10px}.landing-page .s-products .wv-plc-body{padding:10px!important}.landing-page .s-products .wv-plc-price-value{font-size:19px!important}.landing-page .bt-sort-form select{width:166px}.landing-page .s-catalog-toolbar{gap:6px}.landing-page .mobile-sticky-bar .sticky-cart-btn{min-width:132px}.landing-page .mobile-sticky-bar .sticky-price-main{font-size:20px!important}}
@media(min-width:700px) and (max-width:767px){.landing-page:has(.mobile-sticky-bar) #btChatLauncher,.landing-page:has(.mobile-sticky-bar) .bt-whatsapp-fab{bottom:calc(78px + env(safe-area-inset-bottom))!important}.landing-page .s-scrolltop{display:none!important}}
@media(prefers-reduced-motion:reduce){.landing-page .wv-plc-card,.landing-page .wv-plc-image img{transition:none!important;transform:none!important}}
/* mobile-menu.css */
#btMobileNav{position:fixed;inset:0 0 0 auto;width:min(92vw,360px);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink);box-shadow:-6px 0 24px #132b4912;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
#btMobileNav::backdrop{background:#132b4938}
.bt-mobile-nav-shell{display:flex;flex-direction:column;min-height:0;height:100%}.bt-mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--bt-line);flex:none}.bt-mobile-nav-logo{display:flex;align-items:center;min-width:0;color:var(--bt-brand);font-size:20px;font-weight:700}.bt-mobile-nav-logo img{width:150px!important;height:38px!important;object-fit:contain;background:#fff;border-radius:7px}.bt-mobile-nav-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:11px;border:0;border:1px solid var(--bt-line);border-radius:6px;background:transparent;color:var(--bt-deep);cursor:pointer}.bt-mobile-nav-close svg{width:21px;height:21px}
.bt-mobile-nav-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px 16px 20px}.bt-mobile-nav-search{display:flex;align-items:center;gap:9px;padding:5px 5px 5px 12px;border:1px solid var(--bt-line);border-radius:7px;background:var(--bt-card)}.bt-mobile-nav-search>svg{width:18px;height:18px;color:#7795b6;flex:none}.bt-mobile-nav-search input{min-width:0;flex:1;width:100%;height:42px;padding:5px 0;border:0;background:transparent;color:var(--bt-ink);font-size:16px;font-family:inherit;outline:none}.bt-mobile-nav-search input::placeholder{color:#8094ad;font-size:13px}.bt-mobile-nav-search>button{height:42px;min-width:52px;padding:8px 13px;border:0;border-radius:6px;background:var(--bt-brand);color:#fff;font-size:13px;font-weight:650;cursor:pointer}
.bt-mobile-nav-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:11px 0 10px;border-bottom:1px solid var(--bt-line);padding-bottom:11px}.bt-mobile-nav-quick>a{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:44px;padding:9px 10px;border:0;border-radius:0;background:transparent;color:var(--bt-ink);font-size:13px;font-weight:500;text-decoration:none}.bt-mobile-nav-quick>a>svg{width:18px!important;height:18px!important;flex:none;color:var(--bt-brand)}.bt-mobile-nav-quick .s-cart-count{position:static!important;min-width:18px;margin:0;font-size:10px;line-height:18px}.bt-mobile-nav-quick [hidden]{display:none!important}.bt-mobile-nav-section-label{display:none}
#btMobileNav #mobileMenu{position:static!important;display:block!important;width:100%;height:auto;max-height:none!important;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
#btMobileNav #mobileMenu>a,#btMobileNav #mobileMenu>.wv-acc-head,#btMobileNav #mobileMenu>.wv-theme-toggle{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;margin:0;padding:10px 9px;border:0;border-bottom:1px solid var(--bt-line);border-radius:0;background:transparent;color:var(--bt-ink);font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;text-align:left;box-sizing:border-box;cursor:pointer}
#btMobileNav #mobileMenu>a:hover,#btMobileNav #mobileMenu>button:hover,#btMobileNav #mobileMenu>button[aria-expanded=true]{background:var(--bt-soft);color:var(--bt-brand)}#btMobileNav #mobileMenu>a[aria-current=page]{background:transparent;color:var(--bt-brand);font-weight:600}#btMobileNav #mobileMenu>a:not(.bt-mobile-nav-search-link):after{content:'›';margin-left:auto;font-size:21px;color:#8ba0b8;font-weight:400}
#btMobileNav #mobileMenu>.bt-mobile-nav-search-link{display:none!important}#btMobileNav #mobileMenu>a>svg,#btMobileNav #mobileMenu>button>.wv-left>svg,#btMobileNav #mobileMenu>.wv-theme-toggle>svg{box-sizing:border-box;width:21px!important;min-width:21px!important;height:21px!important;padding:0;border-radius:0;background:transparent;color:var(--bt-brand)}#btMobileNav .wv-left{display:flex;align-items:center;gap:11px;min-width:0}#btMobileNav .wv-chev{display:inline-flex;align-items:center;margin-left:auto;color:#7691ae;flex:none}#btMobileNav .wv-chev svg{width:15px;height:15px;transition:transform .18s}#btMobileNav [aria-expanded=true]>.wv-chev svg{transform:rotate(180deg)}
#btMobileNav .wv-acc-body{display:none;padding:3px 0 10px 9px;margin:0 0 8px 18px;border-left:1px solid var(--bt-line);background:transparent}#btMobileNav .wv-acc-body.wv-open{display:block}#btMobileNav .wv-group-toggle{appearance:none;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;border:0;border-radius:9px;padding:11px;background:transparent;color:var(--bt-ink);font-family:inherit;font-size:13px;line-height:1.5;font-weight:600;text-align:left;white-space:normal;cursor:pointer}#btMobileNav .wv-group-toggle[aria-expanded=true]{background:var(--bt-soft);color:var(--bt-brand)}#btMobileNav .wv-group-body{display:none;margin:5px 0 10px 10px;padding:0 0 0 9px;border-left:1px solid var(--bt-line)}#btMobileNav .wv-group-body.wv-open{display:block}#btMobileNav .wv-cat-btn{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:44px;padding:11px 8px;border:0;border-radius:8px;background:transparent;color:var(--bt-muted);font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;text-align:left;white-space:normal;cursor:pointer}#btMobileNav .wv-cat-btn:hover,#btMobileNav .wv-group-toggle:hover{background:var(--bt-soft);color:var(--bt-brand)}#btMobileNav .wv-group-body a{display:flex;align-items:center;min-height:42px;padding:9px 8px;color:var(--bt-ink);font-size:12px;line-height:1.5;border-radius:7px;overflow-wrap:anywhere}#btMobileNav .wv-brand-cat-label{font-size:12px;color:var(--bt-muted);padding:13px 8px 4px;font-weight:650}
.bt-mobile-nav-footer{padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--bt-line);background:var(--bt-card);flex:none}.bt-mobile-nav-footer>a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #c6e6d3;border-radius:7px;background:var(--bt-card);color:#128c4a!important;font-size:13px;font-weight:600;text-decoration:none}.bt-mobile-nav-footer>a>svg{width:22px;height:22px}.bt-mobile-nav-footer>small{display:none}
@media(max-width:360px){#btMobileNav{width:95vw}.bt-mobile-nav-header{padding:14px 16px}.bt-mobile-nav-scroll{padding:16px 12px}.bt-mobile-nav-logo img{width:150px!important}.bt-mobile-nav-quick>a{padding:9px 6px;font-size:12px}.bt-mobile-nav-search{gap:6px;padding-left:9px}.bt-mobile-nav-search input::placeholder{font-size:12px}.bt-mobile-nav-footer{padding:13px 16px calc(13px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#btMobileNav[open]{animation:none}#btMobileNav .wv-chev svg{transition:none}}
.bt-mobile-nav-quick>a:first-child{border-right:1px solid var(--bt-line)}
html[data-theme=dark] .bt-mobile-nav-footer>a{color:#83e2ad!important;border-color:#335d49}