@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); /* ========================================== BUNDLE: desi_variables.css ========================================== */ /* ========================================================================== DESI DESIGN SYSTEM - VARIABLES & DESIGN TOKENS Dosya: desi_variables.css Ama?: DESi kurumsal kimli?inin t?m renk, font, bo?luk ve g?lge DNA's?. ========================================================================== */ :root { /* ---------------------------------------------------------------------- 1. MARKA VE AKS?YON RENKLER? ---------------------------------------------------------------------- */ /* DESi Kurumsal K?rm?z?s? (Logo & Bildirim Rozetleri) */ --desi-red: #e30613; --desi-red-hover: #c4040f; --desi-red-light: #fff1f2; /* DESi Aksiyon Ye?ili (Butonlar, Aktif Sekmeler, Vurgular) */ --desi-green: #2D7A68; --desi-green-hover: #246354; --desi-green-light: #f0fdf4; --desi-green-glow: rgba(45, 122, 104, 0.25); /* Alternatif Aksiyon & Vurgu */ --desi-accent: #ff6b00; /* ---------------------------------------------------------------------- 2. N?TR RENKLER & T?POGRAF? TONLARI ---------------------------------------------------------------------- */ --desi-dark-top: #000000; /* Header Top Bar Zemin */ --desi-dark-hero: #0f172a; /* Koyu Hero / Banner Zemin */ --desi-dark-heading: #0f172a; /* Ba?l?k Metin Rengi */ --desi-text-body: #334155; /* Paragraf ve G?vde Metni */ --desi-text-muted: #64748b; /* ?kincil / A??klama Metni */ --desi-text-light: #94a3b8; /* A??k Gri Metinler */ --desi-border: #e2e8f0; /* Kart ve Input ?er?eveleri */ --desi-border-hover: #cbd5e1; /* Hover Durumu ?er?eve */ --desi-bg-subtle: #f8fafc; /* A??k Gri Zemin */ --desi-white: #ffffff; /* ---------------------------------------------------------------------- 3. T?POGRAF? (HARMONIZED REM SCALE) ---------------------------------------------------------------------- */ --desi-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --desi-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* Font Boyutlar? (Scale: Base = 16px = 1rem) */ --desi-text-2xs: 0.6875rem; /* 11px - Rozet, mikro etiket */ --desi-text-xs: 0.75rem; /* 12px - K???k not, copyright, kvkk */ --desi-text-sm: 0.875rem; /* 14px - ?kincil metin, alt men? */ --desi-text-base: 0.9375rem;/* 15px - Standart okunakl? UI g?vde & men? ba?lant?lar? */ --desi-text-md: 1rem; /* 16px - Vurgulu g?vde metni, form elemanlar? */ --desi-text-lg: 1.125rem; /* 18px - Kart ve alt ba?l?klar */ --desi-text-xl: 1.25rem; /* 20px - B?l?m ba?l?klar? */ --desi-text-2xl: 1.5rem; /* 24px - H3 / ?ne ??kan ba?l?klar */ --desi-text-3xl: 1.875rem; /* 30px - H2 / Sayfa ba?l?klar? */ --desi-text-4xl: 2.25rem; /* 36px - H1 / Hero ba?l?klar? */ /* Sat?r Y?kseklikleri (Line Heights) */ --desi-leading-none: 1; --desi-leading-tight: 1.25; --desi-leading-snug: 1.375; --desi-leading-normal: 1.5; --desi-leading-relaxed: 1.625; /* Font A??rl?klar? (Font Weights) */ --desi-font-regular: 400; --desi-font-medium: 500; --desi-font-semibold: 600; --desi-font-bold: 700; --desi-font-extrabold: 800; /* ---------------------------------------------------------------------- 4. KENAR YUVARLAKLIKLARI (BORDER RADIUS) ---------------------------------------------------------------------- */ --desi-radius-xs: 4px; --desi-radius-sm: 6px; --desi-radius-md: 10px; --desi-radius-lg: 16px; --desi-radius-pill: 9999px; /* ---------------------------------------------------------------------- 5. G?LGELER (ELEVATION & SHADOWS) ---------------------------------------------------------------------- */ --desi-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04); --desi-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.05); --desi-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.07); --desi-shadow-lg: 0 14px 32px rgba(15, 23, 42, 0.12); /* ---------------------------------------------------------------------- 6. BOYUTLANDIRMALAR & Y?KSEKL?KLER ---------------------------------------------------------------------- */ --desi-btn-height-sm: 32px; --desi-btn-height-md: 40px; --desi-btn-height-lg: 48px; --desi-input-height: 42px; --desi-header-top-height: 38px; } /* ========================================== BUNDLE: desi_uikit_core.css ========================================== */ /*! UIkit 3.23.13 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,svg,video{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-3xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-left:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"? "}pre{font:0.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}:focus{outline:0}:focus-visible{outline:2px dotted #333}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,.uk-link-toggle .uk-link-muted,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,.uk-link-toggle .uk-link-text,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,.uk-link-toggle .uk-link-heading,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}.uk-heading-3xlarge{font-size:8rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}.uk-heading-3xlarge{font-size:11rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}.uk-heading-3xlarge{font-size:15rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-right:calc(5px + .2em);border-left:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - (calc(.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{right:100%;margin-right:calc(5px + .3em)}.uk-heading-line>::after{left:100%;margin-left:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{right:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{left:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:max-content;height:100px;margin-left:auto;margin-right:auto;border-left:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*{break-inside:avoid-column}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle,.uk-list-decimal,.uk-list-disc,.uk-list-hyphen,.uk-list-square{padding-left:30px}.uk-list-disc{list-style-type:disc}.uk-list-circle{list-style-type:circle}.uk-list-square{list-style-type:square}.uk-list-decimal{list-style-type:decimal}.uk-list-hyphen{list-style-type:'? '}.uk-list-muted>::marker{color:#999!important}.uk-list-emphasis>::marker{color:#333!important}.uk-list-primary>::marker{color:#1e87f0!important}.uk-list-secondary>::marker{color:#222!important}.uk-list-bullet>*{position:relative;padding-left:30px}.uk-list-bullet>::before{content:"";position:absolute;top:0;left:0;width:30px;height:1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:left;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-left:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-right:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-left:0;padding-right:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom:1px solid #e5e5e5}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle;object-fit:scale-down;max-width:none}.uk-icon-link{color:#999;text-decoration:none!important}.uk-icon-link:hover{color:#666}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:hover{background-color:#ebebeb;color:#666}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{-webkit-appearance:none;box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;background:0 0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;margin-top:-7px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input[type=date]::-webkit-datetime-edit,.uk-input[type=datetime-local]::-webkit-datetime-edit,.uk-input[type=time]::-webkit-datetime-edit{display:inline-flex;align-items:center;height:100%;padding:0}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0;min-width:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::placeholder{color:#999}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-left:8px;padding-right:8px}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-left:12px;padding-right:12px}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:solid}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-right:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:100% 50%}.uk-select:not([multiple]):not([size]) option{color:#666}.uk-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]{padding-right:20px;background-repeat:no-repeat;background-position:100% 50%}.uk-input[list]:focus,.uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none!important}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{background-color:rgba(0,0,0,0);outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;left:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-left:40px!important}.uk-form-icon-flip{right:0;left:auto}.uk-form-icon-flip~.uk-input{padding-right:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;left:0;right:100%;border-bottom:1px solid currentColor;transition:right .3s ease-out}.uk-button-text:hover{color:#333}.uk-button-text:hover::before{right:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#333}.uk-button-link:hover{color:#999;text-decoration:none}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress::-webkit-progress-bar{background-color:transparent}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0;transition:width .6s ease}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{--uk-inverse:dark;background:#fff}.uk-section-muted{--uk-inverse:dark;background:#f8f8f8}.uk-section-primary{--uk-inverse:light;background:#1e87f0}.uk-section-secondary{--uk-inverse:light;background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.uk-container{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-container{padding-left:40px;padding-right:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-left:0;padding-right:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-left{margin-left:0}.uk-container-expand-right{margin-right:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-left{margin-left:-15px}.uk-container-item-padding-remove-right{margin-right:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-left{margin-left:-30px}.uk-container-item-padding-remove-right{margin-right:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-left{margin-left:-40px}.uk-container-item-padding-remove-right{margin-right:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-tile{padding-left:40px;padding-right:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{--uk-inverse:dark;background-color:#fff}.uk-tile-muted{--uk-inverse:dark;background-color:#f8f8f8}.uk-tile-primary{--uk-inverse:light;background-color:#1e87f0}.uk-tile-secondary{--uk-inverse:light;background-color:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:15px;right:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background-color:#fff;box-shadow:none;}.uk-card-default{--uk-inverse:dark;background-color:#fff;color:#666;box-shadow:none;}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:none;}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{--uk-inverse:light;background-color:#1e87f0;color:#fff;box-shadow:none;}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:none;}.uk-card-secondary{--uk-inverse:light;background-color:#222;color:#fff;box-shadow:none;}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:none;}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-left:-30px;margin-right:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:30px;padding-right:30px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-left:-40px;margin-right:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body>.uk-nav-default .uk-nav-divider,.uk-card-body>.uk-nav-default .uk-nav-header,.uk-card-body>.uk-nav-default>li>a{padding-left:40px;padding-right:40px}.uk-card-body>.uk-nav-default .uk-nav-sub{padding-left:55px}}.uk-card-small>.uk-nav-default{margin-left:-20px;margin-right:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small>.uk-nav-default .uk-nav-divider,.uk-card-small>.uk-nav-default .uk-nav-header,.uk-card-small>.uk-nav-default>li>a{padding-left:20px;padding-right:20px}.uk-card-small>.uk-nav-default .uk-nav-sub{padding-left:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large>.uk-nav-default .uk-nav-divider,.uk-card-large>.uk-nav-default .uk-nav-header,.uk-card-large>.uk-nav-default>li>a{padding-left:0;padding-right:0}.uk-card-large>.uk-nav-default .uk-nav-sub{padding-left:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:hover{color:#666}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:hover{color:#666}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:hover{color:#fff}.uk-alert{position:relative;margin-bottom:20px;padding:15px 29px 15px 15px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;right:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:hover{text-decoration:none}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{--uk-inverse:dark;background:rgba(255,255,255,.8)}.uk-overlay-primary{--uk-inverse:light;background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-left:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-left:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input::placeholder{color:#999}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;left:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{right:0;left:auto}.uk-search-default{width:240px}.uk-search-default .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-default .uk-search-icon{padding-left:10px;padding-right:10px}.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:40px}.uk-search-default:has(.uk-search-icon-flip) .uk-search-input{padding-right:40px}.uk-search-navbar{width:240px}.uk-search-navbar .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:#fff;border:1px solid #e5e5e5}.uk-search-navbar .uk-search-input:focus{background-color:#fff;border-color:#1e87f0}.uk-search-navbar .uk-search-icon{padding-left:10px;padding-right:10px}.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:40px}.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input{padding-right:40px}.uk-search-medium{width:400px}.uk-search-medium .uk-search-input{height:55px;padding-left:12px;padding-right:12px;background:0 0;font-size:1.5rem;border:1px solid #e5e5e5}.uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-medium .uk-search-icon{padding-left:12px;padding-right:12px}.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:48px}.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input{padding-right:48px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:90px;padding-left:20px;padding-right:20px;background:0 0;font-size:2.625rem;border:1px solid #e5e5e5}.uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.uk-search-large .uk-search-icon{padding-left:20px;padding-right:20px}.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input{padding-left:80px}.uk-search-large:has(.uk-search-icon-flip) .uk-search-input{padding-right:80px}.uk-search-toggle{color:#999}.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-left:10px;float:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:hover{color:#666;text-decoration:none}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;--uk-position-offset:20px;--uk-position-viewport-offset:15px;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-drop-parent-icon{margin-left:.25em;transition:transform .3s ease-out}[aria-expanded=true]>.uk-drop-parent-icon{transform:rotateX(180deg)}.uk-dropbar{--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:0;--uk-inverse:dark;width:auto;padding:25px 15px 25px 15px;background:#fff;color:#666}.uk-dropbar>:last-child{margin-bottom:0}@media (min-width:640px){.uk-dropbar{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-dropbar{padding-left:40px;padding-right:40px}}.uk-dropbar :focus-visible{outline-color:#333!important}.uk-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropbar-top{box-shadow:0 12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-bottom{box-shadow:0 -12px 7px -6px rgba(0,0,0,.05)}.uk-dropbar-left{box-shadow:12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropbar-right{box-shadow:-12px 0 7px -6px rgba(0,0,0,.05)}.uk-dropnav-dropbar{position:absolute;z-index:980;padding:0;left:0;right:0}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-left:40px;padding-right:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:100%!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:20px 20px}.uk-modal-header{display:flow-root;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:10px 20px;background:#fff;border-top:1px solid #e5e5e5}@media (min-width:640px){.uk-modal-body{padding:30px 30px}.uk-modal-header{padding:15px 30px}.uk-modal-footer{padding:15px 30px}}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;right:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;right:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{right:0;transform:translate(100%,-100%)}}.uk-modal-close-full{top:0;right:0;padding:10px;background:#fff}@media (min-width:960px){.uk-modal-close-full{padding:20px}}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none;touch-action:pan-y}.uk-slideshow-items>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;will-change:transform,opacity}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden;overflow:clip}.uk-slider-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.uk-slider-items{will-change:transform;position:relative;touch-action:pan-y}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none!important;box-sizing:border-box;max-width:100%;position:relative}.uk-sticky{position:relative;z-index:980;box-sizing:border-box}.uk-sticky-fixed{margin:0!important}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-sticky-placeholder{pointer-events:none}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;left:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{right:0;left:auto}.uk-offcanvas-bar{--uk-inverse:light;position:absolute;top:0;bottom:0;left:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto}@media (min-width:640px){.uk-offcanvas-bar{left:-350px;width:350px;padding:30px 30px}}.uk-offcanvas-flip .uk-offcanvas-bar{left:auto;right:-270px}@media (min-width:640px){.uk-offcanvas-flip .uk-offcanvas-bar{right:-350px}}.uk-open>.uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{left:auto;right:0}.uk-offcanvas-bar-animation{transition:left .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:right}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{left:auto;right:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:640px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{right:0;left:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:5px;right:5px;padding:5px}@media (min-width:640px){.uk-offcanvas-close{top:10px;right:10px}}.uk-offcanvas-close:first-child+*{margin-top:0}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden;overflow-x:clip}.uk-offcanvas-container{position:relative;left:0;transition:left .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-270px}@media (min-width:640px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-left:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;left:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-right,.uk-notification-top-right{left:auto;right:10px}.uk-notification-bottom-center,.uk-notification-top-center{left:50%;margin-left:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{left:10px;right:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;right:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;--uk-position-offset:10px;--uk-position-viewport-offset:10;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-15px}.uk-thumbnav>*{padding-left:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4));transition:opacity .1s ease-in-out}.uk-thumbnav>*>:hover::after{opacity:0}.uk-thumbnav>.uk-active>::after{opacity:0}.uk-thumbnav-vertical{flex-direction:column;margin-left:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-left:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-10px}.uk-iconnav>*{padding-left:10px}.uk-iconnav>*>a{display:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.uk-iconnav>*>a:hover{color:#666}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-left:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-left:0;padding-top:10px}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-left:-30px}.uk-grid>*{padding-left:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-left:-40px}.uk-grid>*{padding-left:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-left:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-left:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-left:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-left:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-left:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-left:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-left:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-left:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;left:0;right:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-left:-60px}.uk-grid-divider>*{padding-left:60px}.uk-grid-divider>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}@media (min-width:1200px){.uk-grid-divider{margin-left:-80px}.uk-grid-divider>*{padding-left:80px}.uk-grid-divider>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-left:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-left:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{left:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;left:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{left:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-left:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-left:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{left:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;left:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-sub ul{padding-left:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon{margin-left:auto;transition:transform .3s ease-out}.uk-nav>li.uk-open>a .uk-nav-parent-icon{transform:rotateX(180deg)}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav .uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem;line-height:1.5}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-subtitle{font-size:12px}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary{font-size:1.5rem;line-height:1.5}.uk-nav-primary>li>a{color:#999}.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-subtitle{font-size:1.25rem}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub{font-size:1.25rem;line-height:1.5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-secondary{font-size:16px;line-height:1.5}.uk-nav-secondary>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0}.uk-nav-secondary>li>a{color:#333;padding:10px 10px}.uk-nav-secondary>li>a:hover{color:#333;background-color:#f8f8f8}.uk-nav-secondary>li.uk-active>a{color:#333;background-color:#f8f8f8}.uk-nav-secondary .uk-nav-subtitle{font-size:.875rem;color:#999}.uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:#666}.uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#333}.uk-nav-secondary .uk-nav-header{color:#333}.uk-nav-secondary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-secondary .uk-nav-sub{font-size:.875rem;line-height:1.5}.uk-nav-secondary .uk-nav-sub a{color:#999}.uk-nav-secondary .uk-nav-sub a:hover{color:#666}.uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-medium{font-size:2.8875rem;line-height:1}.uk-nav-large{font-size:3.4rem;line-height:1}.uk-nav-xlarge{font-size:4rem;line-height:1}@media (min-width:960px){.uk-nav-medium{font-size:3.5rem}.uk-nav-large{font-size:4rem}.uk-nav-xlarge{font-size:6rem}}@media (min-width:1200px){.uk-nav-medium{font-size:4rem}.uk-nav-large{font-size:6rem}.uk-nav-xlarge{font-size:8rem}}.uk-nav-center{text-align:center}.uk-nav-center li>a{justify-content:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-left:0}.uk-nav-center .uk-nav-parent-icon{margin-left:.25em}.uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:5px;padding-top:5px;border-top:1px solid #e5e5e5}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{display:flex;gap:15px;align-items:center}.uk-navbar-right{margin-left:auto}.uk-navbar-center:only-child{margin-left:auto;margin-right:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-left{right:calc(100% + 15px)}.uk-navbar-center-right{left:calc(100% + 15px)}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;gap:15px;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;column-gap:.25em;box-sizing:border-box;min-height:80px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{padding:0 0;color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true]{color:#666}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-parent-icon{margin-left:4px;transition:transform .3s ease-out}.uk-navbar-nav>li>a[aria-expanded=true] .uk-navbar-parent-icon{transform:rotateX(180deg)}.uk-navbar-item{padding:0 0;color:#666}.uk-navbar-item>:last-child{margin-bottom:0}.uk-navbar-toggle{padding:0 0;color:#999}.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{color:#666;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-justify .uk-navbar-item,.uk-navbar-justify .uk-navbar-left,.uk-navbar-justify .uk-navbar-nav,.uk-navbar-justify .uk-navbar-nav>li,.uk-navbar-justify .uk-navbar-right,.uk-navbar-justify .uk-navbar-toggle{flex-grow:1}.uk-navbar-dropdown{--uk-position-offset:15px;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;--uk-inverse:dark;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown>:last-child{margin-bottom:0}.uk-navbar-dropdown :focus-visible{outline-color:#333!important}.uk-navbar-dropdown .uk-drop-grid{margin-left:-30px}.uk-navbar-dropdown .uk-drop-grid>*{padding-left:30px}.uk-navbar-dropdown .uk-drop-grid>.uk-grid-margin{margin-top:30px}.uk-navbar-dropdown-width-2:not(.uk-drop-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-drop-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-drop-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-drop-stack){width:1000px}.uk-navbar-dropdown-large{--uk-position-shift-offset:0;padding:40px}.uk-navbar-dropdown-dropbar{width:auto;background:0 0;padding:25px 0 25px 0;--uk-position-offset:0;--uk-position-shift-offset:0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-navbar-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-navbar-dropdown-dropbar-large{--uk-position-shift-offset:0;padding-top:40px;padding-bottom:40px}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-container{transition:.1s ease-in-out;transition-property:background-color}@media (min-width:960px){.uk-navbar-left,.uk-navbar-right,[class*=uk-navbar-center]{gap:30px}.uk-navbar-center-left{right:calc(100% + 30px)}.uk-navbar-center-right{left:calc(100% + 30px)}}@media (min-width:960px){.uk-navbar-nav{gap:30px}}.uk-subnav{display:flex;flex-wrap:wrap;align-items:center;margin-left:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-left:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:hover{color:#666;text-decoration:none}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-left:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-left:0;margin-right:20px;border-left:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:#e5e5e5}.uk-subnav-pill{margin-left:-20px}.uk-subnav-pill>*{padding-left:20px}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{padding:0;list-style:none;font-size:0}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{font-size:.875rem;color:#999}.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;align-items:center;margin-left:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:0;position:relative}.uk-pagination>*>*{display:flex;align-items:center;column-gap:.25em;padding:5px 10px;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;left:20px;right:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-left:20px;position:relative}.uk-tab>*>a{display:flex;align-items:center;column-gap:.25em;justify-content:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-left:0}.uk-tab-left>*,.uk-tab-right>*{padding-left:0}.uk-tab-left::before{top:0;bottom:0;left:auto;right:0;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-right::before{top:0;bottom:0;left:0;right:auto;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-left>*>a{justify-content:left;border-right:1px solid transparent;border-bottom:none}.uk-tab-right>*>a{justify-content:left;border-left:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-left:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:hover{color:rgba(102,102,102,.9)}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-12px}.uk-dotnav>*{flex:none;padding-left:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-left:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-left:0;padding-top:12px}.uk-dropdown{--uk-position-offset:10px;--uk-position-viewport-offset:15px;--uk-inverse:dark;width:auto;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown>:last-child{margin-bottom:0}.uk-dropdown :focus-visible{outline-color:#333!important}.uk-dropdown-large{padding:40px}.uk-dropdown-dropbar{--uk-position-offset:10px;width:auto;background:0 0;padding:5px 0 25px 0;--uk-position-viewport-offset:15px;box-shadow:none}@media (min-width:640px){.uk-dropdown-dropbar{--uk-position-viewport-offset:30px}}@media (min-width:960px){.uk-dropdown-dropbar{--uk-position-viewport-offset:40px}}.uk-dropdown-dropbar-large{padding-top:40px;padding-bottom:40px}.uk-dropdown-nav{font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-subtitle{font-size:12px}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}.uk-lightbox{--uk-inverse:light;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox :focus-visible{outline-color:rgba(255,255,255,.7)}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items{margin:0;padding:0;list-style:none}.uk-lightbox-items>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:flex-start;will-change:transform,opacity;overflow:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-items-fit>*{align-items:center}.uk-lightbox-items-fit>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items-fit>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items.uk-lightbox-items-fit .uk-lightbox-zoom:hover{cursor:zoom-in}.uk-lightbox-items:not(.uk-lightbox-items-fit) .uk-lightbox-zoom:hover{cursor:zoom-out}.uk-lightbox-thumbnav-vertical :where(img,video){max-width:100px}.uk-lightbox-thumbnav:not(.uk-lightbox-thumbnav-vertical) :where(img,video){max-height:100px}.uk-lightbox-dotnav:empty,.uk-lightbox-thumbnav:empty{display:none}.uk-lightbox-caption:empty{display:none}.uk-lightbox-caption{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-caption>*{color:rgba(255,255,255,.7)}.uk-lightbox-counter:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[class*=uk-animation-]{animation:.5s ease-out both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade,uk-scale-up}.uk-animation-scale-down{animation-name:uk-fade,uk-scale-down}.uk-animation-slide-top{animation-name:uk-fade,uk-slide-top}.uk-animation-slide-bottom{animation-name:uk-fade,uk-slide-bottom}.uk-animation-slide-left{animation-name:uk-fade,uk-slide-left}.uk-animation-slide-right{animation-name:uk-fade,uk-slide-right}.uk-animation-slide-top-small{animation-name:uk-fade,uk-slide-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade,uk-slide-bottom-small}.uk-animation-slide-left-small{animation-name:uk-fade,uk-slide-left-small}.uk-animation-slide-right-small{animation-name:uk-fade,uk-slide-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade,uk-slide-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade,uk-slide-bottom-medium}.uk-animation-slide-left-medium{animation-name:uk-fade,uk-slide-left-medium}.uk-animation-slide-right-medium{animation-name:uk-fade,uk-slide-right-medium}.uk-animation-kenburns{animation-name:uk-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;animation-duration:2s;stroke-dasharray:var(--uk-animation-stroke)}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-scale-up{0%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes uk-scale-down{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes uk-slide-top{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes uk-slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes uk-slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes uk-slide-top-small{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-small{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-small{0%{transform:translateX(-10px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-small{0%{transform:translateX(10px)}100%{transform:translateX(0)}}@keyframes uk-slide-top-medium{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes uk-slide-bottom-medium{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes uk-slide-left-medium{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes uk-slide-right-medium{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes uk-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% / 3)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% / 6)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% / 3)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% / 6)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@s>:not([class*=uk-width]),.uk-child-width-1-2\@s>:not([class*=uk-width]),.uk-child-width-1-3\@s>:not([class*=uk-width]),.uk-child-width-1-4\@s>:not([class*=uk-width]),.uk-child-width-1-5\@s>:not([class*=uk-width]),.uk-child-width-1-6\@s>:not([class*=uk-width]),.uk-child-width-auto\@s>:not([class*=uk-width]){flex:initial}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% / 3)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% / 6)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@m>:not([class*=uk-width]),.uk-child-width-1-2\@m>:not([class*=uk-width]),.uk-child-width-1-3\@m>:not([class*=uk-width]),.uk-child-width-1-4\@m>:not([class*=uk-width]),.uk-child-width-1-5\@m>:not([class*=uk-width]),.uk-child-width-1-6\@m>:not([class*=uk-width]),.uk-child-width-auto\@m>:not([class*=uk-width]){flex:initial}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% / 3)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% / 6)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@l>:not([class*=uk-width]),.uk-child-width-1-2\@l>:not([class*=uk-width]),.uk-child-width-1-3\@l>:not([class*=uk-width]),.uk-child-width-1-4\@l>:not([class*=uk-width]),.uk-child-width-1-5\@l>:not([class*=uk-width]),.uk-child-width-1-6\@l>:not([class*=uk-width]),.uk-child-width-auto\@l>:not([class*=uk-width]){flex:initial}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% / 3)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% / 6)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}.uk-child-width-1-1\@xl>:not([class*=uk-width]),.uk-child-width-1-2\@xl>:not([class*=uk-width]),.uk-child-width-1-3\@xl>:not([class*=uk-width]),.uk-child-width-1-4\@xl>:not([class*=uk-width]),.uk-child-width-1-5\@xl>:not([class*=uk-width]),.uk-child-width-1-6\@xl>:not([class*=uk-width]),.uk-child-width-auto\@xl>:not([class*=uk-width]){flex:initial}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% / 3)}.uk-width-2-3{width:calc(200% / 3)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% / 6)}.uk-width-5-6{width:calc(500% / 6)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% / 3)}.uk-width-2-3\@s{width:calc(200% / 3)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% / 6)}.uk-width-5-6\@s{width:calc(500% / 6)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}.uk-width-1-1\@s,.uk-width-1-2\@s,.uk-width-1-3\@s,.uk-width-1-4\@s,.uk-width-1-5\@s,.uk-width-1-6\@s,.uk-width-2-3\@s,.uk-width-2-5\@s,.uk-width-2xlarge\@s,.uk-width-3-4\@s,.uk-width-3-5\@s,.uk-width-4-5\@s,.uk-width-5-6\@s,.uk-width-auto\@s,.uk-width-large\@s,.uk-width-medium\@s,.uk-width-small\@s,.uk-width-xlarge\@s{flex:initial}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% / 3)}.uk-width-2-3\@m{width:calc(200% / 3)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% / 6)}.uk-width-5-6\@m{width:calc(500% / 6)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}.uk-width-1-1\@m,.uk-width-1-2\@m,.uk-width-1-3\@m,.uk-width-1-4\@m,.uk-width-1-5\@m,.uk-width-1-6\@m,.uk-width-2-3\@m,.uk-width-2-5\@m,.uk-width-2xlarge\@m,.uk-width-3-4\@m,.uk-width-3-5\@m,.uk-width-4-5\@m,.uk-width-5-6\@m,.uk-width-auto\@m,.uk-width-large\@m,.uk-width-medium\@m,.uk-width-small\@m,.uk-width-xlarge\@m{flex:initial}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% / 3)}.uk-width-2-3\@l{width:calc(200% / 3)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% / 6)}.uk-width-5-6\@l{width:calc(500% / 6)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}.uk-width-1-1\@l,.uk-width-1-2\@l,.uk-width-1-3\@l,.uk-width-1-4\@l,.uk-width-1-5\@l,.uk-width-1-6\@l,.uk-width-2-3\@l,.uk-width-2-5\@l,.uk-width-2xlarge\@l,.uk-width-3-4\@l,.uk-width-3-5\@l,.uk-width-4-5\@l,.uk-width-5-6\@l,.uk-width-auto\@l,.uk-width-large\@l,.uk-width-medium\@l,.uk-width-small\@l,.uk-width-xlarge\@l{flex:initial}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% / 3)}.uk-width-2-3\@xl{width:calc(200% / 3)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% / 6)}.uk-width-5-6\@xl{width:calc(500% / 6)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}.uk-width-1-1\@xl,.uk-width-1-2\@xl,.uk-width-1-3\@xl,.uk-width-1-4\@xl,.uk-width-1-5\@xl,.uk-width-1-6\@xl,.uk-width-2-3\@xl,.uk-width-2-5\@xl,.uk-width-2xlarge\@xl,.uk-width-3-4\@xl,.uk-width-3-5\@xl,.uk-width-4-5\@xl,.uk-width-5-6\@xl,.uk-width-auto\@xl,.uk-width-large\@xl,.uk-width-medium\@xl,.uk-width-small\@xl,.uk-width-xlarge\@xl{flex:initial}}.uk-width-max-content{width:max-content}.uk-width-min-content{width:min-content}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-viewport-2{min-height:200vh}.uk-height-viewport-3{min-height:300vh}.uk-height-viewport-4{min-height:400vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta>a{color:#999}.uk-text-meta>a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-decoration-none{text-decoration:none!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;color:transparent!important;display:inline-block;background-color:#1e87f0;background-image:linear-gradient(90deg,#1e87f0 0,#411ef0 100%)}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-left\@s{text-align:left!important}.uk-text-right\@s{text-align:right!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-left\@m{text-align:left!important}.uk-text-right\@m{text-align:right!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-left\@l{text-align:left!important}.uk-text-right\@l{text-align:right!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-left\@xl{text-align:left!important}.uk-text-right\@xl{text-align:right!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-word}.uk-text-stroke{-webkit-text-stroke:calc(1.4px + 0.002em);-webkit-text-fill-color:transparent}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}[data-uk-cover]:where(canvas,iframe,svg),[uk-cover]:where(canvas,iframe,svg){max-width:none;position:absolute;left:50%;top:50%;--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y))}iframe[data-uk-cover],iframe[uk-cover]{pointer-events:none}[data-uk-cover]:where(img,video),[uk-cover]:where(img,video){position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;object-fit:cover;object-position:center}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.uk-background-top-left{background-position:0 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-right{background-position:100% 0}.uk-background-center-left{background-position:0 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-right{background-position:100% 50%}.uk-background-bottom-left{background-position:0 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-left:auto;margin-right:auto}.uk-align-left{margin-top:0;margin-right:30px;float:left}.uk-align-right{margin-top:0;margin-left:30px;float:right}@media (min-width:640px){.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}}@media (min-width:960px){.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}}@media (min-width:1200px){.uk-align-left\@l{margin-top:0;float:left}.uk-align-right\@l{margin-top:0;float:right}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}}@media (min-width:1600px){.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-box-sizing-content{box-sizing:content-box}.uk-box-sizing-border{box-sizing:border-box}.uk-resize{resize:both}.uk-resize-horizontal{resize:horizontal}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}[data-uk-responsive],[uk-responsive]{max-width:100%}.uk-object-cover{object-fit:cover}.uk-object-contain{object-fit:contain}.uk-object-fill{object-fit:fill}.uk-object-none{object-fit:none}.uk-object-scale-down{object-fit:scale-down}.uk-object-top-left{object-position:0 0}.uk-object-top-center{object-position:50% 0}.uk-object-top-right{object-position:100% 0}.uk-object-center-left{object-position:0 50%}.uk-object-center-center{object-position:50% 50%}.uk-object-center-right{object-position:100% 50%}.uk-object-bottom-left{object-position:0 100%}.uk-object-bottom-center{object-position:50% 100%}.uk-object-bottom-right{object-position:100% 100%}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:none;}.uk-box-shadow-large{box-shadow:none;}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:none;}.uk-box-shadow-hover-large:hover{box-shadow:none;}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:"";position:absolute;bottom:-30px;left:0;right:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-right:10px;float:left;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#333;text-decoration:none}:where(.uk-logo){display:inline-block;vertical-align:middle}.uk-logo:hover{color:#333;text-decoration:none}.uk-logo :where(img,svg,video){display:block}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(-50%,-50%)}.uk-transform-origin-top-left{transform-origin:0 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-center-left{transform-origin:0 50%}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-bottom-left{transform-origin:0 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-left{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-right{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-left\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-right\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-left\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-right\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-left\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-right\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-left\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-right\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}@media (min-width:640px){.uk-flex-stretch\@s{align-items:stretch}.uk-flex-top\@s{align-items:flex-start}.uk-flex-middle\@s{align-items:center}.uk-flex-bottom\@s{align-items:flex-end}}@media (min-width:960px){.uk-flex-stretch\@m{align-items:stretch}.uk-flex-top\@m{align-items:flex-start}.uk-flex-middle\@m{align-items:center}.uk-flex-bottom\@m{align-items:flex-end}}@media (min-width:1200px){.uk-flex-stretch\@l{align-items:stretch}.uk-flex-top\@l{align-items:flex-start}.uk-flex-middle\@l{align-items:center}.uk-flex-bottom\@l{align-items:flex-end}}@media (min-width:1600px){.uk-flex-stretch\@xl{align-items:stretch}.uk-flex-top\@xl{align-items:flex-start}.uk-flex-middle\@xl{align-items:center}.uk-flex-bottom\@xl{align-items:flex-end}}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}@media (min-width:640px){.uk-flex-row\@s{flex-direction:row}.uk-flex-column\@s{flex-direction:column}}@media (min-width:960px){.uk-flex-row\@m{flex-direction:row}.uk-flex-column\@m{flex-direction:column}}@media (min-width:1200px){.uk-flex-row\@l{flex-direction:row}.uk-flex-column\@l{flex-direction:column}}@media (min-width:1600px){.uk-flex-row\@xl{flex-direction:row}.uk-flex-column\@xl{flex-direction:column}}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-initial{flex:initial}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}@media (min-width:640px){.uk-flex-initial\@s{flex:initial}.uk-flex-none\@s{flex:none}.uk-flex-1\@s{flex:1}}@media (min-width:960px){.uk-flex-initial\@m{flex:initial}.uk-flex-none\@m{flex:none}.uk-flex-1\@m{flex:1}}@media (min-width:1200px){.uk-flex-initial\@l{flex:initial}.uk-flex-none\@l{flex:none}.uk-flex-1\@l{flex:1}}@media (min-width:1600px){.uk-flex-initial\@xl{flex:initial}.uk-flex-none\@xl{flex:none}.uk-flex-1\@xl{flex:1}}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-xsmall{margin-bottom:5px}*+.uk-margin-xsmall{margin-top:5px!important}.uk-margin-xsmall-top{margin-top:5px!important}.uk-margin-xsmall-bottom{margin-bottom:5px!important}.uk-margin-xsmall-left{margin-left:5px!important}.uk-margin-xsmall-right{margin-right:5px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-left{margin-left:40px!important}.uk-margin-large-right{margin-right:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-left{margin-left:70px!important}.uk-margin-large-right{margin-right:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}}.uk-margin-auto{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-left\@s{margin-left:0!important}.uk-margin-remove-right\@s{margin-right:0!important}}@media (min-width:960px){.uk-margin-remove-left\@m{margin-left:0!important}.uk-margin-remove-right\@m{margin-right:0!important}}@media (min-width:1200px){.uk-margin-remove-left\@l{margin-left:0!important}.uk-margin-remove-right\@l{margin-right:0!important}}@media (min-width:1600px){.uk-margin-remove-left\@xl{margin-left:0!important}.uk-margin-remove-right\@xl{margin-right:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:40px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-left:0!important;padding-right:0!important}:root{--uk-position-margin-offset:0px}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:calc(100% - (var(--uk-position-margin-offset) * 2));box-sizing:border-box}.uk-position-top{top:0;left:0;right:0}.uk-position-bottom{bottom:0;left:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-center{top:calc(50% - var(--uk-position-margin-offset));left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;--uk-position-translate-y:-50%;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y));width:max-content}.uk-position-center-vertical,[class*=uk-position-center-left],[class*=uk-position-center-right]{top:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-y:-50%;transform:translate(0,var(--uk-position-translate-y))}.uk-position-center-left{left:0}.uk-position-center-right{right:0}.uk-position-center-vertical{left:0;right:0}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-bottom-center,.uk-position-center-horizontal,.uk-position-top-center{left:calc(50% - var(--uk-position-margin-offset));--uk-position-translate-x:-50%;transform:translate(var(--uk-position-translate-x),0);width:max-content}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-center-horizontal{top:0;bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}.uk-position-small{margin:15px;--uk-position-margin-offset:15px}.uk-position-medium{margin:30px;--uk-position-margin-offset:30px}.uk-position-large{margin:30px;--uk-position-margin-offset:30px}@media (min-width:1200px){.uk-position-large{margin:50px;--uk-position-margin-offset:50px}}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-sticky{position:sticky!important}.uk-position-z-index{z-index:1}.uk-position-z-index-zero{z-index:0}.uk-position-z-index-negative{z-index:-1}.uk-position-z-index-high{z-index:990}:where(.uk-transition-fade),:where([class*=uk-transition-scale]),:where([class*=uk-transition-slide]){--uk-position-translate-x:0;--uk-position-translate-y:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;--uk-scale-x:1;--uk-scale-y:1;transform:translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:focus-within .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}[class*=uk-transition-scale]{-webkit-backface-visibility:hidden}.uk-transition-scale-up{--uk-scale-x:1;--uk-scale-y:1}.uk-transition-scale-down{--uk-scale-x:1.03;--uk-scale-y:1.03}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:focus-within .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{--uk-scale-x:1.03;--uk-scale-y:1.03;opacity:1}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:focus-within .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{--uk-scale-x:1;--uk-scale-y:1;opacity:1}.uk-transition-slide-top{--uk-translate-y:-100%}.uk-transition-slide-bottom{--uk-translate-y:100%}.uk-transition-slide-left{--uk-translate-x:-100%}.uk-transition-slide-right{--uk-translate-x:100%}.uk-transition-slide-top-small{--uk-translate-y:calc(-1 * 10px)}.uk-transition-slide-bottom-small{--uk-translate-y:10px}.uk-transition-slide-left-small{--uk-translate-x:calc(-1 * 10px)}.uk-transition-slide-right-small{--uk-translate-x:10px}.uk-transition-slide-top-medium{--uk-translate-y:calc(-1 * 50px)}.uk-transition-slide-bottom-medium{--uk-translate-y:50px}.uk-transition-slide-left-medium{--uk-translate-x:calc(-1 * 50px)}.uk-transition-slide-right-medium{--uk-translate-x:50px}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:focus-within [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{--uk-translate-x:0;--uk-translate-y:0;opacity:1}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-transition-disable,.uk-transition-disable *{transition:none!important}.uk-hidden,.uk-hidden-empty:empty,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:0!important;height:0!important;padding:0!important;border:0!important;margin:0!important;overflow:hidden!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}@media (hover:none){.uk-hidden-touch{display:none!important}}@media (hover){.uk-hidden-notouch{display:none!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-3xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-3xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-3xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-3xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-3xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-3xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-3xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body :focus-visible,.uk-card-primary>:not([class*=uk-card-media]) :focus-visible,.uk-card-secondary.uk-card-body :focus-visible,.uk-card-secondary>:not([class*=uk-card-media]) :focus-visible,.uk-light :focus-visible,.uk-offcanvas-bar :focus-visible,.uk-overlay-primary :focus-visible,.uk-section-primary:not(.uk-preserve-color) :focus-visible,.uk-section-secondary:not(.uk-preserve-color) :focus-visible,.uk-tile-primary:not(.uk-preserve-color) :focus-visible,.uk-tile-secondary:not(.uk-preserve-color) :focus-visible{outline-color:#fff}.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-card-secondary.uk-card-body .uk-list-muted>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::marker,.uk-light .uk-list-muted>::marker,.uk-offcanvas-bar .uk-list-muted>::marker,.uk-overlay-primary .uk-list-muted>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::marker{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-card-secondary.uk-card-body .uk-list-emphasis>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::marker,.uk-light .uk-list-emphasis>::marker,.uk-offcanvas-bar .uk-list-emphasis>::marker,.uk-overlay-primary .uk-list-emphasis>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-card-secondary.uk-card-body .uk-list-primary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::marker,.uk-light .uk-list-primary>::marker,.uk-offcanvas-bar .uk-list-primary>::marker,.uk-overlay-primary .uk-list-primary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-card-secondary.uk-card-body .uk-list-secondary>::marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::marker,.uk-light .uk-list-secondary>::marker,.uk-offcanvas-bar .uk-list-secondary>::marker,.uk-overlay-primary .uk-list-secondary>::marker,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::marker{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-runnable-track,.uk-light .uk-range::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-runnable-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary.uk-card-body .uk-range:focus::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:active::-webkit-slider-runnable-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-webkit-slider-runnable-track,.uk-light .uk-range:active::-webkit-slider-runnable-track,.uk-light .uk-range:focus::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:active::-webkit-slider-runnable-track,.uk-offcanvas-bar .uk-range:focus::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:active::-webkit-slider-runnable-track,.uk-overlay-primary .uk-range:focus::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:active::-webkit-slider-runnable-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-webkit-slider-runnable-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-track,.uk-light .uk-range::-moz-range-track,.uk-offcanvas-bar .uk-range::-moz-range-track,.uk-overlay-primary .uk-range::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-track{background:rgba(242,242,242,.1)}.uk-card-primary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-primary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-card-secondary.uk-card-body .uk-range:focus::-moz-range-track,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range:focus::-moz-range-track,.uk-light .uk-range:focus::-moz-range-track,.uk-offcanvas-bar .uk-range:focus::-moz-range-track,.uk-overlay-primary .uk-range:focus::-moz-range-track,.uk-section-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-section-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-primary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track,.uk-tile-secondary:not(.uk-preserve-color) .uk-range:focus::-moz-range-track{background:rgba(242,242,242,.15)}.uk-card-primary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-card-secondary.uk-card-body .uk-range::-webkit-slider-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-webkit-slider-thumb,.uk-light .uk-range::-webkit-slider-thumb,.uk-offcanvas-bar .uk-range::-webkit-slider-thumb,.uk-overlay-primary .uk-range::-webkit-slider-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-webkit-slider-thumb{background:grey;border-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-primary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-card-secondary.uk-card-body .uk-range::-moz-range-thumb,.uk-card-secondary>:not([class*=uk-card-media]) .uk-range::-moz-range-thumb,.uk-light .uk-range::-moz-range-thumb,.uk-offcanvas-bar .uk-range::-moz-range-thumb,.uk-overlay-primary .uk-range::-moz-range-thumb,.uk-section-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-section-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-primary:not(.uk-preserve-color) .uk-range::-moz-range-thumb,.uk-tile-secondary:not(.uk-preserve-color) .uk-range::-moz-range-thumb{background:grey;border-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#fff}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:#fff}.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666!important}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input:focus,.uk-light .uk-search-navbar .uk-search-input:focus,.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus,.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input,.uk-light .uk-search-medium .uk-search-input,.uk-offcanvas-bar .uk-search-medium .uk-search-input,.uk-overlay-primary .uk-search-medium .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-medium .uk-search-input:focus,.uk-light .uk-search-medium .uk-search-input:focus,.uk-offcanvas-bar .uk-search-medium .uk-search-input:focus,.uk-overlay-primary .uk-search-medium .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input:focus,.uk-light .uk-search-large .uk-search-input:focus,.uk-offcanvas-bar .uk-search-large .uk-search-input:focus,.uk-overlay-primary .uk-search-large .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input:focus{background-color:rgba(0,0,0,.05)}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-thumbnav>*>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-card-secondary.uk-card-body .uk-thumbnav>*>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after,.uk-light .uk-thumbnav>*>::after,.uk-offcanvas-bar .uk-thumbnav>*>::after,.uk-overlay-primary .uk-thumbnav>*>::after,.uk-section-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-thumbnav>*>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-thumbnav>*>::after{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a,.uk-light .uk-nav-secondary>li>a,.uk-offcanvas-bar .uk-nav-secondary>li>a,.uk-overlay-primary .uk-nav-secondary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover,.uk-light .uk-nav-secondary>li>a:hover,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover,.uk-overlay-primary .uk-nav-secondary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a,.uk-light .uk-nav-secondary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a{color:#fff;background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle,.uk-light .uk-nav-secondary .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-subtitle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li>a:hover .uk-nav-subtitle{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-offcanvas-bar .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header,.uk-light .uk-nav-secondary .uk-nav-header,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-header,.uk-overlay-primary .uk-nav-secondary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider,.uk-light .uk-nav-secondary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-divider,.uk-overlay-primary .uk-nav-secondary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a,.uk-light .uk-nav-secondary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover,.uk-light .uk-nav-secondary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-secondary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a[aria-expanded=true],.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,0.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:#fff}.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:#fff}.uk-card-primary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary.uk-card-body .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-light .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-offcanvas-bar .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-overlay-primary .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-section-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-primary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:has(.uk-logo-inverse)>:not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:block}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-light .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(2n):last-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(2n):last-child{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}*{--uk-inverse:initial}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){--uk-inverse:light}.uk-card-default.uk-card-body,.uk-card-default>:not([class*=uk-card-media]),.uk-dark,.uk-dropbar,.uk-dropdown,.uk-navbar-container:not(.uk-navbar-transparent),.uk-navbar-dropdown,.uk-overlay-default,.uk-section-default:not(.uk-preserve-color),.uk-section-muted:not(.uk-preserve-color),.uk-tile-default:not(.uk-preserve-color),.uk-tile-muted:not(.uk-preserve-color){--uk-inverse:dark}.uk-inverse-light{--uk-inverse:light!important}.uk-inverse-dark{--uk-inverse:dark!important}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /* ========================================================================== GLOBAL DESI TYPOGRAPHY (INTER MODERN FONT-FAMILY) ========================================================================== */ html, body, h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-heading-small, .uk-heading-medium, .uk-heading-large, p, span, a, button, input, select, textarea, .uk-button, .uk-card, .uk-navbar, .uk-subnav, .uk-breadcrumb, .uk-badge { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } /* ========================================================================== OFFCANVAS & MODAL G?ZLEME G?VENL??? ========================================================================== */ [uk-offcanvas], .uk-offcanvas, [uk-modal], .uk-modal { display: none; } .uk-offcanvas.uk-open, .uk-modal.uk-open { display: block !important; } /* ========================================================================== DESI LOGO KORUMA KURALLARI ========================================================================== */ #logo, .uk-logo, .mobile-offcanvas-logo a { display: inline-flex !important; align-items: center !important; height: 45px !important; max-height: 45px !important; width: auto !important; } #logo img, .uk-logo img, .mobile-offcanvas-logo img { max-height: 40px !important; height: 40px !important; width: auto !important; display: block !important; object-fit: contain !important; } /* ========================================================================== HEADER TOP & NAVBAR ========================================================================== */ #header-top { background-color: #000000 !important; } #header-main { background-color: #ffffff; border-bottom: 1px solid var(--desi-border, #e2e8f0); } #header-wrapper .uk-navbar-nav.menu > li > a, .uk-navbar-nav.menu > li > a, .uk-navbar-nav > li > a { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 1rem !important; /* 16px modern ve dengeli */ font-weight: 600 !important; /* Zarif, premium Semi-Bold (a??r? kaba olmayan) */ color: var(--desi-dark-heading, #0f172a) !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; padding: 0 20px !important; position: relative !important; transition: color 0.2s ease !important; } #header-wrapper .uk-navbar-nav.menu > li > a:hover, #header-wrapper .uk-navbar-nav.menu > li.uk-active > a, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li.uk-active > a { color: var(--desi-green, #2D7A68) !important; } /* K?rm?z? Alt ?izgiyi Tam Header Taban?na Oturtma */ #header-wrapper .uk-navbar-nav.menu > li > a::after, .uk-navbar-nav > li > a::after { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -1px !important; height: 3px !important; background: var(--desi-red, #e30613) !important; border-radius: 2px 2px 0 0 !important; transform: scaleX(0); opacity: 0; transition: transform 0.25s ease, opacity 0.25s ease !important; } #header-wrapper .uk-navbar-nav.menu > li > a:hover::after, #header-wrapper .uk-navbar-nav.menu > li.uk-active > a::after, .uk-navbar-nav > li > a:hover::after, .uk-navbar-nav > li.uk-active > a::after { transform: scaleX(1) !important; opacity: 1 !important; } .header-icon-link { color: #0f172a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 4px !important; } .header-icon-link:hover { color: var(--desi-green, #2D7A68) !important; } /* Header Top Bar K???k ?konlar */ #header-top [uk-icon] svg, #header-top .lucide { width: 14px !important; height: 14px !important; stroke-width: 2 !important; vertical-align: -2px !important; } /* Header Sa? Men? ?konlar? & Rozetleri */ .uk-navbar-right .header-icon-link { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; padding: 0 !important; } .uk-navbar-right .header-icon-link [uk-icon] svg, .uk-navbar-right .header-icon-link .lucide { width: 26px !important; height: 26px !important; stroke-width: 1.8 !important; } /* K?rm?z? Saya? Rozeti (Favori & Sepet) - ?konun ?zerine Binen Standart E-Ticaret Rozeti */ .uk-navbar-right .header-icon-link .uk-badge { position: absolute !important; top: 0 !important; right: 0 !important; width: 18px !important; min-width: 18px !important; height: 18px !important; max-height: 18px !important; padding: 0 !important; background-color: var(--desi-red, #e30613) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; line-height: 18px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; pointer-events: none !important; z-index: 5 !important; border: 2px solid #ffffff !important; box-sizing: border-box !important; } /* ========================================================================== DESI PREMIUM BREADCRUMB STYLING ========================================================================== */ .desi-breadcrumb-section { background-color: var(--desi-bg-subtle, #f8fafc) !important; border-bottom: 1px solid var(--desi-border, #e2e8f0) !important; padding-top: 14px !important; padding-bottom: 14px !important; } .uk-breadcrumb { padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; list-style: none !important; font-size: 0 !important; } .uk-breadcrumb > li, .uk-breadcrumb > * { display: contents !important; } .uk-breadcrumb > * > * { font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; font-size: 0.875rem !important; /* 14px */ font-weight: 500 !important; color: var(--desi-text-muted, #64748b) !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; vertical-align: middle !important; line-height: 1 !important; transition: color 0.2s ease !important; } .uk-breadcrumb > * > a:hover { color: var(--desi-green, #2D7A68) !important; } .desi-breadcrumb-home-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; } .desi-breadcrumb-home-icon, .desi-breadcrumb-home-link [uk-icon] { display: inline-flex !important; align-items: center !important; line-height: 1 !important; } .desi-breadcrumb-home-icon svg, .desi-breadcrumb-home-link [uk-icon] svg { width: 15px !important; height: 15px !important; stroke-width: 2 !important; color: var(--desi-text-muted, #64748b) !important; transition: color 0.2s ease !important; vertical-align: middle !important; } .uk-breadcrumb > * > a:hover .desi-breadcrumb-home-icon svg, .uk-breadcrumb > * > a:hover [uk-icon] svg { color: var(--desi-green, #2D7A68) !important; } /* Aktif / Son Sayfa Rengi */ .uk-breadcrumb > :last-child > span, .desi-breadcrumb-current { color: var(--desi-dark-heading, #0f172a) !important; font-weight: 600 !important; } /* UIkit varsay?lan '/' ay?r?c?s?n? ez, yerine ??k sa?a ok (?) koy */ .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: '' !important; display: inline-block !important; width: 5px !important; height: 5px !important; border-top: 1.5px solid #94a3b8 !important; border-right: 1.5px solid #94a3b8 !important; transform: rotate(45deg) !important; margin: 0 10px !important; vertical-align: middle !important; opacity: 0.8 !important; } /* ========================================================================== DESI LISTING BAR & FILTER CONTROLS (PIXEL-PERFECT HARMONY) ========================================================================== */ .listing-panel { background-color: #ffffff !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 8px !important; padding: 10px 16px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important; min-height: 54px !important; box-sizing: border-box !important; } .listing-panel-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; } .listing-panel-left { display: inline-flex !important; align-items: center !important; gap: 12px !important; flex-wrap: nowrap !important; } .listing-panel-right { display: inline-flex !important; align-items: center !important; gap: 14px !important; flex-wrap: nowrap !important; } /* 1. Filter Button */ .btn-toggle-advanced-filter { background: #ffffff !important; color: var(--desi-dark-heading, #0f172a) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 6px !important; font-weight: 600 !important; font-size: 13px !important; padding: 0 14px !important; height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; transition: all 0.2s ease !important; cursor: pointer !important; } .btn-toggle-advanced-filter:hover { background: #f8fafc !important; border-color: #cbd5e1 !important; } .btn-toggle-advanced-filter.active { background: #f0fdf4 !important; border-color: var(--desi-green, #2D7A68) !important; color: var(--desi-green, #2D7A68) !important; } .btn-toggle-advanced-filter .features-total-badge { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; font-size: 11px !important; font-weight: 700 !important; border-radius: 9999px !important; padding: 1px 7px !important; line-height: 1.2 !important; } .btn-toggle-advanced-filter.active .features-total-badge { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; } /* 2. Stock Checkbox (P?r?zs?z Hizalama & Modern Switch/Kutu) */ .listing-panel-right { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; } .stock-filter-wrapper { display: inline-flex !important; align-items: center !important; height: 38px !important; margin: 0 !important; vertical-align: middle !important; } .stock-checkbox-label { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 38px !important; font-size: 13px !important; font-weight: 500 !important; color: #475569 !important; cursor: pointer !important; user-select: none !important; margin: 0 !important; line-height: 1 !important; white-space: nowrap !important; vertical-align: middle !important; } .stock-checkbox-label input.uk-checkbox, .stock-checkbox-label input[type="checkbox"] { width: 17px !important; height: 17px !important; min-width: 17px !important; min-height: 17px !important; margin: 0 !important; border: 1.5px solid #cbd5e1 !important; border-radius: 4px !important; vertical-align: middle !important; cursor: pointer !important; transition: all 0.2s ease !important; position: relative !important; top: 0 !important; flex-shrink: 0 !important; } .stock-checkbox-label input.uk-checkbox:checked, .stock-checkbox-label input[type="checkbox"]:checked { background-color: var(--desi-green, #2D7A68) !important; border-color: var(--desi-green, #2D7A68) !important; } .stock-checkbox-label span { display: inline-flex !important; align-items: center !important; line-height: 1 !important; position: relative !important; top: 0 !important; } /* 3. Sort Select (Kusursuz Dropdown Kaps?l?) */ .sort-select-wrapper { position: relative !important; display: inline-flex !important; align-items: center !important; } .sort-select-wrapper::after { content: '' !important; position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-65%) rotate(45deg) !important; width: 5px !important; height: 5px !important; border-bottom: 2px solid #64748b !important; border-right: 2px solid #64748b !important; pointer-events: none !important; } .custom-sort-select, .sort-select-wrapper select.uk-select { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: none !important; /* UIkit varsay?lan ?ift ok svg'sini kald?r */ height: 38px !important; line-height: 36px !important; padding: 0 32px 0 14px !important; background-color: #ffffff !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 6px !important; color: var(--desi-dark-heading, #0f172a) !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important; width: auto !important; } .custom-sort-select:hover, .sort-select-wrapper select.uk-select:hover { border-color: #cbd5e1 !important; background-color: #f8fafc !important; } .custom-sort-select:focus, .sort-select-wrapper select.uk-select:focus { border-color: var(--desi-green, #2D7A68) !important; background-color: #ffffff !important; outline: none !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.12) !important; } /* 4. Product Count Text (Zarif Saya? & Metin) */ .count-badge { display: inline-flex !important; align-items: center !important; font-size: 13px !important; font-weight: 500 !important; color: var(--desi-text-muted, #64748b) !important; background: transparent !important; border: none !important; padding: 0 4px !important; margin: 0 !important; white-space: nowrap !important; line-height: 1 !important; } /* 5. Layout Switcher Buton Grubu (Modern Segmented Control) */ .layout-switcher-group { display: inline-flex !important; align-items: center !important; } .layout-switcher-group .uk-button-group { display: inline-flex !important; align-items: center !important; background: #f1f5f9 !important; padding: 2px !important; border-radius: 8px !important; border: 1px solid var(--desi-border, #e2e8f0) !important; } .layout-switcher-group .switcher-btn { width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px !important; border: none !important; background: transparent !important; color: #64748b !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: none !important; } .layout-switcher-group .switcher-btn:hover { color: #0f172a !important; background: rgba(255, 255, 255, 0.6) !important; } .layout-switcher-group .switcher-btn.active { background: #ffffff !important; color: var(--desi-green, #2D7A68) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important; } .layout-switcher-group .switcher-btn svg { width: 17px !important; height: 17px !important; display: block !important; } /* Drawer Container */ .advanced-features-drawer { width: 100% !important; box-sizing: border-box !important; } .advanced-features-drawer .features-top-container { background: #ffffff !important; border: 1.5px solid rgba(45, 122, 104, 0.25) !important; border-radius: 10px !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important; padding: 14px 16px !important; width: 100% !important; box-sizing: border-box !important; } .advanced-features-drawer .drawer-header-actions { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px; margin-bottom: 12px; } .advanced-features-drawer .clear-features-filter-btn { background: #fef2f2 !important; color: #ef4444 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; font-weight: 600; font-size: 12px; padding: 4px 12px; cursor: pointer; } .advanced-features-drawer .clear-features-filter-btn:hover { background: #fee2e2 !important; color: #dc2626 !important; } /* Horizontal Chip Grid */ .features-list-wrapper { width: 100% !important; box-sizing: border-box !important; } .features-flat-list { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .features-flat-list .feature-sidebar-item { display: inline-flex !important; position: relative; border-radius: 20px !important; cursor: pointer; user-select: none; transition: all 0.15s ease; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .features-flat-list .feature-sidebar-item .feature-checkbox { display: none !important; } .features-flat-list .feature-sidebar-item .feature-label { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 6px 14px !important; margin: 0 !important; cursor: pointer !important; box-sizing: border-box !important; font-size: 13px !important; line-height: 1 !important; } .features-flat-list .feature-sidebar-item .feature-label .item-left { display: inline-flex !important; align-items: center !important; gap: 7px !important; } .features-flat-list .feature-sidebar-item .custom-check-box { display: none !important; } .features-flat-list .feature-sidebar-item .feature-icon-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; color: #2D7A68 !important; flex-shrink: 0 !important; } .features-flat-list .feature-sidebar-item .feature-icon-badge svg { width: 15px !important; height: 15px !important; stroke: currentColor !important; } .features-flat-list .feature-sidebar-item .feature-name { font-size: 13px !important; color: #334155 !important; font-weight: 500 !important; white-space: nowrap !important; } .features-flat-list .feature-sidebar-item .feature-count { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; background: #ffffff !important; border: 1px solid #cbd5e1 !important; padding: 2px 7px !important; border-radius: 10px !important; line-height: 1 !important; margin-left: 2px !important; } /* Hover & Active States */ .features-flat-list .feature-sidebar-item:hover { background: #f1f5f9 !important; border-color: #cbd5e1 !important; } .features-flat-list .feature-sidebar-item:hover .feature-name { color: #0f172a !important; } .features-flat-list .feature-sidebar-item.disabled { opacity: 0.35 !important; cursor: not-allowed !important; pointer-events: none !important; } .features-flat-list .feature-sidebar-item.active { background: #f0fdf4 !important; border-color: #2D7A68 !important; } .features-flat-list .feature-sidebar-item.active .feature-name { color: #2D7A68 !important; font-weight: 700 !important; } .features-flat-list .feature-sidebar-item.active .feature-count { background: #2D7A68 !important; border-color: #2D7A68 !important; color: #ffffff !important; } /* Kart ??i Rozet Stilleri (Product Features Badge List) */ .card-features-badge-list { padding-left: 0 !important; list-style: none !important; margin-top: 10px !important; margin-bottom: 8px !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } .card-features-badge-list .card-feature-icon-chip { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 3px 8px 3px 6px !important; background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; color: #334155 !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.2 !important; cursor: default !important; transition: all 0.2s ease !important; white-space: nowrap !important; box-sizing: border-box !important; } .card-features-badge-list .card-feature-icon-chip .card-feature-chip-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #2D7A68 !important; flex-shrink: 0 !important; } .card-features-badge-list .card-feature-icon-chip svg { width: 13px !important; height: 13px !important; display: block !important; } .card-features-badge-list .card-feature-icon-chip .card-feature-chip-text { font-size: 11.5px !important; color: #334155 !important; font-weight: 500 !important; letter-spacing: 0.1px !important; } .card-features-badge-list .card-feature-icon-chip:hover { background-color: #f0fdf4 !important; border-color: #2D7A68 !important; } .card-features-badge-list .card-feature-icon-chip:hover .card-feature-chip-text { color: #2D7A68 !important; } @media (max-width: 959px) { .card-features-badge-list { display: none !important; } } /* KES?N F?YAT RENG? - S?YAH */ .product-price-wrapper .current-price, .product-price-wrapper .current-price.uk-text-primary, .product-price-wrapper .current-price *, .product-item .current-price, .product-item .current-price * { color: #0f172a !important; font-weight: 800 !important; } .product-price-wrapper .current-price .product-currency, .product-item .current-price .product-currency { color: #475569 !important; font-weight: 600 !important; font-size: 13px !important; margin-left: 3px !important; } /* ========================================================================== DESI PRODUCT CARD TITLE & SHORT DESCRIPTION CHIPS (GLOBAL & SENKRON) ========================================================================== */ .product-item .uk-card-title, .showcase-catalog-section .product-item .uk-card-title { font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; margin: 0 0 8px 0 !important; display: block !important; width: 100% !important; } @media (min-width: 960px) { .product-item .uk-card-title, .showcase-catalog-section .product-item .uk-card-title { font-size: 18px !important; } } .product-item .desi-brand-prefix, .showcase-catalog-section .product-item .desi-brand-prefix { color: #e11d48 !important; font-weight: 900 !important; margin-right: 6px !important; display: inline-block !important; letter-spacing: -0.2px !important; } .product-item .desi-model-name, .showcase-catalog-section .product-item .desi-model-name { color: #0f172a !important; font-weight: 800 !important; display: inline !important; margin-right: 6px !important; } .product-item .desi-title-rest, .showcase-catalog-section .product-item .desi-title-rest { display: block !important; font-weight: 400 !important; color: #64748b !important; font-size: 13px !important; line-height: 1.4 !important; margin-top: 4px !important; } /* Feature Chips (K?sa A??klama Rozetleri) */ .desi-chips-inline-wrap, .product-short-desc .desi-chips-inline-wrap, .product-item .product-short-desc .desi-chips-inline-wrap, .showcase-catalog-section .product-short-desc .desi-chips-inline-wrap { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start !important; gap: 6px !important; width: 100% !important; margin-top: 8px !important; padding: 0 !important; } .desi-inline-chip, .product-short-desc .desi-inline-chip, .product-item .product-short-desc .desi-inline-chip, .showcase-catalog-section .product-short-desc .desi-inline-chip { display: inline-flex !important; flex-direction: row !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; white-space: nowrap !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 4px 10px !important; font-size: 11px !important; font-weight: 600 !important; color: #334155 !important; gap: 5px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important; box-sizing: border-box !important; line-height: normal !important; } .desi-inline-chip svg, .desi-inline-chip [uk-icon], .product-item .product-short-desc .desi-inline-chip svg, .product-item .product-short-desc .desi-inline-chip [uk-icon], .showcase-catalog-section .product-short-desc .desi-inline-chip svg, .showcase-catalog-section .product-short-desc .desi-inline-chip [uk-icon] { color: var(--desi-primary, #2D7A68) !important; flex-shrink: 0 !important; width: 15px !important; height: 15px !important; display: inline-block !important; vertical-align: middle !important; } /* Lucide Icon */ .lucide { width: 20px; height: 20px; stroke-width: 1.85; vertical-align: middle; display: inline-block; } /* ========================================================================== MASTER CANONICAL PRODUCT CARD (Shared across Showcase & Product List) ========================================================================== */ .product-item .uk-card, .product-item .uk-card-default, .showcase-catalog-section .product-item .uk-card { border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; background: #ffffff !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important; display: flex !important; flex-direction: column !important; height: 100% !important; outline: none !important; } .product-item .uk-card:hover, .product-item .uk-card-default:hover, .showcase-catalog-section .product-item .uk-card:hover { border-color: var(--desi-primary, #2D7A68) !important; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09) !important; transform: translateY(-4px) !important; outline: none !important; } .product-item .uk-card-media-top, .showcase-catalog-section .product-item .uk-card-media-top { background: #ffffff !important; padding: 16px !important; border-bottom: 1px solid var(--desi-border, #e2e8f0) !important; } .product-item .uk-card-body, .showcase-catalog-section .product-item .uk-card-body { padding: 18px 20px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; } .product-item .uk-card-footer, .showcase-catalog-section .product-item .uk-card-footer { background: #ffffff !important; border-top: 1px solid var(--desi-border, #e2e8f0) !important; padding: 14px 20px !important; border-radius: 0 0 16px 16px !important; } .product-item .add-favourite-btn, .showcase-catalog-section .product-item .add-favourite-btn { z-index: 2 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #64748b !important; border: 1px solid #e2e8f0 !important; transition: all 0.2s ease !important; } .product-item .add-favourite-btn:hover, .showcase-catalog-section .product-item .add-favourite-btn:hover { color: var(--desi-accent, #e11d48) !important; border-color: var(--desi-accent, #e11d48) !important; transform: scale(1.12) !important; background: #ffffff !important; } /* ========================================================================== MOBILE RESPONSIVE: LISTING PANEL & FILTER CONTROLS ========================================================================== */ @media (max-width: 639px) { /* --- Listing Panel: Compact Mobile Layout --- */ .listing-panel { padding: 8px 10px !important; min-height: auto !important; overflow: hidden !important; } .listing-panel-inner { flex-wrap: wrap !important; gap: 8px !important; } .listing-panel-left { gap: 8px !important; flex-shrink: 1 !important; min-width: 0 !important; } .listing-panel-right { gap: 8px !important; flex-shrink: 1 !important; min-width: 0 !important; } /* --- Filter Button: Hide text, show icon + badge only --- */ .btn-toggle-advanced-filter { padding: 0 10px !important; height: 34px !important; font-size: 12px !important; gap: 6px !important; flex-shrink: 0 !important; } .btn-toggle-advanced-filter .btn-filter-text { display: none !important; } .btn-toggle-advanced-filter .features-total-badge { font-size: 10px !important; padding: 1px 6px !important; } /* --- Sort Dropdown: Constrained width --- */ .sort-select-wrapper { max-width: 160px !important; flex-shrink: 1 !important; min-width: 0 !important; } .custom-sort-select, .sort-select-wrapper select.uk-select { height: 34px !important; line-height: 32px !important; font-size: 12px !important; padding: 0 28px 0 10px !important; max-width: 100% !important; text-overflow: ellipsis !important; } .sort-select-wrapper::after { right: 9px !important; width: 4px !important; height: 4px !important; } /* --- Features Drawer: Full-width, no overflow --- */ .advanced-features-drawer { max-width: 100% !important; overflow: hidden !important; } .advanced-features-drawer .features-top-container { padding: 10px !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; } .advanced-features-drawer .drawer-header-actions { padding-bottom: 8px !important; margin-bottom: 8px !important; flex-wrap: wrap !important; gap: 6px !important; } .advanced-features-drawer .drawer-header-actions > span { font-size: 12px !important; } /* --- Feature Chips: Horizontal scroll on mobile --- */ .features-list-wrapper { max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; } .features-flat-list { flex-wrap: wrap !important; gap: 6px !important; max-width: 100% !important; } .features-flat-list .feature-sidebar-item { flex-shrink: 0 !important; } .features-flat-list .feature-sidebar-item .feature-label { padding: 5px 10px !important; font-size: 12px !important; } .features-flat-list .feature-sidebar-item .feature-name { font-size: 12px !important; } .features-flat-list .feature-sidebar-item .feature-icon-badge { width: 16px !important; height: 16px !important; } .features-flat-list .feature-sidebar-item .feature-icon-badge svg { width: 13px !important; height: 13px !important; } .features-flat-list .feature-sidebar-item .feature-count { font-size: 10px !important; padding: 1px 5px !important; } /* --- Product List Wrapper: Prevent overflow --- */ .product-list-features-filter-wrapper { max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } } /* Tablet breakpoint (640-959px) tweaks */ @media (min-width: 640px) and (max-width: 959px) { .btn-toggle-advanced-filter .btn-filter-text { display: none !important; } .btn-toggle-advanced-filter { height: 36px !important; padding: 0 12px !important; } } /* ========================================================================== DESI PRODUCT DETAIL / QUANTITY (QTY) & FIREFOX FIX ========================================================================== */ .qty input[type="number"], input[type="number"].no-arrows { -moz-appearance: textfield !important; appearance: textfield !important; } .qty input[type="number"]::-webkit-outer-spin-button, .qty input[type="number"]::-webkit-inner-spin-button, input[type="number"].no-arrows::-webkit-outer-spin-button, input[type="number"].no-arrows::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } .qty { position: relative; display: flex !important; align-items: center !important; justify-content: space-between !important; } .qty span.ti-minus, .qty span.ti-plus { cursor: pointer; user-select: none; } /* T-Soft varsayilan font ikonlari ile SVG/UIKit ikonlarinin cakismasini engelle */ .qty span.ti-minus::before, .qty span.ti-plus::before, .qty span.ti-minus::after, .qty span.ti-plus::after { content: none !important; display: none !important; } /* ========================================== BUNDLE: desi_base.css ========================================== */ /* ========================================================================== DESI CORE: BASE STYLES & RESET (desi_base.css) ========================================================================== */ /* Ortak Tipografi & Reset */ .desi-theme-wrap { font-family: var(--desi-font-sans, 'Inter', sans-serif); color: var(--desi-text-main, #334155); width: 100%; margin: 0 auto; box-sizing: border-box; } /* T-Soft .row flexbox kapsay?c?s? i?indeki UIkit b?l?mlerinin sola s?k??mas?n? ?nler ve %100 geni?lik verir */ .row > .uk-section, .row > [class*="uk-section"], .relArea .row > section { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; display: block; } /* UIkit Kart & Bile?en D?zeni (Clean Flat Border) */ .uk-card-default, .uk-card-hover { border: 1px solid var(--desi-border, #e2e8f0); } .uk-card-default.uk-card-hover:hover, .uk-card-hover:hover { border-color: var(--desi-border-hover, #cbd5e1); } /* ========================================================================== FAILSAFE GUARDS: OFFCANVAS & MODAL G?ZLEME G?VENCES? (UIkit JS tetiklenene kadar veya ?nbellek gecikmesinde patlamay? ?nler) ========================================================================== */ [uk-offcanvas]:not(.uk-open), [uk-modal]:not(.uk-open), [id*="mobile-menu"]:not(.uk-open), #mobile-search-modal:not(.uk-open) { display: none !important; } /* ========================================== BUNDLE: desi_components.css ========================================== */ /* ========================================================================== DESI CORE: REUSABLE UI COMPONENTS (desi_components.css) ========================================================================== */ /* ========================================================================== DESI COMPONENT: QUANTITY SELECTOR (.qty) Definitive Flexbox Ordering: [ - ] (order 1) | [ 1 ] (order 2) | [ + ] (order 3) ========================================================================== */ .qty, .product-add-buttons .qty { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; height: 44px !important; padding: 0 4px !important; border: 1px solid var(--desi-border, #ced4da) !important; border-radius: 8px !important; background: #ffffff !important; box-sizing: border-box !important; overflow: hidden !important; position: relative !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } @media (min-width: 768px) { .qty, .product-add-buttons .qty { height: 50px !important; } } .qty:focus-within, .product-add-buttons .qty:focus-within { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.12) !important; } /* 1. SOL BUTON: EKS? (-) */ .qty .ti-minus, .qty .qty-btn-minus, .qty [class*="minus"], .qty [data-action="decrease"], .qty span:has(.lucide-minus), .qty span:has([uk-icon*="minus"]), .qty span:first-of-type { order: 1 !important; } /* 2. ORTA: SAYI INPUT ALANI */ .qty input, .qty input.form-control, .qty input[type="number"] { order: 2 !important; flex: 1 1 auto !important; width: 0 !important; min-width: 36px !important; height: 100% !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; -moz-appearance: textfield !important; appearance: textfield !important; } .qty input::-webkit-outer-spin-button, .qty input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* 3. SA? BUTON: ARTI (+) */ .qty .ti-plus, .qty .qty-btn-plus, .qty [class*="plus"], .qty [data-action="increase"], .qty span:has(.lucide-plus), .qty span:has([uk-icon*="plus"]), .qty span:last-of-type { order: 3 !important; } /* BUTONLARIN ORTAK G?RSEL ST?L? */ .qty > span, .product-add-buttons .qty > span { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; border-radius: 6px !important; background: #f8fafc !important; color: #475569 !important; border: 1px solid #eef2f6 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; user-select: none !important; transition: all 0.15s ease !important; box-sizing: border-box !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; } @media (min-width: 768px) { .qty > span, .product-add-buttons .qty > span { width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; } } .qty > span:hover, .product-add-buttons .qty > span:hover { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; } .qty > span:active, .product-add-buttons .qty > span:active { transform: scale(0.92); } .qty > span svg, .qty > span [uk-icon], .qty > span [data-lucide] { stroke: currentColor !important; color: inherit !important; display: block !important; pointer-events: none !important; width: 16px !important; height: 16px !important; } .qty > span:hover svg, .qty > span:hover [uk-icon], .qty > span:hover [data-lucide] { stroke: #ffffff !important; color: #ffffff !important; } /* Pseudo-element Fallback ?nleme (?ift ikon ??kmamas? i?in) */ .qty > span::before, .qty > span::after, .product-add-buttons .qty > span::before, .product-add-buttons .qty > span::after { display: none !important; content: none !important; } /* ========================================================================== HEADER NAVBAR & ICON SCALING ========================================================================== */ .uk-navbar-nav > li > a { font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; font-size: var(--desi-text-base, 0.9375rem) !important; font-weight: 700 !important; color: #0f172a !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; padding: 0 16px !important; transition: color 0.2s ease !important; } .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li.uk-active > a { color: var(--desi-green, #2D7A68) !important; } /* ========================================================================== HEADER MOBILE / DESKTOP ICONNAV & ALIGNMENT ?konlar? sa?a yaslar, logoyu solda tutar, uk-iconnav yap?s?n? parlat?r ========================================================================== */ /* Sadece Mobilde (<960px): Hamburger ve logoyu solda, ikonlar? sa?da tut */ @media (max-width: 959px) { #header-main .uk-navbar { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } #header-main .uk-navbar-left { display: flex !important; align-items: center !important; gap: 10px !important; flex: 0 0 auto !important; } #header-main .uk-navbar-right { display: flex !important; align-items: center !important; margin-left: auto !important; flex: 0 0 auto !important; } } /* UIkit uk-iconnav ?zelle?tirmesi */ #header-main .uk-iconnav { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #header-main .uk-iconnav > li { padding-left: 0 !important; } #header-main .uk-iconnav > li > a.header-icon-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; color: #0f172a !important; transition: all 0.2s ease !important; position: relative !important; } #header-main .uk-iconnav > li > a.header-icon-link:hover { color: var(--desi-green, #2D7A68) !important; background: rgba(45, 122, 104, 0.08) !important; } /* Sepet Rozeti (Cart Badge) - Kusursuz Dairesel (18x18) */ #header-main .uk-iconnav .cart-soft-count, #header-main .uk-iconnav .favourite-soft-count, #header-main .uk-navbar-right .header-icon-link .uk-badge, #header-wrapper .uk-iconnav a .cart-soft-count, #header-wrapper .uk-iconnav a .favourite-soft-count { position: absolute !important; top: 0 !important; right: 0 !important; width: 18px !important; min-width: 18px !important; height: 18px !important; max-height: 18px !important; line-height: 18px !important; border-radius: 50% !important; font-size: 10px !important; font-weight: 700 !important; background: #e30613 !important; color: #ffffff !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; border: 2px solid #ffffff !important; box-sizing: border-box !important; z-index: 5 !important; } @media (max-width: 767px) { #header-main .uk-container { padding-left: 12px !important; padding-right: 12px !important; } #header-main .uk-iconnav { gap: 6px !important; } #header-main .uk-iconnav > li > a.header-icon-link { width: 36px !important; height: 36px !important; } } /* ========================================================================== PRODUCT CARD BADGE (.uk-card-badge / .uk-label / NEW / SALE) Modern, elegant, pill/capsule badge with subtle shadow and border ========================================================================== */ .uk-card-badge, .uk-card .uk-card-badge, .product-item .uk-card-badge, .uk-card-badge.uk-label, .product-item .uk-label { top: 14px !important; right: 14px !important; font-family: var(--desi-font-sans, 'Inter', -apple-system, sans-serif) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 4px 11px !important; border-radius: 9999px !important; /* Tam kaps?l (pill) */ line-height: 1.2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; box-shadow: 0 4px 12px rgba(45, 122, 104, 0.25), 0 1px 2px rgba(0, 0, 0, 0.06) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 10 !important; } /* Ye?il "NEW" / Yeni ?r?n Rozeti */ .uk-card-badge.uk-label-success, .uk-label-success, .product-item .uk-label-success { background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important; color: #ffffff !important; } /* K?rm?z? ?ndirim / Kampanya Rozeti */ .uk-card-badge.uk-label-danger, .uk-label-danger, .product-item .uk-label-danger { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25) !important; } /* Kart hover oldu?unda rozet mikro etkile?im */ .uk-card:hover .uk-card-badge, .product-item:hover .uk-card-badge { transform: translateY(-1px) scale(1.05); box-shadow: 0 6px 16px rgba(45, 122, 104, 0.35) !important; } /* ========================================================================== MASTER CANONICAL PRODUCT CARD (Shared across Showcase & Product List) ========================================================================== */ .product-item .uk-card, .product-item .uk-card-default, .showcase-catalog-section .product-item .uk-card { border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; background: #ffffff !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important; display: flex !important; flex-direction: column !important; height: 100% !important; outline: none !important; } .product-item .uk-card:hover, .product-item .uk-card-default:hover, .showcase-catalog-section .product-item .uk-card:hover { border-color: var(--desi-primary, #2D7A68) !important; box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09) !important; transform: translateY(-4px) !important; outline: none !important; } .product-item .uk-card-media-top, .showcase-catalog-section .product-item .uk-card-media-top { background: #ffffff !important; padding: 16px !important; border-bottom: 1px solid var(--desi-border, #e2e8f0) !important; } .product-item .uk-card-body, .showcase-catalog-section .product-item .uk-card-body { padding: 18px 20px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; } .product-item .uk-card-footer, .showcase-catalog-section .product-item .uk-card-footer { background: #ffffff !important; border-top: 1px solid var(--desi-border, #e2e8f0) !important; padding: 14px 20px !important; border-radius: 0 0 16px 16px !important; } .product-item .add-favourite-btn, .showcase-catalog-section .product-item .add-favourite-btn { z-index: 2 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #64748b !important; border: 1px solid #e2e8f0 !important; transition: all 0.2s ease !important; } .product-item .add-favourite-btn:hover, .showcase-catalog-section .product-item .add-favourite-btn:hover { color: var(--desi-accent, #e11d48) !important; border-color: var(--desi-accent, #e11d48) !important; transform: scale(1.12) !important; background: #ffffff !important; } /* Kart Ba?l??? (Global & Uyumlu) */ .product-item .uk-card-title, .showcase-catalog-section .product-item .uk-card-title { font-size: 16px; font-weight: 700; line-height: 1.35; color: #0f172a; margin: 0 0 8px 0; display: block; width: 100%; } @media (min-width: 960px) { .product-item .uk-card-title, .showcase-catalog-section .product-item .uk-card-title { font-size: 18px; } } .product-item .desi-brand-prefix, .showcase-catalog-section .product-item .desi-brand-prefix { color: var(--desi-red, #e30613) !important; font-weight: 900 !important; margin-right: 6px; display: inline-block; letter-spacing: -0.2px; } .product-item .desi-model-name, .showcase-catalog-section .product-item .desi-model-name { color: #0f172a !important; font-weight: 800 !important; display: inline; margin-right: 6px; } .product-item .desi-title-rest, .showcase-catalog-section .product-item .desi-title-rest { display: inline !important; font-weight: 500 !important; color: #475569 !important; font-size: 13px !important; line-height: 1.35 !important; margin: 0 !important; } /* 1A: ?r?n ?smi (Smart Lock) + ?lave ?r?nler Ayn? Sat?rda Do?al Ak?? */ .desi-title-rest-row { display: inline !important; margin: 0 !important; } .desi-title-addons { display: flex !important; width: 100% !important; flex-wrap: wrap !important; align-items: center !important; gap: 5px !important; margin-top: 6px !important; margin-left: 0 !important; margin-bottom: 2px !important; } .desi-addon-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: rgba(45, 122, 104, 0.08) !important; border: 1px solid rgba(45, 122, 104, 0.22) !important; color: var(--desi-green, #2D7A68) !important; border-radius: 6px !important; padding: 2px 7px !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.01em !important; transition: all 0.2s ease !important; } .desi-addon-badge .addon-plus { font-weight: 800 !important; font-size: 12px !important; color: var(--desi-green, #2D7A68) !important; } .desi-addon-badge:hover { background: rgba(45, 122, 104, 0.14) !important; border-color: var(--desi-green, #2D7A68) !important; } /* 2B: Modern Grid Checkbox ?zellik Listesi */ .desi-features-grid, .product-short-desc .desi-features-grid, .product-item .product-short-desc .desi-features-grid, .showcase-catalog-section .product-short-desc .desi-features-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 6px 10px !important; width: 100% !important; margin-top: 10px !important; padding: 0 !important; box-sizing: border-box !important; } @media (max-width: 639px) { .desi-features-grid, .product-short-desc .desi-features-grid, .product-item .product-short-desc .desi-features-grid, .showcase-catalog-section .product-short-desc .desi-features-grid { grid-template-columns: 1fr !important; gap: 5px !important; } } /* 2: Sade & Minimal Check ?konlu ?zellik Listesi */ .desi-features-list, .product-short-desc .desi-features-list, .product-item .product-short-desc .desi-features-list, .showcase-catalog-section .product-short-desc .desi-features-list { display: flex !important; flex-direction: column !important; gap: 5px !important; margin-top: 10px !important; padding: 0 !important; list-style: none !important; } .desi-feature-item { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12.5px !important; line-height: 1.35 !important; color: var(--desi-text-muted, #64748b) !important; font-weight: 500 !important; } .desi-feature-item:hover { color: var(--desi-text-body, #1e293b) !important; } .desi-check-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; width: 14px !important; height: 14px !important; color: var(--desi-green, #2D7A68) !important; } .desi-check-icon svg { width: 14px !important; height: 14px !important; stroke: var(--desi-green, #2D7A68) !important; stroke-width: 2.2 !important; fill: none !important; stroke-linecap: round !important; stroke-linejoin: round !important; display: block !important; } .desi-feature-label { white-space: normal !important; word-break: break-word !important; } /* Eski kaps?l uyumlulu?u (fallback) */ .desi-chips-inline-wrap, .product-short-desc .desi-chips-inline-wrap { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 6px 10px !important; margin-top: 10px !important; } /* Footer ve Fiyat */ .showcase-catalog-section .product-item .uk-card-footer { background: #ffffff; border-top: 1px solid var(--desi-border, #e2e8f0) !important; padding: 14px 20px !important; border-radius: 0 0 16px 16px; } .showcase-catalog-section .product-item .current-price { color: #0f172a; font-size: 18px; font-weight: 800; line-height: 1.2; } @media (min-width: 960px) { .showcase-catalog-section .product-item .current-price { font-size: 20px; } } .showcase-catalog-section .product-item .current-price .product-currency { font-size: 13px; font-weight: 600; margin-left: 2px; } /* Empty Cart & Button Duplicate Icon Prevention */ .empty-cart-icon > span:not(:first-child), .empty-cart-icon > svg:not(:first-child), .empty-cart-card .uk-button-primary > span:not(:first-child):not(:last-child), .empty-cart-card .uk-button-primary > svg:not(:first-child) { display: none !important; } .empty-cart-icon::before, .empty-cart-icon::after, .empty-cart-icon > span::before, .empty-cart-icon > span::after, .empty-cart-card .uk-button-primary::before, .empty-cart-card .uk-button-primary::after, .empty-cart-card .uk-button-primary > span::before, .empty-cart-card .uk-button-primary > span::after { display: none !important; content: none !important; } /* ========================================================================== DESI MOBILE MENU DRAWER (PUSH MODE) - GLOBAL COMPONENT ========================================================================== */ .desi-mobile-menu { z-index: 99999 !important; } .desi-mobile-menu .desi-offcanvas-bar { background: #ffffff !important; color: var(--desi-text-body, #334155) !important; width: 320px !important; max-width: 86vw !important; padding: 0 !important; box-shadow: 4px 0 25px rgba(0, 0, 0, 0.12) !important; display: flex !important; flex-direction: column !important; height: 100% !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; } /* Drawer Header */ .desi-mobile-menu .desi-offcanvas-header { padding: 16px 20px !important; background: #ffffff !important; border-bottom: 1px solid var(--desi-border, #e2e8f0) !important; position: sticky !important; top: 0 !important; z-index: 10 !important; } .desi-mobile-menu .desi-offcanvas-header .desi-offcanvas-logo img { max-height: 38px !important; width: auto !important; display: block !important; } .desi-mobile-menu .desi-offcanvas-header .desi-offcanvas-close-btn { position: static !important; padding: 8px !important; color: var(--desi-text-muted, #64748b) !important; background: var(--desi-bg-subtle, #f8fafc) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; } .desi-mobile-menu .desi-offcanvas-header .desi-offcanvas-close-btn:hover { color: var(--desi-red, #e30613) !important; background: #fee2e2 !important; transform: rotate(90deg) !important; } /* Quick Search Bar */ .desi-mobile-menu .desi-offcanvas-search-box { padding: 14px 20px 8px 20px !important; } .desi-mobile-menu .desi-offcanvas-search-box .desi-search-trigger-btn { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 16px !important; background: var(--desi-bg-subtle, #f8fafc) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 25px !important; color: var(--desi-text-muted, #64748b) !important; font-size: 13px !important; text-decoration: none !important; transition: all 0.2s ease !important; } .desi-mobile-menu .desi-offcanvas-search-box .desi-search-trigger-btn:hover { border-color: var(--desi-green, #2D7A68) !important; color: var(--desi-green, #2D7A68) !important; background: #ffffff !important; } /* Drawer Body */ .desi-mobile-menu .desi-offcanvas-body { padding: 10px 20px 30px 20px !important; flex: 1 !important; } /* Section Headings */ .desi-mobile-menu .desi-menu-section { margin-top: 20px !important; padding-top: 14px !important; border-top: 1px dashed var(--desi-border, #e2e8f0) !important; } .desi-mobile-menu .desi-menu-section:first-child { margin-top: 8px !important; padding-top: 0 !important; border-top: none !important; } .desi-mobile-menu .desi-section-title { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; color: var(--desi-text-muted, #64748b) !important; text-transform: uppercase !important; margin-bottom: 10px !important; } .desi-mobile-menu .desi-section-title .desi-title-badge { display: inline-block !important; width: 4px !important; height: 12px !important; background: var(--desi-green, #2D7A68) !important; border-radius: 2px !important; } /* Nav Links & Accordion */ .desi-mobile-menu .desi-nav-list { margin: 0 !important; padding: 0 !important; list-style: none !important; } .desi-mobile-menu .desi-nav-list > li { margin-bottom: 2px !important; } .desi-mobile-menu .desi-nav-list > li > .desi-nav-link { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 10px 12px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--desi-dark-heading, #0f172a) !important; text-decoration: none !important; transition: all 0.2s ease !important; } .desi-mobile-menu .desi-nav-list > li > .desi-nav-link .desi-link-icon { margin-right: 8px !important; color: var(--desi-green, #2D7A68) !important; } .desi-mobile-menu .desi-nav-list > li > .desi-nav-link:hover { background: var(--desi-green-light, #f0fdf4) !important; color: var(--desi-green, #2D7A68) !important; padding-left: 16px !important; } .desi-mobile-menu .desi-nav-list > li.uk-open > .desi-nav-link { background: var(--desi-green-light, #f0fdf4) !important; color: var(--desi-green, #2D7A68) !important; font-weight: 700 !important; } .desi-mobile-menu .desi-nav-list > li.uk-parent > .desi-nav-link::after { content: "" !important; display: inline-block !important; width: 7px !important; height: 7px !important; border-right: 2px solid var(--desi-text-muted, #94a3b8) !important; border-bottom: 2px solid var(--desi-text-muted, #94a3b8) !important; transform: rotate(45deg) !important; transition: transform 0.2s ease, border-color 0.2s ease !important; margin-left: auto !important; } .desi-mobile-menu .desi-nav-list > li.uk-open.uk-parent > .desi-nav-link::after { transform: rotate(-135deg) !important; border-color: var(--desi-green, #2D7A68) !important; } /* Sub-menus */ .desi-mobile-menu .desi-subnav-list { padding: 6px 0 8px 14px !important; margin: 4px 0 6px 6px !important; border-left: 2px solid #e2e8f0 !important; } .desi-mobile-menu .desi-subnav-list li { margin: 4px 0 !important; } .desi-mobile-menu .desi-subnav-list li .desi-sub-link { display: block !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 500 !important; color: var(--desi-text-body, #475569) !important; text-decoration: none !important; border-radius: 6px !important; transition: all 0.15s ease !important; } .desi-mobile-menu .desi-subnav-list li .desi-sub-link:hover { color: var(--desi-green, #2D7A68) !important; background: rgba(45, 122, 104, 0.06) !important; } .desi-mobile-menu .desi-subnav-list .desi-all-link a { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--desi-green, #2D7A68) !important; padding: 4px 12px !important; margin-bottom: 4px !important; text-decoration: none !important; } .desi-mobile-menu .desi-subsub-list { list-style: none !important; padding-left: 12px !important; margin: 4px 0 !important; border-left: 1px dashed #cbd5e1 !important; } .desi-mobile-menu .desi-subsub-list li a { display: block !important; padding: 4px 10px !important; font-size: 12px !important; color: #64748b !important; text-decoration: none !important; } .desi-mobile-menu .desi-subsub-list li a:hover { color: var(--desi-green, #2D7A68) !important; } .desi-mobile-menu .desi-subsub-list .desi-all-sublink { font-weight: 600 !important; color: var(--desi-green, #2D7A68) !important; } /* Contact Chips */ .desi-mobile-menu .desi-contact-buttons { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .desi-mobile-menu .desi-contact-buttons .desi-contact-chip { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; background: var(--desi-bg-subtle, #f8fafc) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--desi-text-body, #334155) !important; text-decoration: none !important; transition: all 0.2s ease !important; } .desi-mobile-menu .desi-contact-buttons .desi-contact-chip span[uk-icon] { color: var(--desi-green, #2D7A68) !important; } .desi-mobile-menu .desi-contact-buttons .desi-contact-chip:hover { background: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; color: var(--desi-green, #2D7A68) !important; box-shadow: 0 2px 8px rgba(45, 122, 104, 0.12) !important; } /* Preferences Section */ .desi-mobile-menu .desi-prefs-section .desi-pref-label { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; font-weight: 600 !important; color: var(--desi-text-muted, #64748b) !important; margin-bottom: 4px !important; } .desi-mobile-menu .desi-prefs-section .desi-select-wrap { position: relative !important; } .desi-mobile-menu .desi-prefs-section .desi-select-wrap .desi-pref-select { width: 100% !important; appearance: none !important; -webkit-appearance: none !important; padding: 8px 26px 8px 10px !important; background: var(--desi-bg-subtle, #f8fafc) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--desi-dark-heading, #0f172a) !important; outline: none !important; transition: border-color 0.2s ease !important; } .desi-mobile-menu .desi-prefs-section .desi-select-wrap .desi-pref-select:focus { border-color: var(--desi-green, #2D7A68) !important; background: #ffffff !important; } .desi-mobile-menu .desi-prefs-section .desi-select-wrap .desi-select-arrow { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--desi-text-muted, #64748b) !important; } /* Social Media Box in Mobile Menu */ .desi-mobile-menu .desi-mobile-social-list { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; } .desi-mobile-menu .desi-mobile-social-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: var(--desi-bg-subtle, #f8fafc) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; color: var(--desi-text-body, #475569) !important; transition: all 0.2s ease !important; text-decoration: none !important; } .desi-mobile-menu .desi-mobile-social-btn svg { width: 18px !important; height: 18px !important; display: block !important; } .desi-mobile-menu .desi-mobile-social-btn:hover { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(45, 122, 104, 0.25) !important; } /* ========================================================================== DESI HEADER PREMIUM POLISH (MODERN & HARMONIZED DESIGN LANGUAGE) ========================================================================== */ /* 1. Top Bar Rafinasyonu */ #header-top { background-color: #0d131f !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; letter-spacing: 0.04em !important; } #header-top .header-top-left > li > a, #header-top .header-top-right > li > a { color: #94a3b8 !important; font-size: 11.5px !important; font-weight: 500 !important; padding: 6px 10px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } #header-top .header-top-left > li > a:hover, #header-top .header-top-right > li > a:hover { color: #ffffff !important; } #header-top .header-top-left > li > a [uk-icon], #header-top .header-top-left > li > a .lucide { color: #34d399 !important; /* ?leti?im ikonlar?nda canl? z?mr?t aksan? */ margin-right: 5px !important; } /* 2. Main Navbar & Men? Ba?lant?lar? */ #header-main { background-color: #ffffff !important; border-bottom: 1px solid var(--desi-border, #e2e8f0) !important; transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important; } #header-main #logo, #header-main #logo img { transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Sticky Durumu (Sayfa a?a?? kay?nca yumu?ak kompaktla?ma & ger?ek cam bu?usu) */ .header-sticky #header-main, #header-sticky.header-sticky #header-main, .uk-sticky-fixed #header-main, body.is-header-scrolled #header-main, #header-sticky.uk-active #header-main { background: rgba(255, 255, 255, 0.82) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06) !important; border-bottom-color: rgba(226, 232, 240, 0.7) !important; } /* ?? navbar kapsay?c?lar?n?n opak beyaz olmas?n? engelle (cam?n g?r?nmesini sa?la) */ #header-main .uk-navbar-container, #header-main nav { background: transparent !important; } .header-sticky #header-main #logo img, #header-sticky.header-sticky #header-main #logo img, .uk-sticky-fixed #header-main #logo img, body.is-header-scrolled #header-main #logo img { max-height: 32px !important; height: 32px !important; transform: scale(0.95); } #header-wrapper .uk-navbar-nav.menu > li > a { font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; font-size: 0.9375rem !important; /* 15px dengeli kurumsal ?l?? */ font-weight: 600 !important; color: var(--desi-dark-heading, #0f172a) !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; padding: 0 18px !important; height: 72px !important; display: inline-flex !important; align-items: center !important; position: relative !important; transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important; } /* Sticky olunca men? linklerinin boyu 72px -> 60px'e s?z?l?r */ .header-sticky #header-wrapper .uk-navbar-nav.menu > li > a, #header-sticky.header-sticky #header-wrapper .uk-navbar-nav.menu > li > a, .uk-sticky-fixed #header-wrapper .uk-navbar-nav.menu > li > a, .header-sticky .uk-navbar-nav.menu > li > a, .uk-sticky-fixed .uk-navbar-nav.menu > li > a, body.is-header-scrolled #header-wrapper .uk-navbar-nav.menu > li > a { height: 60px !important; } #header-wrapper .uk-navbar-nav.menu > li > a:hover, #header-wrapper .uk-navbar-nav.menu > li.uk-active > a { color: var(--desi-green, #2D7A68) !important; } /* Ortadan ?ki Yana A??lan ?nce G?sterge ?izgisi */ #header-wrapper .uk-navbar-nav.menu > li > a::after { content: '' !important; position: absolute !important; left: 18px !important; right: 18px !important; bottom: 0 !important; height: 2.5px !important; background: var(--desi-red, #e30613) !important; border-radius: 2px 2px 0 0 !important; transform: scaleX(0) !important; transform-origin: center !important; opacity: 0 !important; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease !important; } #header-wrapper .uk-navbar-nav.menu > li > a:hover::after, #header-wrapper .uk-navbar-nav.menu > li.uk-active > a::after { transform: scaleX(1) !important; opacity: 1 !important; } /* 3. Sa? ?kon Butonlar? & Soft Hover Yuvarla?? */ .uk-navbar-right .uk-iconnav { gap: 4px !important; } .uk-navbar-right .header-icon-link { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; color: #334155 !important; background: transparent !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .uk-navbar-right .header-icon-link:hover { background: var(--desi-bg-subtle, #f1f5f9) !important; color: var(--desi-green, #2D7A68) !important; transform: translateY(-1px) !important; } .uk-navbar-right .header-icon-link [uk-icon] svg, .uk-navbar-right .header-icon-link .lucide { width: 21px !important; height: 21px !important; stroke-width: 1.85 !important; } /* 4. Rozetler (Badges) - Parlak Mikro Rozet */ .uk-navbar-right .header-icon-link .uk-badge { position: absolute !important; top: 2px !important; right: 2px !important; width: 17px !important; min-width: 17px !important; height: 17px !important; max-height: 17px !important; padding: 0 !important; background: linear-gradient(135deg, #e30613 0%, #c4040f 100%) !important; color: #ffffff !important; font-size: 9.5px !important; font-weight: 700 !important; line-height: 15px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; pointer-events: none !important; z-index: 5 !important; border: 2px solid #ffffff !important; box-sizing: border-box !important; box-shadow: 0 2px 6px rgba(227, 6, 19, 0.35) !important; } /* 5. Dropdown Men?ler (Zarif Kart G?r?n?m?) */ .uk-navbar-dropdown { border-radius: 12px !important; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; padding: 20px !important; background: #ffffff !important; } .uk-navbar-dropdown a { font-family: var(--desi-font-sans, 'Inter', sans-serif) !important; font-size: 13.5px !important; color: var(--desi-text-body, #334155) !important; transition: color 0.15s ease !important; } .uk-navbar-dropdown a:hover { color: var(--desi-green, #2D7A68) !important; } /* ========================================================================== SEARCH MODAL (#mobile-search-modal) - TRANSLUCENT & CLEAN DESIGN ========================================================================== */ #mobile-search-modal { z-index: 10100 !important; } #mobile-search-modal .uk-modal-dialog { background: rgba(15, 23, 42, 0.45) !important; /* Koyu bo?ucu mavi yerine ?effaf, arkadaki sayfay? hissettiren zarif ton */ backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; padding: 60px 20px !important; box-sizing: border-box !important; } #mobile-search-modal .uk-modal-close-full { top: 24px !important; right: 24px !important; width: 42px !important; height: 42px !important; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; } #mobile-search-modal .uk-modal-close-full:hover { background: var(--desi-red, #e30613) !important; border-color: var(--desi-red, #e30613) !important; color: #ffffff !important; transform: rotate(90deg) !important; } #mobile-search-modal input.uk-search-input { background: rgba(255, 255, 255, 0.95) !important; border: 2px solid #ffffff !important; border-radius: 9999px !important; color: var(--desi-dark-heading, #0f172a) !important; font-size: 20px !important; font-weight: 500 !important; padding: 0 30px !important; height: 60px !important; line-height: 60px !important; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25) !important; transition: all 0.25s ease !important; } #mobile-search-modal input.uk-search-input::placeholder { color: var(--desi-text-muted, #94a3b8) !important; font-weight: 400 !important; } #mobile-search-modal input.uk-search-input:focus { background: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 0 0 4px rgba(45, 122, 104, 0.25), 0 16px 40px rgba(0, 0, 0, 0.3) !important; } #mobile-search-modal .search-form-list { background: #ffffff !important; border-radius: 16px !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important; border: 1px solid var(--desi-border, #e2e8f0) !important; overflow: hidden !important; } /* ========================================================================== HOMEPAGE: CATEGORY HERO SECTIONS (Smart Locks & Alarm Systems) ========================================================================== */ .category-modern-layout { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; overflow: hidden; font-family: var(--desi-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif); } .category-modern-layout .section-dark-one { background: #07080a !important; color: #ffffff !important; } .category-modern-layout .section-dark-two { background: #0f1012 !important; color: #ffffff !important; border-top: 1px solid rgba(255, 255, 255, 0.05); } .category-modern-layout .cat-hero-title { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 800; letter-spacing: -0.02em; color: #ffffff !important; margin: 0 0 12px 0; line-height: 1.1; text-transform: uppercase; } .category-modern-layout .cat-hero-lead { font-size: clamp(1rem, 1.5vw, 1.2rem) !important; margin-bottom: 28px; line-height: 1.4; font-weight: 400; max-width: 520px; } .category-modern-layout .cat-eyebrow { font-size: 11px !important; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; margin-bottom: 12px !important; display: block; } .category-modern-layout .cat-feature-item { display: flex; align-items: flex-start; margin-bottom: 18px; } .category-modern-layout .cat-feature-icon { width: 22px; height: 22px; margin-right: 14px; margin-top: 2px; flex-shrink: 0; } .category-modern-layout .cat-feature-icon svg { width: 100%; height: 100%; display: block; } .category-modern-layout .cat-feature-title { color: #ffffff !important; font-size: 1.05rem !important; font-weight: 700; letter-spacing: -0.01em; margin: 0 0 2px 0 !important; } .category-modern-layout .cat-feature-desc { font-size: 13.5px !important; color: #94a3b8 !important; line-height: 1.5; margin: 0 !important; } .category-modern-layout .text-smart-accent { color: var(--desi-green, #2D7A68) !important; } .category-modern-layout .text-security-accent { color: #ffaa00 !important; } .category-modern-layout .cat-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0 36px; height: 50px; font-size: 13.5px; font-weight: 700; border-radius: 999px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); border: none !important; } .category-modern-layout .btn-smart { background-color: var(--desi-green, #2D7A68) !important; color: #ffffff !important; box-shadow: 0 8px 24px rgba(45, 122, 104, 0.35); } .category-modern-layout .btn-smart:hover { background-color: #246354 !important; color: #ffffff !important; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(45, 122, 104, 0.5); } .category-modern-layout .btn-security { background-color: #ffaa00 !important; color: #000000 !important; box-shadow: 0 8px 24px rgba(255, 170, 0, 0.3); } .category-modern-layout .btn-security:hover { background-color: #e69900 !important; color: #000000 !important; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(255, 170, 0, 0.45); } .category-modern-layout .full-height-cover { height: 100%; width: 100%; position: relative; display: block; min-height: 480px; overflow: hidden; border-radius: 16px; } .category-modern-layout .full-height-cover img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 16px; } .category-modern-layout .cat-cover-gradient-left { background: linear-gradient(to right, #07080a 0%, rgba(7,8,10,0) 18%); } .category-modern-layout .cat-cover-gradient-right { background: linear-gradient(to left, #0f1012 0%, rgba(15,16,18,0) 18%); } .category-modern-layout .uk-tile { padding-top: 70px !important; padding-bottom: 70px !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } .category-modern-layout .section-dark-two .uk-tile { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 959px) { .category-modern-layout .uk-tile, .category-modern-layout .section-dark-two .uk-tile { padding: 40px 15px !important; text-align: center; } .category-modern-layout .cat-hero-lead { margin-left: auto; margin-right: auto; } .category-modern-layout .cat-feature-item { text-align: left; max-width: 400px; margin-left: auto; margin-right: auto; } .category-modern-layout .full-height-cover { min-height: 320px; border-radius: 12px; } .category-modern-layout .full-height-cover img { border-radius: 12px; } } /* ========================================================================== HOMEPAGE: DESI SHORTS / SMART MOMENTS SECTION ========================================================================== */ .shorts-section { background-color: #f8fafc; padding: 70px 0; color: #222; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; overflow: hidden; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: var(--desi-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif); } .shorts-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--desi-green, #2D7A68); font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; background: rgba(45, 122, 104, 0.08); padding: 6px 14px; border-radius: 9999px; margin-bottom: 16px; } .shorts-badge .badge-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--desi-green, #2D7A68); } .shorts-title { font-size: 2.2rem; font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 14px 0; } .shorts-desc { font-size: 0.95rem; color: var(--desi-text-muted, #64748b); line-height: 1.6; margin-bottom: 24px; } .shorts-section .video-card { position: relative; border-radius: 16px; overflow: hidden; background: #000; border: 3px solid #ffffff; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: block; text-decoration: none !important; cursor: pointer; } .shorts-section .video-card:hover { transform: translateY(-8px); border-color: var(--desi-green, #2D7A68); box-shadow: 0 20px 40px rgba(45, 122, 104, 0.22); } .shorts-section .thumb-bg { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.6s ease; } .shorts-section .video-card:hover .thumb-bg { transform: scale(1.05); } .shorts-section .main-shorts-height { height: 600px; } .shorts-section .small-shorts-height { height: calc((600px - 15px) / 2); } .shorts-section .play-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; z-index: 5; background: rgba(15, 23, 42, 0.65); width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .shorts-section .play-trigger svg { width: 28px; height: 28px; fill: currentColor; margin-left: 3px; } .shorts-section .small-video .play-trigger { width: 46px; height: 46px; } .shorts-section .small-video .play-trigger svg { width: 18px; height: 18px; margin-left: 2px; } .shorts-section .video-card:hover .play-trigger { background: var(--desi-green, #2D7A68); color: #ffffff; transform: translate(-50%, -50%) scale(1.1); border-color: transparent; box-shadow: 0 0 20px rgba(45, 122, 104, 0.5); } .shorts-section .cta-content { padding-right: 35px; } .shorts-section .youtube-join-box { display: block; padding: 18px 20px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04); } .shorts-section .youtube-join-box:hover { background: #ffffff; border-color: #e30613; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(227, 6, 19, 0.12); } .shorts-section .yt-icon-wrap { width: 44px; height: 44px; background: #e30613; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff !important; flex-shrink: 0; } .shorts-section .yt-icon-wrap svg { width: 24px; height: 24px; fill: currentColor; } .shorts-section .yt-text-title { color: var(--desi-dark-heading, #0f172a); font-weight: 700; font-size: 15px; line-height: 1.25; margin: 0 0 3px 0; } .shorts-section .yt-text-sub { color: var(--desi-text-muted, #64748b); font-size: 12px; margin: 0; line-height: 1.2; } .shorts-modal .uk-modal-dialog { background: #000000 !important; border-radius: 16px; overflow: hidden; max-width: 420px !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7); position: relative; } .shorts-modal .shorts-close-btn { position: absolute; top: 14px; right: 14px; z-index: 999; width: 38px; height: 38px; background: rgba(0, 0, 0, 0.65); color: #ffffff !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; transition: all 0.25s ease; padding: 0; outline: none; } .shorts-modal .shorts-close-btn:hover { background: #e30613; border-color: #e30613; transform: scale(1.1); color: #ffffff !important; } .shorts-modal .shorts-close-btn svg { width: 20px; height: 20px; stroke: #ffffff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; } .shorts-modal iframe { display: block; width: 100%; height: 740px; max-height: 85vh; border: none; } @media (max-width: 959px) { .shorts-section { padding: 50px 0; } .shorts-section .cta-content { margin-bottom: 36px; text-align: center; padding-right: 0; } .shorts-section .youtube-join-box { max-width: 320px; margin: 0 auto; text-align: left; } .shorts-section .main-shorts-height { height: 420px; } .shorts-section .small-shorts-height { height: calc((420px - 15px) / 2); } } /* ========================================================================== HOMEPAGE: MODERN FOOTER (Newsletter, Navigation & Sub-Footer) ========================================================================== */ .desi-modern-footer-wrap { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; overflow: hidden; background: #ffffff; border-top: 1px solid var(--desi-border, #e2e8f0); font-family: var(--desi-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif); font-size: var(--desi-text-base, 0.9375rem); line-height: var(--desi-leading-relaxed, 1.6); color: var(--desi-text-body, #334155); } /* Newsletter ?st Alan? */ .desi-footer-newsletter-section { padding: 50px 0; background: var(--desi-bg-subtle, #f8fafc); border-bottom: 1px solid var(--desi-border, #e2e8f0); } .desi-newsletter-box { background: #ffffff; padding: 36px 42px; border-radius: var(--desi-radius-lg, 16px); border: 1px solid var(--desi-border, #e2e8f0); box-shadow: none; } .desi-newsletter-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(45, 122, 104, 0.08); color: var(--desi-green, #2D7A68); font-size: var(--desi-text-xs, 0.75rem); font-weight: var(--desi-font-bold, 700); text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 14px; border-radius: var(--desi-radius-pill, 9999px); margin-bottom: 12px; } .desi-newsletter-badge svg { width: 14px; height: 14px; stroke: var(--desi-green, #2D7A68); stroke-width: 2; fill: none; } .desi-newsletter-title { font-size: var(--desi-text-2xl, 1.5rem); font-weight: var(--desi-font-extrabold, 800); color: var(--desi-dark-heading, #0f172a); line-height: var(--desi-leading-snug, 1.35); margin: 0; letter-spacing: -0.01em; } .desi-newsletter-form { width: 100%; } .desi-newsletter-input-group { display: flex; align-items: center; background: var(--desi-bg-subtle, #f8fafc); border: 1.5px solid var(--desi-border-hover, #cbd5e1); border-radius: var(--desi-radius-md, 10px); padding: 5px; transition: all 0.25s ease; } .desi-newsletter-input-group:focus-within { border-color: var(--desi-green, #2D7A68); background: #ffffff; box-shadow: 0 0 0 4px var(--desi-green-glow, rgba(45, 122, 104, 0.15)); } .desi-input-wrapper { display: flex; align-items: center; flex-grow: 1; padding-left: 14px; gap: 10px; } .desi-input-icon { color: var(--desi-text-light, #94a3b8); flex-shrink: 0; display: inline-flex; align-items: center; } .desi-input-icon svg { width: 18px; height: 18px; stroke: var(--desi-text-light, #94a3b8); stroke-width: 2; fill: none; } .desi-nl-input { border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; color: var(--desi-dark-heading, #0f172a) !important; font-size: var(--desi-text-base, 0.9375rem) !important; width: 100% !important; height: var(--desi-input-height, 42px) !important; padding: 0 !important; } .desi-nl-input::placeholder { color: var(--desi-text-light, #94a3b8); } .desi-nl-button { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border: none !important; border-radius: var(--desi-radius-sm, 6px) !important; font-weight: var(--desi-font-semibold, 600) !important; font-size: var(--desi-text-sm, 0.875rem) !important; padding: 10px 22px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; transition: all 0.2s ease !important; white-space: nowrap !important; flex-shrink: 0 !important; line-height: normal !important; } .desi-nl-button svg { width: 16px; height: 16px; stroke: #ffffff; stroke-width: 2; fill: none; } .desi-nl-button:hover { background: var(--desi-green-hover, #246354) !important; transform: translateY(-1px); box-shadow: var(--desi-shadow-sm, 0 4px 12px rgba(45, 122, 104, 0.25)); } .desi-kvkk-wrap { margin-top: 10px; padding-left: 4px; } .desi-checkbox-label { display: flex; align-items: center; gap: 8px; font-size: var(--desi-text-xs, 0.75rem); color: var(--desi-text-muted, #64748b); cursor: pointer; } .desi-checkbox-label a { color: var(--desi-green, #2D7A68); text-decoration: underline; text-underline-offset: 2px; } /* Ana Footer Men?s? */ .desi-footer-main-section { padding: 60px 0 35px; background: #ffffff; } .desi-footer-heading { position: relative; font-size: var(--desi-text-base, 0.9375rem); font-weight: var(--desi-font-bold, 700); text-transform: uppercase; letter-spacing: 0.05em; color: var(--desi-dark-heading, #0f172a); margin: 0 0 24px 0; padding-bottom: 12px; border-bottom: 2px solid var(--desi-bg-subtle, #f1f5f9); } .desi-footer-heading::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 36px; height: 2px; background: var(--desi-green, #2D7A68); border-radius: 2px; } .desi-footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 13px; } .desi-footer-links li { list-style: none !important; } .desi-footer-links li a { display: inline-block; color: var(--desi-text-body, #334155) !important; font-size: var(--desi-text-base, 0.9375rem) !important; font-weight: var(--desi-font-medium, 500) !important; line-height: var(--desi-leading-normal, 1.5) !important; text-decoration: none !important; transition: all 0.2s ease; } .desi-footer-links li a:hover { color: var(--desi-green, #2D7A68) !important; transform: translateX(4px); } /* ?leti?im Kolonu */ .desi-contact-list { display: flex; flex-direction: column; gap: 16px; } .desi-contact-item { display: flex; align-items: center; gap: 14px; margin: 0 !important; padding: 0 !important; } .desi-contact-item.desi-item-top { align-items: flex-start; } .desi-contact-icon { width: 42px; height: 42px; border-radius: var(--desi-radius-md, 10px); background: var(--desi-bg-subtle, #f1f5f9); color: var(--desi-green, #2D7A68); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s ease; } .desi-contact-icon svg { width: 20px; height: 20px; stroke: var(--desi-green, #2D7A68); stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; } .desi-contact-item:hover .desi-contact-icon { background: rgba(45, 122, 104, 0.12); color: var(--desi-green, #2D7A68); transform: translateY(-1px); } .desi-contact-val { color: var(--desi-dark-heading, #0f172a) !important; font-size: var(--desi-text-base, 0.9375rem) !important; font-weight: var(--desi-font-medium, 500) !important; line-height: var(--desi-leading-normal, 1.5) !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; transition: color 0.2s ease; } a.desi-contact-val:hover { color: var(--desi-green, #2D7A68) !important; } .desi-address-val { font-style: normal; color: var(--desi-text-body, #334155) !important; margin: 0 !important; padding: 0 !important; line-height: var(--desi-leading-relaxed, 1.6) !important; } /* Sosyal Medya ?konlar? */ .desi-footer-social { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--desi-border, #e2e8f0); } .desi-social-title { display: block; font-size: var(--desi-text-xs, 0.75rem); font-weight: var(--desi-font-bold, 700); text-transform: uppercase; letter-spacing: 0.06em; color: var(--desi-text-muted, #64748b); margin-bottom: 12px; } .desi-social-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; align-items: center; gap: 10px; } .desi-social-list li { list-style: none !important; } .desi-social-btn { width: 42px; height: 42px; border-radius: var(--desi-radius-md, 10px); background: var(--desi-bg-subtle, #f8fafc); border: 1px solid var(--desi-border, #e2e8f0); color: var(--desi-text-body, #334155); display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s ease; text-decoration: none !important; } .desi-social-btn svg { width: 20px; height: 20px; transition: transform 0.2s ease; } .desi-social-btn:hover { background: #ffffff; border-color: var(--desi-green, #2D7A68); color: var(--desi-green, #2D7A68); transform: translateY(-2px); box-shadow: 0 4px 12px var(--desi-green-glow, rgba(45, 122, 104, 0.15)); } .desi-social-btn:hover svg { transform: scale(1.15); } /* Mobil Accordion D?zeni */ .desi-footer-accordion { padding: 0 !important; margin: 0 !important; list-style: none !important; border-top: 1px solid var(--desi-border, #e2e8f0); } .desi-accordion-item { border-bottom: 1px solid var(--desi-border, #e2e8f0); list-style: none !important; } .desi-accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 4px !important; font-size: var(--desi-text-base, 0.9375rem) !important; font-weight: var(--desi-font-bold, 700) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: var(--desi-dark-heading, #0f172a) !important; text-decoration: none !important; } .desi-accordion-header::before { display: none !important; } .desi-acc-chevron { color: var(--desi-text-light, #94a3b8); transition: transform 0.3s ease; display: inline-flex; align-items: center; } .desi-acc-chevron svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2; fill: none; } .uk-open > .desi-accordion-header .desi-acc-chevron { transform: rotate(180deg); color: var(--desi-green, #2D7A68); } .desi-accordion-body { padding-bottom: 18px; padding-left: 6px; } /* Alt Bar: Copyright & ?deme ?konlar? */ .desi-footer-bottom { margin-top: 50px; padding-top: 25px; border-top: 1px solid var(--desi-border, #e2e8f0); } .desi-copyright-text { font-size: var(--desi-text-sm, 0.875rem); color: var(--desi-text-muted, #64748b); margin: 0; line-height: var(--desi-leading-normal, 1.5); } .desi-payment-list { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } .desi-payment-badge { padding: 5px 10px; background: var(--desi-bg-subtle, #f8fafc); border: 1px solid var(--desi-border, #e2e8f0); border-radius: var(--desi-radius-sm, 6px); display: inline-flex; align-items: center; justify-content: center; transition: border-color 0.2s ease; } .desi-payment-badge:hover { border-color: #cbd5e1; } .desi-payment-badge img { height: 18px; width: auto; object-fit: contain; } @media (max-width: 959px) { .desi-newsletter-box { padding: 24px 20px; } .desi-newsletter-title { text-align: center; margin-bottom: 18px; } .desi-newsletter-badge { display: flex; width: fit-content; margin: 0 auto 10px auto; } .desi-footer-bottom { text-align: center; } .desi-copyright-text { margin-bottom: 12px; } } /* ========================================================================== DESI SUPPORT & TROUBLESHOOTING (UTOPIC DESTEK STANDALONE DESIGN) ========================================================================== */ .desi-support-standalone-wrapper { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #334155; max-width: 1200px; margin: 0 auto; padding: 15px 15px 50px 15px; box-sizing: border-box; } .desi-support-standalone-wrapper * { box-sizing: border-box; } .desi-support-standalone-wrapper .desi-manual-hero { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 16px; padding: 42px 24px 38px; color: #ffffff; text-align: center; position: relative; overflow: hidden; margin-bottom: 28px; box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.06); } .desi-support-standalone-wrapper .desi-manual-hero::before { content: ""; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(45, 122, 104, 0.35) 0%, transparent 70%); pointer-events: none; } .desi-support-standalone-wrapper .desi-manual-hero .hero-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(45, 122, 104, 0.25); border: 1px solid rgba(45, 122, 104, 0.5); color: #34d399; padding: 4px 14px; border-radius: 30px; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; } .desi-support-standalone-wrapper .desi-manual-hero .hero-badge svg { display: inline-block; vertical-align: middle; } .desi-support-standalone-wrapper .desi-manual-hero h1 { color: #ffffff !important; font-size: 28px; font-weight: 800; margin: 0 0 10px; line-height: 1.25; letter-spacing: -0.02em; } @media (min-width: 768px) { .desi-support-standalone-wrapper .desi-manual-hero h1 { font-size: 34px; } } .desi-support-standalone-wrapper .desi-manual-hero p { color: #cbd5e1; font-size: 14.5px; max-width: 640px; margin: 0 auto; line-height: 1.55; } .desi-support-standalone-wrapper #utd-root { background: #f8fafc; color: #0f172a; font-size: 14.5px; line-height: 1.55; padding: 0 0 40px; border-radius: 16px; border: 1px solid #e2e8f0; overflow-x: hidden; max-width: 100%; } .desi-support-standalone-wrapper #utd-root button, .desi-support-standalone-wrapper #utd-root input { font: inherit; color: inherit; } .desi-support-standalone-wrapper #utd-root button { cursor: pointer; } .desi-support-standalone-wrapper #utd-root :focus-visible { outline: 2px solid #2D7A68; outline-offset: 2px; border-radius: 4px; } .desi-support-standalone-wrapper .utd-rail { border-bottom: 1px solid #e2e8f0; background: #ffffff; padding: 0 20px; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow-x: hidden; max-width: 100%; } .desi-support-standalone-wrapper .utd-rail-inner { display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; max-width: 100%; } .desi-support-standalone-wrapper .utd-rail-inner::-webkit-scrollbar { display: none; } .desi-support-standalone-wrapper .utd-step { display: flex; align-items: center; gap: 10px; padding: 13px 0; border: 0; background: none; color: #64748b; font-size: 13.5px; font-weight: 600; white-space: nowrap; text-align: left; transition: color 0.15s ease; } .desi-support-standalone-wrapper .utd-step+.utd-step { margin-left: 10px; } .desi-support-standalone-wrapper .utd-step .utd-num { width: 24px; height: 24px; border-radius: 50%; border: 1px solid #e2e8f0; display: grid; place-items: center; font-size: 11.5px; font-weight: 700; flex: none; transition: all 0.15s ease; } .desi-support-standalone-wrapper .utd-step .utd-lbl { display: flex; flex-direction: column; line-height: 1.25; } .desi-support-standalone-wrapper .utd-step .utd-lbl small { font-size: 11.5px; color: #94a3b8; font-weight: 400; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .desi-support-standalone-wrapper .utd-step[data-on="1"] { color: #2D7A68; } .desi-support-standalone-wrapper .utd-step[data-on="1"] .utd-num { background: #2D7A68; color: #ffffff; border-color: #2D7A68; } .desi-support-standalone-wrapper .utd-step[data-on="1"] .utd-lbl small { color: #2D7A68; font-weight: 500; } .desi-support-standalone-wrapper .utd-step[data-done="1"] { color: #334155; } .desi-support-standalone-wrapper .utd-step[data-done="1"] .utd-num { border-color: #2D7A68; color: #2D7A68; background: #f0fdf4; } .desi-support-standalone-wrapper .utd-step:disabled { cursor: not-allowed; opacity: 0.55; } .desi-support-standalone-wrapper .utd-chev { width: 14px; height: 14px; stroke: #cbd5e1; margin: 0 4px; align-self: center; flex: none; } .desi-support-standalone-wrapper .utd-main { padding: 24px 20px; } @media (min-width: 768px) { .desi-support-standalone-wrapper .utd-main { padding: 30px; } } .desi-support-standalone-wrapper .utd-ask { font-size: 22px; font-weight: 800; color: #0f172a; margin: 0 0 6px; letter-spacing: -0.01em; } @media (min-width: 768px) { .desi-support-standalone-wrapper .utd-ask { font-size: 26px; } } .desi-support-standalone-wrapper .utd-sub { font-size: 14px; color: #64748b; margin: 0 0 22px; } .desi-support-standalone-wrapper .utd-ghead { display: flex; align-items: center; gap: 12px; margin: 28px 0 14px; } .desi-support-standalone-wrapper .utd-ghead:first-of-type { margin-top: 10px; } .desi-support-standalone-wrapper .utd-ghead h2 { font-size: 13.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin: 0; } .desi-support-standalone-wrapper .utd-ghead .utd-rule { flex: 1; height: 1px; background: #e2e8f0; } .desi-support-standalone-wrapper .utd-ghead .utd-cnt { font-size: 11.5px; color: #94a3b8; font-weight: 600; } .desi-support-standalone-wrapper .utd-grid { display: grid; grid-template-columns: 1fr; gap: 14px; } @media (min-width: 576px) { .desi-support-standalone-wrapper .utd-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .desi-support-standalone-wrapper .utd-grid { grid-template-columns: repeat(3, 1fr); } } .desi-support-standalone-wrapper .utd-card { display: flex; align-items: center; gap: 14px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; text-align: left; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .desi-support-standalone-wrapper .utd-card:hover { border-color: #2D7A68; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06); transform: translateY(-2px); } .desi-support-standalone-wrapper .utd-card .utd-ph { width: 58px; height: 58px; border-radius: 6px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; flex: none; overflow: hidden; } .desi-support-standalone-wrapper .utd-card .utd-ph img { max-width: 85%; max-height: 85%; object-fit: contain; } .desi-support-standalone-wrapper .utd-card .utd-ph .utd-noimg { font-size: 9.5px; color: #94a3b8; text-align: center; padding: 2px; } .desi-support-standalone-wrapper .utd-card .utd-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; } .desi-support-standalone-wrapper .utd-card .utd-meta b { font-size: 14.5px; font-weight: 700; color: #0f172a; line-height: 1.3; margin-bottom: 2px; } .desi-support-standalone-wrapper .utd-card .utd-meta i { font-style: normal; font-size: 12px; color: #64748b; margin-bottom: 4px; } .desi-support-standalone-wrapper .utd-card .utd-meta .utd-qn { font-size: 11.5px; font-weight: 600; color: #2D7A68; } .desi-support-standalone-wrapper .utd-qtop { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e2e8f0; } .desi-support-standalone-wrapper .utd-chip { display: flex; align-items: center; gap: 10px; background: #ffffff; padding: 6px 14px; border-radius: 30px; border: 1px solid #e2e8f0; } .desi-support-standalone-wrapper .utd-chip img { width: 26px; height: 26px; object-fit: contain; border-radius: 4px; } .desi-support-standalone-wrapper .utd-chip span { display: flex; flex-direction: column; line-height: 1.2; } .desi-support-standalone-wrapper .utd-chip span b { font-size: 13.5px; color: #0f172a; } .desi-support-standalone-wrapper .utd-chip span small { font-size: 11px; color: #64748b; } .desi-support-standalone-wrapper .utd-search { position: relative; flex: 1; min-width: 220px; max-width: 340px; } .desi-support-standalone-wrapper .utd-search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); stroke: #94a3b8; pointer-events: none; } .desi-support-standalone-wrapper .utd-search input { width: 100%; padding: 8px 12px 8px 36px; border: 1px solid #e2e8f0; border-radius: 30px; background: #ffffff; font-size: 13.5px; outline: none; transition: border-color 0.15s ease; } .desi-support-standalone-wrapper .utd-search input:focus { border-color: #2D7A68; } .desi-support-standalone-wrapper .utd-topics { display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; margin-bottom: 18px; padding-bottom: 4px; } .desi-support-standalone-wrapper .utd-topics::-webkit-scrollbar { display: none; } .desi-support-standalone-wrapper .utd-topic { border: 1px solid #e2e8f0; background: #ffffff; padding: 5px 14px; border-radius: 30px; font-size: 12.5px; font-weight: 600; color: #64748b; white-space: nowrap; transition: all 0.15s ease; } .desi-support-standalone-wrapper .utd-topic:hover { border-color: #2D7A68; color: #2D7A68; } .desi-support-standalone-wrapper .utd-topic.on { background: #2D7A68; border-color: #2D7A68; color: #ffffff; } .desi-support-standalone-wrapper .utd-fbar { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: #64748b; margin-bottom: 12px; } .desi-support-standalone-wrapper .utd-fbar button { background: none; border: 0; color: #2D7A68; font-weight: 600; padding: 0; cursor: pointer; text-decoration: underline; } .desi-support-standalone-wrapper .utd-qlist { display: flex; flex-direction: column; gap: 8px; } .desi-support-standalone-wrapper .utd-qrow { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 18px; text-align: left; transition: all 0.15s ease; } .desi-support-standalone-wrapper .utd-qrow:hover { border-color: #2D7A68; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transform: translateX(2px); } .desi-support-standalone-wrapper .utd-qrow:hover .utd-go { color: #2D7A68; } .desi-support-standalone-wrapper .utd-qrow .utd-txt { flex: 1; min-width: 0; } .desi-support-standalone-wrapper .utd-qrow .utd-txt b { display: block; font-size: 14.5px; color: #0f172a; margin-bottom: 2px; } .desi-support-standalone-wrapper .utd-qrow .utd-txt small { display: block; font-size: 12.5px; color: #64748b; line-height: 1.45; margin-top: 3px; } .desi-support-standalone-wrapper .utd-qrow .utd-tags-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; } .desi-support-standalone-wrapper .utd-qrow .utd-meta-side { display: inline-flex; align-items: center; justify-content: center; flex: none; margin-left: 12px; align-self: center; } .desi-support-standalone-wrapper .utd-qrow .utd-tag { font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; background: #f1f5f9; color: #334155; } .desi-support-standalone-wrapper .utd-qrow .utd-tag.utd-vid { background: #fee2e2; color: #b91c1c; } .desi-support-standalone-wrapper .utd-qrow .utd-go { color: #94a3b8; display: inline-flex; align-items: center; justify-content: center; transition: color 0.15s ease; } .desi-support-standalone-wrapper .utd-answer { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .desi-support-standalone-wrapper .utd-answer { padding: 32px; } } .desi-support-standalone-wrapper .utd-answer .utd-backlink { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: #2D7A68; font-size: 13.5px; font-weight: 600; padding: 0; margin-bottom: 16px; cursor: pointer; } .desi-support-standalone-wrapper .utd-answer .utd-backlink:hover { text-decoration: underline; } .desi-support-standalone-wrapper .utd-answer h1 { font-size: 22px; font-weight: 800; color: #0f172a; margin: 0 0 8px; line-height: 1.3; } @media (min-width: 768px) { .desi-support-standalone-wrapper .utd-answer h1 { font-size: 26px; } } .desi-support-standalone-wrapper .utd-answer .utd-lede { font-size: 14.5px; color: #64748b; margin: 0 0 24px; line-height: 1.55; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps { list-style: none; counter-reset: step-counter; padding: 0; margin: 0 0 24px; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li { position: relative; padding: 0 0 20px 42px; margin: 0; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li::before { counter-increment: step-counter; content: counter(step-counter); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: #2D7A68; color: #ffffff; display: grid; place-items: center; font-size: 12.5px; font-weight: 700; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li::after { content: ""; position: absolute; left: 13px; top: 32px; bottom: 0; width: 2px; background: #e2e8f0; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li:last-child::after { display: none; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li b { display: block; font-size: 14.5px; font-weight: 700; color: #0f172a; margin-bottom: 4px; } .desi-support-standalone-wrapper .utd-answer ol.utd-steps li p { font-size: 14px; color: #334155; margin: 0; line-height: 1.5; } .desi-support-standalone-wrapper .utd-answer .utd-note { background: #eff6ff; border-left: 4px solid #3b82f6; padding: 14px 16px; border-radius: 0 6px 6px 0; font-size: 13.5px; color: #1e3a8a; margin: 20px 0; } .desi-support-standalone-wrapper .utd-answer .utd-note b { display: block; margin-bottom: 2px; } .desi-support-standalone-wrapper .utd-answer .utd-note.utd-warn { background: #fffbeb; border-color: #f59e0b; color: #92400e; } .desi-support-standalone-wrapper .utd-answer .utd-videolink { display: inline-flex; align-items: center; gap: 12px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 10px; padding: 12px 18px; color: #991b1b; text-decoration: none; margin: 16px 0 24px; transition: all 0.15s ease; } .desi-support-standalone-wrapper .utd-answer .utd-videolink:hover { background: #fee2e2; text-decoration: none; } .desi-support-standalone-wrapper .utd-answer .utd-videolink .utd-play { width: 32px; height: 32px; border-radius: 50%; background: #ef4444; color: #ffffff; display: grid; place-items: center; flex: none; } .desi-support-standalone-wrapper .utd-answer .utd-videolink .utd-play svg { margin-left: 2px; } .desi-support-standalone-wrapper .utd-answer .utd-videolink b { display: block; font-size: 14px; font-weight: 700; } .desi-support-standalone-wrapper .utd-answer .utd-videolink small { font-size: 11.5px; color: #b91c1c; } .desi-support-standalone-wrapper .utd-answer .utd-foot { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e8f0; } .desi-support-standalone-wrapper .utd-answer .utd-btn { display: inline-flex; align-items: center; justify-content: center; background: #2D7A68; color: #ffffff; border: 1px solid #2D7A68; padding: 9px 18px; border-radius: 6px; font-size: 13.5px; font-weight: 600; cursor: pointer; transition: all 0.15s ease; } .desi-support-standalone-wrapper .utd-answer .utd-btn:hover { background: #246354; } .desi-support-standalone-wrapper .utd-answer .utd-btn.utd-ghost { background: transparent; color: #334155; border-color: #e2e8f0; } .desi-support-standalone-wrapper .utd-answer .utd-btn.utd-ghost:hover { background: #f1f5f9; border-color: #cbd5e1; } .desi-support-standalone-wrapper .utd-empty { text-align: center; padding: 36px 20px; background: #ffffff; border: 1px dashed #e2e8f0; border-radius: 10px; color: #64748b; font-size: 14px; } .desi-support-standalone-wrapper .utd-empty b { display: block; color: #0f172a; font-size: 15px; margin-bottom: 4px; } .desi-support-standalone-wrapper .utd-skel { height: 90px; border-radius: 10px; background: #e2e8f0; animation: utd-pulse 1.4s ease-in-out infinite; } @keyframes utd-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } } /* ========================================================================== PRODUCT SHORT DESC BULLET LIST: MODERN CIRCULAR BADGE ========================================================================== */ .product-short-desc, .product-item .product-short-desc { font-family: inherit !important; } .product-short-desc ul, .product-short-desc ol { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .product-short-desc ul li, .product-short-desc ol li, .product-item .product-short-desc ul li, .desi-feature-item { position: relative !important; display: flex !important; align-items: center !important; padding-left: 28px !important; font-size: 13px !important; font-weight: 500 !important; color: #334155 !important; line-height: 1.4 !important; list-style: none !important; } /* Kesin ??z?m: HTML i?inde kalan span.desi-check-icon ??esini yok et */ .desi-check-icon, span.desi-check-icon, .desi-feature-item .desi-check-icon, .desi-features-list .desi-check-icon, .product-short-desc .desi-check-icon { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; font-size: 0 !important; } /* Eski ikon / bullet fontlar?n? veya ?ift gelen pseudo-elementleri yok et */ .product-short-desc ul li::marker, .product-short-desc ol li::marker, .product-short-desc li::marker, .desi-feature-item::marker { display: none !important; content: "" !important; font-size: 0 !important; color: transparent !important; } .product-short-desc ul li::after, .product-short-desc ol li::after, .desi-feature-item::after { display: none !important; content: none !important; } /* Tek ve temiz dairesel onay rozeti */ .product-short-desc ul li::before, .product-short-desc ol li::before, .product-item .product-short-desc ul li::before, .desi-feature-item::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background-color: rgba(45, 122, 104, 0.12) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D7A68' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 11px 11px !important; } /* ========================================== BUNDLE: desi_layout.css ========================================== */ /* ========================================================================== DESI CORE: LAYOUT & SECTIONS (desi_layout.css) ========================================================================== */ /* Sayfa ?st? Modern Hero / Ba?l?k Banner? */ .desi-hero-banner { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: var(--desi-radius-lg, 16px); padding: 45px 25px 40px; color: #ffffff; text-align: center; position: relative; overflow: hidden; margin-bottom: 30px; box-shadow: var(--desi-shadow-lg, 0 10px 30px rgba(15, 23, 42, 0.12)); } .desi-hero-banner::before { content: ''; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(45, 122, 104, 0.4) 0%, transparent 70%); pointer-events: none; } .desi-hero-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(45, 122, 104, 0.25); border: 1px solid rgba(45, 122, 104, 0.5); color: #34d399; padding: 5px 14px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; } .desi-hero-banner h1 { color: #ffffff !important; font-size: 32px; font-weight: 800; margin: 0 0 10px; line-height: 1.25; } @media (min-width: 768px) { .desi-hero-banner h1 { font-size: 38px; } } .desi-hero-banner p { color: #cbd5e1; font-size: 15px; max-width: 620px; margin: 0 auto 25px; line-height: 1.5; } /* Yuvarlak Arama Kutusu */ .desi-hero-search { max-width: 520px; margin: 0 auto; } .desi-hero-search .uk-input { border-radius: 30px !important; height: 48px !important; padding-left: 44px !important; font-size: 14px; border: 1px solid rgba(255, 255, 255, 0.2) !important; background: rgba(255, 255, 255, 0.96) !important; color: #0f172a !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } .desi-hero-search .uk-input:focus { background: #ffffff !important; border-color: var(--desi-primary, #2D7A68) !important; box-shadow: 0 6px 25px rgba(45, 122, 104, 0.35) !important; } /* Dok?man / PDF / ?r?n Kart? G?rsel ?er?evesi */ .desi-card-thumb { width: 72px; height: 96px; flex-shrink: 0; border-radius: var(--desi-radius-sm, 6px); background: #ffffff; border: 1px solid var(--desi-border, #e2e8f0); display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); padding: 3px; box-sizing: border-box; } .desi-card-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.25s ease; } .uk-card:hover .desi-card-thumb img { transform: scale(1.06); } /* Kategori & Durum Rozetleri */ .desi-badge-cat { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--desi-green, #2D7A68); } .desi-tag-pdf { font-size: 10px; font-weight: 700; color: var(--desi-red, #e30613); background: var(--desi-red-light, #fff1f2); padding: 2px 6px; border-radius: 4px; letter-spacing: 0.5px; } /* ========================================================================== PREMIUM SLIDESHOW NAVIGATION & DOTNAV STYLING ========================================================================== */ /* ========================================================================== PREMIUM SLIDESHOW NAVIGATION & DOTNAV STYLING ========================================================================== */ /* 1. Navigasyon Oklar? (Glassmorphism & Dairesel Butonlar) */ .uk-slidenav, .custom-slidenav { width: 48px !important; height: 48px !important; border-radius: 50% !important; background: rgba(15, 23, 42, 0.55) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; color: #ffffff !important; border: 1.5px solid rgba(255, 255, 255, 0.3) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; opacity: 0.85 !important; } .uk-slidenav:hover, .custom-slidenav:hover { background: var(--desi-green, #2D7A68) !important; border-color: var(--desi-green, #2D7A68) !important; color: #ffffff !important; transform: scale(1.1) !important; box-shadow: 0 6px 20px rgba(45, 122, 104, 0.6) !important; opacity: 1 !important; } .uk-slidenav svg, .custom-slidenav svg { width: 22px !important; height: 22px !important; stroke-width: 2.5 !important; } /* 2. Alt G?sterge Noktalar? Kapsay?c?s? (Dotnav Capsule) - Gizlendi */ .custom-dotnav-wrapper, .custom-dotnav, .uk-dotnav, .uk-slideshow-nav, .slider-container .custom-dotnav-wrapper, .slider-container .uk-slideshow-nav { display: none !important; } @media (max-width: 767px) { .slider-container .custom-slidenav { display: none !important; } } /* ========================================================================== DESi MODERN FOOTER SECTION ========================================================================== */ .desi-modern-footer { display: block; width: 100% !important; background: #ffffff; font-family: inherit; border-top: 1px solid var(--desi-border, #e2e8f0) !important; } /* Newsletter ?st Alan? */ .desi-footer-newsletter-section { padding: 45px 0; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); border-bottom: 1px solid #e2e8f0; } .desi-newsletter-box { background: #ffffff; padding: 32px 36px; border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.05); } .desi-newsletter-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(45, 122, 104, 0.08); color: #2D7A68; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 12px; border-radius: 9999px; margin-bottom: 10px; } .desi-newsletter-title { font-size: 19px; font-weight: 700; color: #0f172a; line-height: 1.4; margin: 0; } .desi-newsletter-form { width: 100%; } .desi-newsletter-input-group { display: flex; align-items: center; background: #f8fafc; border: 1.5px solid #cbd5e1; border-radius: 12px; padding: 4px; transition: all 0.25s ease; } .desi-newsletter-input-group:focus-within { border-color: #2D7A68; background: #ffffff; box-shadow: 0 0 0 4px rgba(45, 122, 104, 0.12); } .desi-input-wrapper { display: flex; align-items: center; flex-grow: 1; padding-left: 14px; gap: 10px; } .desi-input-icon { color: #94a3b8; flex-shrink: 0; } .desi-nl-input { border: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; color: #0f172a; font-size: 14px; width: 100%; height: 42px; padding: 0 !important; } .desi-nl-input::placeholder { color: #94a3b8; } .desi-nl-button { background: #2D7A68; color: #ffffff; border: none; border-radius: 9px; font-weight: 600; font-size: 13px; padding: 10px 20px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; flex-shrink: 0; } .desi-nl-button:hover { background: #235e50; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(45, 122, 104, 0.25); } .desi-kvkk-wrap { margin-top: 10px; padding-left: 6px; } .desi-checkbox-label { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #64748b; cursor: pointer; } .desi-checkbox-label a { color: #2D7A68; text-decoration: underline; text-underline-offset: 2px; } /* Ana Footer Men?s? */ .desi-footer-main-section { padding: 55px 0 30px; background: #ffffff; } .desi-footer-heading { position: relative; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #0f172a; margin-bottom: 22px; padding-bottom: 12px; } .desi-footer-heading::after { content: ''; position: absolute; bottom: 0; left: 0; width: 28px; height: 3px; background: #2D7A68; border-radius: 2px; } .desi-footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } .desi-footer-links li a { display: inline-block; color: #475569; font-size: 14px; font-weight: 450; text-decoration: none; transition: all 0.2s ease; } .desi-footer-links li a:hover { color: #2D7A68; transform: translateX(4px); } /* ?leti?im Kolonu */ .desi-contact-list { display: flex; flex-direction: column; gap: 16px; } .desi-contact-item { display: flex; align-items: flex-start; gap: 12px; } .desi-contact-icon { width: 34px; height: 34px; border-radius: 8px; background: #f1f5f9; color: #2D7A68; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; transition: all 0.2s ease; } .desi-contact-item:hover .desi-contact-icon { background: rgba(45, 122, 104, 0.1); color: #2D7A68; } .desi-contact-body { display: flex; flex-direction: column; } .desi-contact-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; color: #94a3b8; margin-bottom: 2px; } .desi-contact-val { color: #1e293b; font-size: 13.5px; font-weight: 500; line-height: 1.45; text-decoration: none; transition: color 0.2s ease; } a.desi-contact-val:hover { color: #2D7A68; } .desi-address-val { font-style: normal; color: #475569; } /* Sosyal Medya ?konlar? */ .desi-footer-social { margin-top: 22px; padding-top: 18px; border-top: 1px solid #f1f5f9; } .desi-social-title { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; margin-bottom: 10px; } .desi-social-list { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 10px; } .desi-social-btn { width: 38px; height: 38px; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .desi-social-btn img { width: 18px; height: 18px; object-fit: contain; transition: transform 0.2s ease; } .desi-social-btn:hover { background: #ffffff; border-color: #2D7A68; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(45, 122, 104, 0.15); } .desi-social-btn:hover img { transform: scale(1.1); } /* Mobil Accordion D?zeni */ .desi-footer-accordion { padding: 0; margin: 0; list-style: none; border-top: 1px solid #e2e8f0; } .desi-accordion-item { border-bottom: 1px solid #e2e8f0; } .desi-accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 4px !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: #0f172a !important; text-decoration: none !important; } .desi-accordion-header::before { display: none !important; } .desi-acc-chevron { color: #94a3b8; transition: transform 0.3s ease; } .uk-open > .desi-accordion-header .desi-acc-chevron { transform: rotate(180deg); color: #2D7A68; } .desi-accordion-body { padding-bottom: 18px; padding-left: 6px; } /* Alt Bar: Copyright & ?deme ?konlar? */ .desi-footer-bottom { margin-top: 45px; padding-top: 25px; border-top: 1px solid #e2e8f0; } .desi-copyright-text { font-size: 13px; color: #64748b; margin: 0; } .desi-payment-list { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } .desi-payment-badge { padding: 4px 8px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; transition: border-color 0.2s ease; } .desi-payment-badge:hover { border-color: #cbd5e1; } .desi-payment-badge img { height: 18px; width: auto; object-fit: contain; } @media (max-width: 959px) { .desi-newsletter-box { padding: 24px 20px; } .desi-newsletter-title { text-align: center; margin-bottom: 18px; } .desi-newsletter-badge { display: flex; width: fit-content; margin: 0 auto 10px auto; } .desi-footer-bottom { text-align: center; } .desi-copyright-text { margin-bottom: 12px; } } /* ========================================================================== HEADER COMPONENT STYLES (MIGRATED FROM HEADER.SCSS & INLINE TPL) ========================================================================== */ /* Header Wrapper & Temel Reset */ #header-wrapper { width: 100%; position: relative; z-index: 980; } /* Header Top Bar */ #header-wrapper #header-top.uk-background-secondary { background-color: var(--desi-dark-top, #000000) !important; padding-top: 6px !important; padding-bottom: 6px !important; } #header-wrapper #header-top.uk-light, #header-wrapper #header-top.uk-light a { color: #ffffff; } #header-wrapper #header-top .uk-subnav > li > a { color: #ffffff; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; transition: color 250ms ease-in-out; } #header-wrapper #header-top .uk-subnav > li > a:hover { color: var(--desi-red, #e30613); } #header-wrapper #header-top .header-top-left > li + li, #header-wrapper #header-top .header-top-right > li + li { margin-left: 4px; } #header-wrapper #header-top .header-top-left > li > a, #header-wrapper #header-top .header-top-right > li > a { padding-left: 8px; padding-right: 8px; } #header-wrapper #header-top .header-top-right { gap: 2px; } #header-wrapper #header-top .header-top-right > :not(:first-child)::before { content: none !important; margin: 0 !important; } /* Main Navbar & Logo */ #header-main .uk-navbar-container { background-color: #ffffff !important; } #logo, #logo p, #logo div { display: flex; align-items: center; height: 38px; margin: 0; } @media (min-width: 960px) { #logo, #logo p, #logo div { height: 48px; } } #logo img { max-height: 100%; width: auto; object-fit: contain; } /* Desktop Main Menu */ #header-wrapper .uk-navbar-nav.menu > li > a { font-size: 20px; font-weight: 600; color: #0f172a; position: relative; text-transform: uppercase; transition: color 250ms ease-in-out; } #header-wrapper .uk-navbar-nav.menu > li > a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--desi-red, #e30613); transform: scaleX(0); opacity: 0; transition: transform 250ms ease-in-out, opacity 250ms ease-in-out; } #header-wrapper .uk-navbar-nav.menu > li > a:hover { color: var(--desi-red, #e30613); } #header-wrapper .uk-navbar-nav.menu > li > a:hover::after { transform: scaleX(1); opacity: 1; } /* Header Iconnav (Arama, ?ye, Favori, Sepet) */ #header-wrapper .uk-iconnav > li { margin-left: 14px; } #header-wrapper .uk-iconnav > li:first-child { margin-left: 0; } #header-wrapper .uk-iconnav a { color: #0f172a !important; position: relative; line-height: 1; display: inline-flex; align-items: center; transition: color 250ms ease-in-out; } #header-wrapper .uk-iconnav a svg { stroke: currentColor !important; color: inherit !important; transition: stroke 250ms ease-in-out, color 250ms ease-in-out; } #header-wrapper .uk-iconnav a:hover, #header-wrapper .uk-iconnav a:hover svg { color: var(--desi-red, #e30613) !important; stroke: var(--desi-red, #e30613) !important; } /* Sepet ve Favori Saya? Rozetleri */ #header-wrapper .uk-iconnav a .cart-soft-count, #header-wrapper .uk-iconnav a .favourite-soft-count { position: absolute; top: -6px; right: -6px; z-index: 2; pointer-events: none; background-color: var(--desi-red, #e30613); color: #ffffff; font-size: 10px; font-weight: 700; min-width: 16px; height: 16px; line-height: 16px; padding: 0 4px; border-radius: 8px; text-align: center; } /* Dil ve Para Birimi Se?icileri */ #site-language-select, [data-toggle="language"] { background-image: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; padding-right: 10px !important; } [id*="language-currency-btn"]::after, .language-select::after { display: none !important; content: none !important; } /* Sticky Header Durumu */ .header-sticky #header-main { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important; padding-top: 6px; padding-bottom: 6px; transition: all 0.3s ease; } #header-sticky.uk-sticky-fixed { backface-visibility: hidden; transform: translateZ(0); } /* Inline Canl? Arama (Header Navbar) */ form#search .search-form-list { position: absolute; top: 100%; right: 0; z-index: 999; overflow-y: auto; max-height: 380px; width: 100%; max-width: 600px; left: 50%; transform: translateX(-50%); background: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); border-radius: var(--desi-radius-md, 10px); } /* Modal Canl? Arama (#mobile-search-modal) */ #search-modal { max-width: 680px; margin: 0 auto; } #search-modal .search-form-list { position: static !important; transform: none !important; margin: 20px auto 0 !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-height: 50vh !important; overflow-y: auto !important; background: #ffffff !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; border-radius: var(--desi-radius-md, 10px) !important; } .search-form-list .dynamic-search ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } .search-form-list .dynamic-search ul > li { padding: 6px 0; border-bottom: 1px solid #f1f5f9; } .search-form-list .dynamic-search ul > li > a { display: flex; align-items: center; gap: 12px; color: #334155; font-size: 13px; text-decoration: none; transition: color 0.2s ease; } .search-form-list .dynamic-search ul > li > a:hover { color: var(--desi-red, #e30613); } .search-form-list .dynamic-search .search-image { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; overflow: hidden; border-radius: 6px; background: #f8fafc; } .search-form-list .dynamic-search .search-image img, .search-form-list .dynamic-search img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; } /* Mobil Men? (Offcanvas) */ [id*="mobile-menu"] .uk-offcanvas-bar { background: #0f172a; padding: 24px 20px; color: #ffffff; } [id*="mobile-menu"] .uk-offcanvas-bar .uk-heading-bullet { margin-top: 14px; margin-bottom: 8px; color: #94a3b8; font-size: 12px; font-weight: 700; letter-spacing: 0.8px; } [id*="mobile-menu"] .uk-nav-default > li > a { font-size: 15px; font-weight: 500; padding: 10px 0; color: #ffffff !important; } [id*="mobile-menu"] .uk-nav-default > li + li { border-top: 1px solid rgba(255, 255, 255, 0.08); } [id*="mobile-menu"] .uk-nav-sub { padding-left: 12px; } [id*="mobile-menu"] .uk-nav-sub > li > a { color: #cbd5e1 !important; font-size: 14px; padding: 6px 0; } [id*="mobile-menu"] .uk-nav-sub > li + li { border-top: 1px solid rgba(255, 255, 255, 0.05); } /* UIkit Native Totop (Yukar? Kayd?r) Butonu */ .scroll-to-up.uk-totop { position: fixed !important; bottom: 24px !important; right: 24px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important; z-index: 9999 !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; } .scroll-to-up.uk-totop:hover { background: var(--desi-green-hover, #246354) !important; color: #ffffff !important; transform: translateY(-3px) scale(1.05); box-shadow: 0 6px 20px rgba(45, 122, 104, 0.4) !important; } .scroll-to-up.uk-totop svg { color: #ffffff !important; stroke: #ffffff !important; } /* ========================================================================== HEADER RESPONSIVE RULES (MOB?L H?ZALAMALARI & TA?MA KORUMASI) ========================================================================== */ @media (max-width: 959px) { #header-top { display: none !important; } html body #header-main .uk-navbar, html body #header-main [uk-navbar] { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; height: auto !important; min-height: 56px; } html body #header-main .uk-navbar-left { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; position: static !important; } html body #header-main .uk-navbar-right { display: flex !important; flex-direction: row !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin-left: auto !important; position: static !important; top: auto !important; right: auto !important; transform: none !important; padding-bottom: 0 !important; } html body #header-main .uk-container { padding-left: 14px !important; padding-right: 14px !important; } /* Mobilde inline desktop arama ?ubu?unu gizle */ #header-main .nav-overlay.uk-navbar-left.uk-flex-1 { display: none !important; } .scroll-to-up { bottom: 80px !important; } } /* ========================================================================== SHOWCASE / V?TR?N B?LE?EN? ST?LLER? (DESi Master Showcase) ========================================================================== */ .showcase-default-block { margin-top: 20px; margin-bottom: 30px; } .showcase-default-block .block-title { font-size: 22px; font-weight: 800; letter-spacing: -0.3px; color: var(--desi-text-dark, #0f172a); } /* Vitrin Tab Ba?l?klar? */ .showcase-default-block .showcase-tab-titles .showcase-tab-item { border-radius: 8px; padding: 6px 16px; background: #f1f5f9; color: #475569; transition: all 0.2s ease; border: 1px solid transparent; } .showcase-default-block .showcase-tab-titles .showcase-tab-item .tab-name { font-weight: 600; font-size: 13px; } .showcase-default-block .showcase-tab-titles li.uk-active .showcase-tab-item { background: var(--desi-primary, #2D7A68); color: #ffffff; } /* Vitrin ?r?n Kart? */ .showcase-default-block .product-item .product-card-inner { border: 1px solid #e2e8f0; border-radius: 12px; background: #ffffff; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; overflow: hidden; } .showcase-default-block .product-item .product-card-inner:hover { border-color: var(--desi-primary, #2D7A68); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } .showcase-default-block .product-item .uk-card-header { padding: 12px 14px 8px 14px; border-bottom: 1px solid #f8fafc; } .showcase-default-block .product-item .uk-card-header .brand-title { font-size: 11px; letter-spacing: 0.5px; color: #94a3b8; text-transform: uppercase; } .showcase-default-block .product-item .uk-card-header .add-favourite-btn { width: 28px; height: 28px; background: transparent; color: #94a3b8; transition: color 0.2s ease, transform 0.2s ease; } .showcase-default-block .product-item .uk-card-header .add-favourite-btn:hover { color: var(--desi-accent, #e11d48); transform: scale(1.15); } /* Vitrin ?r?n Ba?l?k Format? (Smarty'den gelen DESi K?rm?z? / Model Siyah Kal?n) */ .showcase-default-block .product-item .uk-card-title { margin: 0; line-height: 1.35; } .showcase-default-block .product-item .uk-card-title .product-title { text-decoration: none; display: block; color: inherit; } .showcase-default-block .product-item .desi-brand-prefix { color: var(--desi-accent, #e11d48); font-weight: 800; margin-right: 5px; display: inline-block; } .showcase-default-block .product-item .desi-model-name { color: #0f172a; font-weight: 700; display: inline; margin-right: 5px; } .showcase-default-block .product-item .desi-title-rest { display: block; font-weight: 400; color: #64748b; font-size: 13px; line-height: 1.35; margin-top: 2px; } /* Vitrin G?rsel ve Fiyat Rozeti */ .showcase-default-block .product-item .uk-card-media-top { min-height: 200px; padding: 10px; background: #ffffff; } .showcase-default-block .product-item .uk-card-media-top .image-wrapper img { max-height: 220px; object-fit: contain; margin: 0 auto; transition: transform 0.25s ease; } .showcase-default-block .product-item .product-card-inner:hover .image-wrapper img { transform: scale(1.03); } .showcase-default-block .product-item .product-price-tag-wrapper { z-index: 2; } .showcase-default-block .product-item .product-price-tag-wrapper .price-tag-badge { background: #0f172a; color: #ffffff; padding: 4px 10px; border-radius: 6px; font-weight: 800; font-size: 14px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); letter-spacing: -0.2px; } .showcase-default-block .product-item .product-price-tag-wrapper .product-discounted-price { font-size: 11px; color: #94a3b8; text-decoration: line-through; margin-bottom: 2px; } /* Vitrin Slider Nav Oklar? */ .showcase-default-block .showcase-slidenav-prev, .showcase-default-block .showcase-slidenav-next { color: #0f172a; background: rgba(255, 255, 255, 0.95); border: 1px solid #e2e8f0; border-radius: 50%; padding: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.2s ease; } .showcase-default-block .showcase-slidenav-prev:hover, .showcase-default-block .showcase-slidenav-next:hover { background: #ffffff; color: var(--desi-primary, #2D7A68); border-color: var(--desi-primary, #2D7A68); transform: scale(1.08); } /* ========================================================================== SHOWCASE CATALOG SECTION (Grid / Katalog G?r?n?m?) ========================================================================== */ .showcase-catalog-section { width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-top: 30px; padding-bottom: 45px; box-sizing: border-box; display: block; } .showcase-catalog-section .uk-container, .showcase-catalog-section.uk-section .uk-container { margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; } .showcase-catalog-section .uk-grid { margin-left: auto !important; margin-right: auto !important; justify-content: center; } .showcase-catalog-section .block-title { font-size: 22px; font-weight: 800; color: var(--desi-text-dark, #0f172a); letter-spacing: -0.3px; } /* Tablar */ .showcase-catalog-section .showcase-tab-titles { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; } .showcase-catalog-section .showcase-tab-titles .showcase-tab-item { display: inline-flex; align-items: center; padding: 6px 16px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; transition: all 0.2s ease; } .showcase-catalog-section .showcase-tab-titles .showcase-tab-item .tab-name { font-weight: 600; font-size: 13px; color: #475569; } .showcase-catalog-section .showcase-tab-titles li.uk-active .showcase-tab-item { background-color: #ffffff; border-color: var(--desi-primary, #2D7A68); box-shadow: 0 2px 8px rgba(45, 122, 104, 0.12); } .showcase-catalog-section .showcase-tab-titles li.uk-active .showcase-tab-item .tab-name { color: var(--desi-primary, #2D7A68); } /* ========================================================================== DESI SHORTS SECTION (YOUTUBE SHORTS GRID & MODALS) ========================================================================== */ .shorts-section { background-color: #f8fafc; padding: 80px 0; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; overflow: hidden; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; font-family: var(--desi-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif); } .shorts-badge { display: inline-flex; align-items: center; gap: 6px; color: var(--desi-primary, #2D7A68); font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; background: rgba(45, 122, 104, 0.08); padding: 6px 14px; border-radius: var(--desi-radius-pill, 9999px); margin-bottom: 16px; } .shorts-badge .badge-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--desi-primary, #2D7A68); } .shorts-title { font-size: 2.4rem; font-weight: 800; color: var(--desi-text-dark, #0f172a); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 16px 0; } .shorts-desc { font-size: 1rem; color: var(--desi-text-muted, #64748b); line-height: 1.6; margin-bottom: 28px; } /* Video Kart Yap?s? */ .shorts-section .video-card { position: relative; border-radius: var(--desi-radius-lg, 16px); overflow: hidden; background: #0f172a; border: 2px solid #ffffff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s ease, box-shadow 0.35s ease; display: block; text-decoration: none !important; cursor: pointer; } .shorts-section .video-card:hover { transform: translateY(-6px); border-color: var(--desi-primary, #2D7A68); box-shadow: 0 18px 36px rgba(45, 122, 104, 0.18); } .shorts-section .thumb-bg { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.9; transition: transform 0.5s ease, opacity 0.3s ease; } .shorts-section .video-card:hover .thumb-bg { opacity: 1; transform: scale(1.06); } /* Y?kseklik & Orant? */ .shorts-section .main-shorts-height { height: 580px; position: relative; } .shorts-section .small-shorts-height { height: 282px; position: relative; } /* Play Butonu */ .shorts-section .play-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; z-index: 5; background: rgba(15, 23, 42, 0.65); width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .shorts-section .play-trigger svg { width: 26px; height: 26px; fill: currentColor; margin-left: 3px; } .shorts-section .small-video .play-trigger { width: 44px; height: 44px; } .shorts-section .small-video .play-trigger svg { width: 18px; height: 18px; } .shorts-section .video-card:hover .play-trigger { background: var(--desi-primary, #2D7A68); color: #ffffff; transform: translate(-50%, -50%) scale(1.12); border-color: transparent; box-shadow: 0 0 20px rgba(45, 122, 104, 0.5); } /* YouTube Kanal Kutusu (CTA) */ .shorts-section .cta-content { padding-right: 32px; } .shorts-section .youtube-join-box { display: block; padding: 18px 20px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: var(--desi-radius-lg, 16px); text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04); } .shorts-section .youtube-join-box:hover { background: #ffffff; border-color: #e30613; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(227, 6, 19, 0.12); } .shorts-section .yt-icon-wrap { width: 44px; height: 44px; background: #e30613; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #ffffff !important; flex-shrink: 0; } .shorts-section .yt-icon-wrap svg { width: 24px; height: 24px; fill: currentColor; } /* Shorts Modal Format? (Mobil Ekran Oran?) */ .shorts-modal .uk-modal-dialog { background: #000000 !important; border-radius: 16px; overflow: hidden; max-width: 420px !important; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6); } .shorts-modal iframe { display: block; width: 100%; height: 740px; max-height: 85vh; border: none; } @media (max-width: 959px) { .shorts-section { padding: 50px 0; } .shorts-section .cta-content { margin-bottom: 36px; text-align: center; padding-right: 0; } .shorts-section .youtube-join-box { max-width: 320px; margin: 0 auto; text-align: left; } .shorts-section .main-shorts-height { height: 420px; } .shorts-section .small-shorts-height { height: 200px; } } /* ========================================================================== DESI CONTACT FORM & INFO MODULES (desi_layout.css) Ultra-modern clean UIkit styling with rounded icon badges + action cards ========================================================================== */ .desi-contact-form-block { margin-bottom: 2rem !important; } @media (min-width: 960px) { .desi-contact-info-block { padding-right: 20px !important; } .desi-contact-form-block { padding-left: 20px !important; } } @media (min-width: 1200px) { .desi-contact-info-block { padding-right: 32px !important; } .desi-contact-form-block { padding-left: 32px !important; } } .desi-contact-form-block .contact-form-card { background: #ffffff !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; padding: 32px 28px !important; } .desi-contact-form-block .block-title { font-size: 1.125rem !important; color: #0f172a !important; border-bottom: 1px solid #f1f5f9 !important; padding-bottom: 14px !important; margin-bottom: 24px !important; } .desi-contact-form-block .contact-title-icon { width: 36px; height: 36px; border-radius: 50%; background: rgba(45, 122, 104, 0.08); color: var(--desi-green, #2D7A68); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-contact-form .uk-input, .desi-contact-form .uk-select, .desi-contact-form .uk-textarea, .desi-contact-form .form-control { border-radius: 10px !important; border: 1px solid var(--desi-border, #cbd5e1) !important; font-size: 14px !important; color: #1e293b !important; background: #ffffff !important; padding: 10px 14px !important; transition: all 0.2s ease !important; min-height: 46px; box-sizing: border-box !important; } .desi-contact-form .uk-input:focus, .desi-contact-form .uk-select:focus, .desi-contact-form .uk-textarea:focus, .desi-contact-form .form-control:focus { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.12) !important; outline: none !important; } .desi-contact-form textarea.uk-textarea, .desi-contact-form textarea.form-control { min-height: 120px; resize: vertical; } .desi-contact-form .captcha-group { display: flex !important; align-items: center !important; gap: 10px !important; } .desi-contact-form .captcha-group .captcha-img { height: 46px !important; border-radius: 8px !important; border: 1px solid #e2e8f0; } .desi-contact-form .captcha-group .reload-captcha-btn { width: 44px; height: 44px; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0; display: inline-flex; align-items: center; justify-content: center; color: var(--desi-green, #2D7A68); transition: all 0.2s ease; } .desi-contact-form .captcha-group .reload-captcha-btn:hover { background: rgba(45, 122, 104, 0.1); color: var(--desi-green, #2D7A68); } .desi-contact-form .contact-privacy-wrap label { font-size: 13px !important; color: #475569 !important; cursor: pointer; user-select: none; } .desi-contact-form .contact-privacy-wrap a { color: var(--desi-green, #2D7A68) !important; font-weight: 600; } .desi-contact-form .contact-btn-group button, .desi-contact-form .contact-btn-group .uk-button { height: 48px !important; border-radius: 10px !important; font-size: 14px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; transition: all 0.2s ease !important; } .desi-contact-form .contact-btn-group .uk-button-primary, .desi-contact-form .contact-btn-group .btn-primary { background: var(--desi-green, #2D7A68) !important; border-color: var(--desi-green, #2D7A68) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(45, 122, 104, 0.25) !important; } .desi-contact-form .contact-btn-group .uk-button-primary:hover, .desi-contact-form .contact-btn-group .btn-primary:hover { background: #246354 !important; border-color: #246354 !important; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(45, 122, 104, 0.35) !important; } .desi-contact-form .contact-btn-group .uk-button-default, .desi-contact-form .contact-btn-group .btn-outline-dark { border: 1px solid #cbd5e1 !important; color: #475569 !important; background: transparent !important; } .desi-contact-form .contact-btn-group .uk-button-default:hover, .desi-contact-form .contact-btn-group .btn-outline-dark:hover { background: #f1f5f9 !important; color: #0f172a !important; } /* ========================================================================== DESI CONTACT INFO MODULE ========================================================================== */ .desi-contact-info-block { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; display: block !important; margin-bottom: 2.5rem !important; box-sizing: border-box !important; } .desi-contact-info-block .contact-details-card { background: #ffffff !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 20px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; padding: 36px 32px !important; box-sizing: border-box !important; } /* Modern ?leti?im Maddeleri (Tiles) */ .desi-contact-info-block .contact-spec-item { background: #f8fafc !important; border: 1px solid #edf2f7 !important; border-radius: 14px !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important; height: 100% !important; } .desi-contact-info-block .contact-spec-item:hover { background: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(45, 122, 104, 0.1) !important; } .desi-contact-info-block .spec-icon-box { width: 44px; height: 44px; min-width: 44px; border-radius: 12px; background: rgba(45, 122, 104, 0.09); color: var(--desi-green, #2D7A68); display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 14px; transition: all 0.25s ease; flex-shrink: 0; } .desi-contact-info-block .contact-spec-item:hover .spec-icon-box { background: var(--desi-green, #2D7A68); color: #ffffff; transform: scale(1.05); } .desi-contact-info-block .spec-text-box { flex: 1 1 auto; min-width: 0; } .desi-contact-info-block .spec-label { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; font-weight: 700 !important; color: #64748b !important; margin-bottom: 3px; line-height: 1.2; } .desi-contact-info-block .spec-value { font-size: 14px !important; font-weight: 600 !important; color: #0f172a !important; line-height: 1.4 !important; word-break: break-word; } .desi-contact-info-block .spec-link { color: var(--desi-green, #2D7A68) !important; text-decoration: none !important; transition: color 0.15s ease; } .desi-contact-info-block .spec-link:hover { text-decoration: underline !important; } /* 4'l? Alttaki Yatay Aksiyon Kartlar? (Horizontal Action Cards - 2x2) */ .desi-contact-info-block .contact-actions-grid { margin-top: 10px; } .desi-contact-info-block .contact-action-card { background: #ffffff !important; border: 1px solid var(--desi-border, #e2e8f0) !important; border-radius: 14px !important; padding: 16px 20px !important; text-align: left !important; text-decoration: none !important; color: #0f172a !important; display: flex !important; align-items: center !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important; position: relative !important; box-sizing: border-box !important; overflow: hidden; height: 100% !important; } .desi-contact-info-block .contact-action-card:hover { border-color: var(--desi-green, #2D7A68) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(45, 122, 104, 0.14) !important; color: var(--desi-green, #2D7A68) !important; } .desi-contact-info-block .action-card-icon-wrap { width: 48px; height: 48px; min-width: 48px; border-radius: 12px; background: rgba(45, 122, 104, 0.08); color: var(--desi-green, #2D7A68); display: flex; align-items: center; justify-content: center; transition: all 0.25s ease; margin-right: 14px; margin-bottom: 0 !important; flex-shrink: 0; } .desi-contact-info-block .contact-action-card:hover .action-card-icon-wrap { background: var(--desi-green, #2D7A68); color: #ffffff; transform: scale(1.05); } .desi-contact-info-block .action-card-text-box { min-width: 0; } .desi-contact-info-block .action-card-title { font-size: 14px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 2px; line-height: 1.25; transition: color 0.2s ease; } .desi-contact-info-block .contact-action-card:hover .action-card-title { color: var(--desi-green, #2D7A68) !important; } .desi-contact-info-block .action-card-sub { font-size: 12px !important; color: #94a3b8 !important; margin-bottom: 0 !important; line-height: 1.3; } .desi-contact-info-block .action-card-arrow-wrap { margin-left: 12px; flex-shrink: 0; } .desi-contact-info-block .action-card-arrow { color: #cbd5e1; transition: all 0.25s ease; transform: translateX(0); } .desi-contact-info-block .contact-action-card:hover .action-card-arrow { color: var(--desi-green, #2D7A68); transform: translateX(4px); } /* ========================================================================== DESI SMART HOME / LOCK INTEGRATIONS PAGE (desi_layout.css) Clean, modern layout powered by DESi Variables & UIkit 3 ========================================================================== */ .desi-integrations-wrap { font-family: var(--desi-font-sans, 'Inter', sans-serif); color: var(--desi-text-body, #334155); } .desi-integrations-wrap .text-teal { color: var(--desi-green, #2D7A68) !important; } .desi-integrations-wrap .bg-teal { background-color: var(--desi-green, #2D7A68) !important; } .desi-integrations-wrap .section-title { color: var(--desi-dark-heading, #0f172a); } .desi-integrations-wrap .hero-card { background: linear-gradient(135deg, var(--desi-dark-hero, #0f172a) 0%, #1e293b 100%); border-radius: var(--desi-radius-lg, 16px); position: relative; overflow: hidden; box-shadow: var(--desi-shadow-lg, 0 14px 32px rgba(15, 23, 42, 0.12)); } .desi-integrations-wrap .hero-card::after { content: ''; position: absolute; bottom: -50px; right: -50px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(45, 122, 104, 0.3) 0%, transparent 70%); pointer-events: none; } .desi-integrations-wrap .card-model { background: #ffffff; border: 1px solid var(--desi-border, #e2e8f0); border-top: 4px solid var(--desi-green, #2D7A68); border-radius: 14px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); } .desi-integrations-wrap .card-model:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(45, 122, 104, 0.16); border-color: var(--desi-green, #2D7A68); } .desi-integrations-wrap .integration-card { background: #ffffff; border: 1px solid var(--desi-border, #e2e8f0); border-radius: 16px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); } .desi-integrations-wrap .integration-card:hover { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08); border-color: var(--desi-green, #2D7A68); transform: translateY(-2px); } .desi-integrations-wrap .badge-soon { background: var(--desi-bg-subtle, #f8fafc); color: var(--desi-text-muted, #64748b); border: 1px solid var(--desi-border, #e2e8f0); font-size: 11px; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; padding: 3px 8px; border-radius: 6px; vertical-align: middle; } .desi-integrations-wrap .faq-box { background: var(--desi-bg-subtle, #f8fafc); border-radius: 18px; border: 1px solid var(--desi-border, #e2e8f0); } .desi-integrations-wrap .cta-footer { background: linear-gradient(135deg, var(--desi-green, #2D7A68) 0%, #1c5246 100%); border-radius: 18px; box-shadow: 0 12px 30px rgba(45, 122, 104, 0.25); } .desi-integrations-wrap .btn-desi-primary { background-color: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border-radius: 10px; font-weight: 700; letter-spacing: 0.03em; transition: all 0.2s ease; border: none; } .desi-integrations-wrap .btn-desi-primary:hover { background-color: var(--desi-green-hover, #246354) !important; color: #ffffff !important; box-shadow: 0 6px 18px rgba(45, 122, 104, 0.35); transform: translateY(-1px); } .desi-integrations-wrap .btn-desi-white { background-color: #ffffff !important; color: var(--desi-green, #2D7A68) !important; border-radius: 10px; font-weight: 700; letter-spacing: 0.04em; transition: all 0.2s ease; border: none; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); } .desi-integrations-wrap .btn-desi-white:hover { background-color: #f8fafc !important; color: var(--desi-green-hover, #246354) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15); transform: translateY(-2px); } .desi-integrations-wrap .icon-circle { width: 44px; height: 44px; border-radius: 12px; background: rgba(45, 122, 104, 0.09); color: var(--desi-green, #2D7A68); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; flex-shrink: 0; } .desi-integrations-wrap .banner-img-box { border-radius: 16px; overflow: hidden; border: 1px solid var(--desi-border, #e2e8f0); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); } .desi-integrations-wrap .banner-img-box img { width: 100%; height: auto; display: block; } .desi-integrations-wrap .faq-title { font-size: 1.05rem; color: var(--desi-dark-heading, #0f172a); } /* ========================================================================== DESI USER MANUALS & GUIDES HUB (desi_layout.css) Pure UIkit with PDF Cover Previews & Dual Actions ========================================================================== */ .desi-manual-wrapper { font-family: var(--desi-font-sans, 'Inter', sans-serif); color: var(--desi-text-body, #334155); padding: 10px 0 50px; max-width: 1200px; margin: 0 auto; } /* Hero Section */ .desi-manual-hero { background: linear-gradient(135deg, var(--desi-dark-hero, #0f172a) 0%, #1e293b 100%); border-radius: var(--desi-radius-lg, 16px); padding: 45px 25px 40px; color: #ffffff; text-align: center; position: relative; overflow: hidden; margin-bottom: 30px; box-shadow: var(--desi-shadow-lg, 0 10px 30px rgba(15, 23, 42, 0.12)); } .desi-manual-hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(45, 122, 104, 0.4) 0%, transparent 70%); pointer-events: none; } .desi-manual-hero .hero-badge { display: inline-block; background: rgba(45, 122, 104, 0.25); border: 1px solid rgba(45, 122, 104, 0.5); color: #34d399; padding: 4px 14px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; } .desi-manual-hero h1 { color: #ffffff !important; font-size: 32px; font-weight: 800; margin: 0 0 10px; line-height: 1.25; } @media (min-width: 768px) { .desi-manual-hero h1 { font-size: 38px; } } .desi-manual-hero p { color: #cbd5e1; font-size: 15px; max-width: 620px; margin: 0 auto 25px; line-height: 1.5; } /* UIkit Search Input in Hero */ .desi-search-box { max-width: 520px; margin: 0 auto; } .desi-search-box .uk-input { border-radius: 30px !important; height: 50px !important; padding-left: 46px !important; font-size: 14px; border: 1px solid rgba(255, 255, 255, 0.2) !important; background: rgba(255, 255, 255, 0.96) !important; color: #0f172a !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); transition: all 0.2s ease; } .desi-search-box .uk-input:focus { background: #ffffff !important; border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 6px 25px rgba(45, 122, 104, 0.35) !important; } .desi-search-box .uk-form-icon { left: 8px; color: #64748b; } /* UIkit Subnav Filter Pills */ .desi-filter-subnav { margin-bottom: 25px; } .desi-filter-subnav > * > :first-child { border-radius: 25px; padding: 8px 22px; font-weight: 600; font-size: 14px; background: #ffffff; border: 1px solid var(--desi-border, #e2e8f0); color: #475569; transition: all 0.2s ease; } .desi-filter-subnav > * > :first-child:hover { border-color: var(--desi-green, #2D7A68); color: var(--desi-green, #2D7A68); background: var(--desi-green-light, #f0fdf4); } .desi-filter-subnav > .uk-active > a { background-color: var(--desi-green, #2D7A68) !important; border-color: var(--desi-green, #2D7A68) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(45, 122, 104, 0.25); } .desi-filter-subnav .uk-badge { background: rgba(0, 0, 0, 0.08); color: inherit; font-size: 11px; margin-left: 6px; vertical-align: middle; } .desi-filter-subnav > .uk-active > a .uk-badge { background: rgba(255, 255, 255, 0.25); color: #ffffff; } /* UIkit Product Cards */ .desi-manual-wrapper .desi-card, .folder-content-detail .desi-card, .folder-content-detail .uk-card.desi-card, .folder-content-detail .uk-card-default.desi-card, .desi-card { border: 2px solid #cbd5e1 !important; border-radius: 18px !important; padding: 22px !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); background: #ffffff !important; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06) !important; overflow: hidden; } .desi-manual-wrapper .desi-card:hover, .folder-content-detail .desi-card:hover, .folder-content-detail .uk-card.desi-card:hover, .desi-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12) !important; border-color: var(--desi-green, #2D7A68) !important; } /* PDF Cover Thumbnail (Book / Manual Style) */ .desi-thumb-wrap { width: 76px; height: 98px; flex-shrink: 0; border-radius: 10px; background: #ffffff; border: 1.5px solid #e2e8f0; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); position: relative; padding: 4px; box-sizing: border-box; margin-right: 14px; transition: all 0.25s ease; } .desi-thumb-wrap img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; transition: transform 0.25s ease; } .desi-card:hover .desi-thumb-wrap { border-color: rgba(45, 122, 104, 0.35); box-shadow: 0 6px 16px rgba(45, 122, 104, 0.15); } .desi-card:hover .desi-thumb-wrap img { transform: scale(1.06); } .desi-badge-cat { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--desi-green, #2D7A68); display: inline-block; margin-bottom: 2px; } .desi-card-title { font-size: 15.5px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); line-height: 1.35; margin: 4px 0 6px; } .desi-card-desc { font-size: 12.5px; color: var(--desi-text-muted, #64748b); line-height: 1.45; margin: 0; } .desi-pdf-tag { font-size: 11px; font-weight: 800; color: #e11d48; background: #fff1f2; padding: 4px 9px; border-radius: 6px; letter-spacing: 0.5px; border: 1px solid rgba(225, 29, 72, 0.2); display: inline-flex; align-items: center; gap: 5px; } /* Bulletproof CSS SVG Icon for PDF Tag */ .desi-pdf-tag::before { content: ""; display: inline-block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") no-repeat center / contain; } /* Dual Actions: View & Download Buttons */ .desi-actions { display: flex; gap: 8px; } .desi-btn-action { font-size: 12px; font-weight: 700; padding: 7px 15px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none !important; transition: all 0.2s ease; } /* Bulletproof CSS SVG Icon for View Button */ .desi-btn-view::before { content: ""; display: inline-block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-btn-view { background: #f8fafc; color: #334155 !important; border: 1.5px solid #cbd5e1 !important; } .desi-btn-view:hover { background: #e2e8f0; color: #0f172a !important; text-decoration: none !important; transform: translateY(-1px); } /* Bulletproof CSS SVG Icon for Download Button */ .desi-btn-download::before { content: ""; display: inline-block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-btn-download { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; border: 1.5px solid var(--desi-green, #2D7A68) !important; box-shadow: 0 2px 8px rgba(45, 122, 104, 0.25); } .desi-btn-download:hover { background: var(--desi-green-hover, #246354) !important; border-color: var(--desi-green-hover, #246354) !important; color: #ffffff !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(45, 122, 104, 0.35); transform: translateY(-1px); } /* Automatically suppress duplicate T-Soft template title header when page uses modern DESi hero */ .desi-content-detail-wrapper:has(.desi-delivery-wrap, .desi-legal-wrap, .desi-member-terms-wrap, .desi-privacy-wrap, .desi-cookie-wrap, .desi-faq-wrap, .desi-about-wrapper, .desi-manual-wrapper, .desi-integrations-wrap) .desi-content-header, .desi-content-article:has(.desi-delivery-wrap, .desi-legal-wrap, .desi-member-terms-wrap, .desi-privacy-wrap, .desi-cookie-wrap, .desi-faq-wrap, .desi-about-wrapper, .desi-manual-wrapper, .desi-integrations-wrap) .desi-content-header { display: none !important; } /* Fallback for older browsers or nested selectors */ .desi-delivery-wrap ~ .desi-content-header, .desi-legal-wrap ~ .desi-content-header, .desi-member-terms-wrap ~ .desi-content-header, .desi-privacy-wrap ~ .desi-content-header, .desi-cookie-wrap ~ .desi-content-header, .desi-delivery-hero-title ~ .desi-content-header { display: none !important; } /* ========================================================================== DESI ABOUT US PAGE ARCHITECTURE (desi_layout.css) Pure UIkit with Curated Tokens, Clean Cards & Floating Elevations ========================================================================== */ .desi-about-wrapper { font-family: var(--desi-font-sans, 'Inter', sans-serif); color: var(--desi-text-body, #334155); padding-bottom: 40px; } /* 1. Hero Section */ .desi-about-hero { min-height: 480px; padding: 90px 0 80px; display: flex; align-items: center; border-radius: var(--desi-radius-lg, 16px); margin-bottom: 25px; box-shadow: var(--desi-shadow-lg, 0 10px 30px rgba(15, 23, 42, 0.12)); } .desi-about-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.02); } .desi-about-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.75) 55%, rgba(15, 23, 42, 0.35) 100%); } .desi-about-pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(45, 122, 104, 0.25); border: 1px solid rgba(45, 122, 104, 0.6); color: #34d399; padding: 5px 14px; border-radius: 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 16px; } .desi-about-hero-title { color: #ffffff !important; font-size: clamp(28px, 4vw, 44px); font-weight: 800; line-height: 1.2; margin: 0 0 16px; } .desi-about-hero-subtitle { color: #cbd5e1 !important; font-size: clamp(15px, 1.8vw, 18px); max-width: 600px; line-height: 1.55; margin: 0; } /* 2. Quick Stats Bar */ .desi-about-stats-bar { margin-top: -45px; position: relative; z-index: 10; margin-bottom: 40px; } .desi-stat-box { background: #ffffff !important; border: 1.5px solid #e2e8f0; border-radius: 16px; padding: 24px 16px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06); transition: all 0.25s ease; } .desi-stat-box:hover { transform: translateY(-4px); border-color: var(--desi-green, #2D7A68); box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1); } .desi-stat-num { font-size: 36px; font-weight: 800; color: var(--desi-green, #2D7A68); line-height: 1; margin-bottom: 6px; } .desi-stat-label { font-size: 13px; font-weight: 600; color: var(--desi-dark-heading, #0f172a); text-transform: uppercase; letter-spacing: 0.5px; } /* Section Typography & Utilities */ .desi-section-badge { display: inline-block; color: var(--desi-green, #2D7A68); font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 8px; } .desi-section-heading { font-size: clamp(24px, 3vw, 34px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.25; margin: 0 0 16px; } .desi-section-lead { font-size: 16px; font-weight: 600; color: var(--desi-dark-heading, #0f172a); line-height: 1.6; margin-bottom: 14px; } .desi-section-text { font-size: 14.5px; color: var(--desi-text-body, #334155); line-height: 1.65; margin-bottom: 14px; } /* Checklist Items */ .desi-feature-checklist { display: flex; flex-direction: column; gap: 12px; } .desi-check-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--desi-dark-heading, #0f172a); } .desi-check-icon { width: 22px; height: 22px; border-radius: 50%; background: var(--desi-green-light, #f0fdf4); color: var(--desi-green, #2D7A68); border: 1px solid rgba(45, 122, 104, 0.3); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-check-icon::before { content: ""; display: inline-block; width: 13px; height: 13px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / contain; } /* Image Frame & Floating Badge */ .desi-image-frame { border-radius: 18px; overflow: hidden; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08); } .desi-rounded-img { width: 100%; height: auto; display: block; border-radius: 18px; border: 1.5px solid #e2e8f0; } .desi-floating-badge { position: absolute; bottom: 20px; right: 20px; background: #ffffff; border: 1.5px solid #cbd5e1; border-radius: 14px; padding: 12px 18px; display: flex; align-items: center; gap: 12px; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12); } .desi-floating-badge .desi-badge-icon { color: var(--desi-green, #2D7A68); display: flex; align-items: center; justify-content: center; } .desi-floating-badge .desi-badge-icon::before { content: ""; display: inline-block; width: 24px; height: 24px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-floating-badge strong { display: block; font-size: 13.5px; color: var(--desi-dark-heading, #0f172a); } .desi-floating-badge span { display: block; font-size: 11.5px; color: var(--desi-text-muted, #64748b); } /* 4. Core Strengths Section (Dark Card Elevation with Crisp Borders) */ .desi-about-strengths-section { background: #f8fafc; border-radius: 20px; margin: 30px 0; border: 1px solid #e2e8f0; } .folder-content-detail .desi-strength-card, .desi-strength-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 30px 24px !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important; transition: all 0.25s ease; text-align: center; } .folder-content-detail .desi-strength-card:hover, .desi-strength-card:hover { transform: translateY(-5px); border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09) !important; } .desi-strength-icon-wrap { width: 60px; height: 60px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: all 0.3s ease; } .folder-content-detail .desi-strength-card:hover .desi-strength-icon-wrap, .desi-strength-card:hover .desi-strength-icon-wrap { transform: scale(1.1) rotate(5deg); } .desi-icon-gold { background: #fef3c7; color: #d97706; } .desi-icon-gold::before { content: ""; display: inline-block; width: 28px; height: 28px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-icon-blue { background: #e0f2fe; color: #0284c7; } .desi-icon-blue::before { content: ""; display: inline-block; width: 28px; height: 28px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-icon-green { background: var(--desi-green-light, #f0fdf4); color: var(--desi-green, #2D7A68); } .desi-icon-green::before { content: ""; display: inline-block; width: 28px; height: 28px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-strength-title { font-size: 18px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); margin: 0 0 10px; } .desi-strength-desc { font-size: 13.5px; color: var(--desi-text-muted, #64748b); line-height: 1.55; margin: 0; } /* 5. Certifications Grid */ .desi-about-certs-section { padding: 40px 0; } .folder-content-detail .desi-cert-box, .desi-cert-box { background: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-left-width: 5px !important; border-radius: 14px !important; padding: 20px 18px !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important; transition: all 0.2s ease; } .folder-content-detail .desi-cert-box:hover, .desi-cert-box:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important; } .desi-cert-blue { border-left-color: #0284c7 !important; } .desi-cert-dark { border-left-color: #0f172a !important; } .desi-cert-navy { border-left-color: #1e3a8a !important; } .desi-cert-green { border-left-color: var(--desi-green, #2D7A68) !important; } .desi-cert-tag { font-size: 10.5px; font-weight: 800; letter-spacing: 0.8px; color: var(--desi-text-muted, #64748b); margin-bottom: 4px; } .desi-cert-code { font-size: 17px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin-bottom: 4px; } .desi-cert-desc { font-size: 12px; color: var(--desi-text-muted, #64748b); } /* 6. CTA Banner */ .desi-about-cta-banner { background: linear-gradient(135deg, var(--desi-dark-hero, #0f172a) 0%, #1e293b 100%); border-radius: 20px; padding: 55px 25px; color: #ffffff; box-shadow: var(--desi-shadow-lg, 0 10px 30px rgba(15, 23, 42, 0.12)); margin-top: 30px; } .desi-cta-title { color: #ffffff !important; font-size: clamp(22px, 3vw, 32px); font-weight: 800; margin: 0 0 8px; } .desi-cta-subtitle { color: #cbd5e1 !important; font-size: 15px; margin: 0; } .desi-btn-primary { background: var(--desi-green, #2D7A68) !important; color: #ffffff !important; font-weight: 700; font-size: 14px; padding: 10px 24px; border-radius: 30px; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 14px rgba(45, 122, 104, 0.35); transition: all 0.2s ease; } .desi-btn-primary::before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-btn-primary:hover { background: var(--desi-green-hover, #246354) !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 6px 18px rgba(45, 122, 104, 0.45); } .desi-btn-secondary { background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.25); font-weight: 700; font-size: 14px; padding: 10px 24px; border-radius: 30px; text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s ease; } .desi-btn-secondary::after { content: ""; display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") no-repeat center / contain; } .desi-btn-secondary:hover { background: rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; transform: translateY(-1px); } /* 5. Company Timeline Section */ .desi-about-timeline-section { padding: 60px 0; } .desi-timeline { position: relative; max-width: 900px; margin: 40px auto 0; padding-left: 30px; } .desi-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 8px; width: 2px; background: linear-gradient(180deg, var(--desi-green, #2D7A68) 0%, #cbd5e1 100%); } .desi-timeline-item { position: relative; margin-bottom: 35px; } .desi-timeline-item:last-child { margin-bottom: 0; } .desi-timeline-dot { position: absolute; left: -30px; top: 6px; width: 18px; height: 18px; border-radius: 50%; background: #ffffff; border: 4px solid var(--desi-green, #2D7A68); box-shadow: 0 0 0 4px rgba(45, 122, 104, 0.2); box-sizing: border-box; z-index: 2; transition: all 0.25s ease; } .desi-timeline-item:hover .desi-timeline-dot { transform: scale(1.2); background: var(--desi-green, #2D7A68); border-color: #ffffff; box-shadow: 0 0 0 6px rgba(45, 122, 104, 0.35); } .folder-content-detail .desi-timeline-card, .desi-timeline-card { background: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; padding: 22px 24px !important; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important; transition: all 0.25s ease; } .folder-content-detail .desi-timeline-card:hover, .desi-timeline-card:hover { transform: translateX(6px); border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important; } .desi-timeline-year { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; color: var(--desi-green, #2D7A68); background: var(--desi-green-light, #f0fdf4); padding: 3px 10px; border-radius: 20px; margin-bottom: 8px; border: 1px solid rgba(45, 122, 104, 0.2); } .desi-timeline-title { font-size: 17px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); margin: 0 0 6px; } .desi-timeline-desc { font-size: 13.5px; color: var(--desi-text-muted, #64748b); line-height: 1.55; margin: 0; } /* ========================================================================== DESi FAQ & Knowledge Base Component (.desi-faq-*) Pure UIkit accordion + native filter, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-faq-wrap { padding: 30px 0 60px; } .desi-faq-hero { text-align: center; max-width: 820px; margin: 0 auto 36px; padding: 10px 15px; } .desi-faq-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-faq-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-faq-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* Category Filter Pills */ .desi-faq-tab-container { margin-bottom: 30px; display: flex; justify-content: center; } .desi-faq-subnav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; padding: 0; margin: 0; } .desi-faq-subnav > li > a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 999px; font-size: 13.5px; font-weight: 600; color: var(--desi-text-muted, #475569); background: #ffffff; border: 1.5px solid #e2e8f0; text-decoration: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03); } .desi-faq-subnav > li > a:hover { color: var(--desi-green, #2D7A68); border-color: var(--desi-green, #2D7A68); background: #f8fafc; transform: translateY(-1px); } .desi-faq-subnav > li.uk-active > a { color: #ffffff !important; background: var(--desi-green, #2D7A68) !important; border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 6px 18px rgba(45, 122, 104, 0.28) !important; } .desi-faq-count { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: rgba(15, 23, 42, 0.08); color: currentColor; transition: background 0.2s ease; } .desi-faq-subnav > li.uk-active .desi-faq-count { background: rgba(255, 255, 255, 0.25); color: #ffffff; } /* FAQ 2-Column Grid Layout */ .desi-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; list-style: none; padding: 0; margin: 0; align-items: start; } @media (max-width: 960px) { .desi-faq-grid { grid-template-columns: 1fr; } } /* FAQ Card & T-Soft 0.css Overrides */ .folder-content-detail .desi-faq-card, .desi-faq-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 14px !important; box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important; padding: 0 !important; margin: 0 !important; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease; overflow: hidden; } .folder-content-detail .desi-faq-card:hover, .desi-faq-card:hover { border-color: #94a3b8 !important; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08) !important; } .folder-content-detail .desi-faq-card.uk-open, .desi-faq-card.uk-open { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 10px 28px rgba(45, 122, 104, 0.12) !important; } /* Header & Toggle Link */ .desi-faq-header-link { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px !important; font-size: 15px !important; font-weight: 700 !important; color: var(--desi-dark-heading, #0f172a) !important; text-decoration: none !important; background: transparent; cursor: pointer; user-select: none; transition: color 0.2s ease, background 0.2s ease; } .desi-faq-header-link:hover { color: var(--desi-green, #2D7A68) !important; background: #f8fafc; } .desi-faq-card.uk-open .desi-faq-header-link { color: var(--desi-green, #2D7A68) !important; background: rgba(45, 122, 104, 0.03); border-bottom: 1px solid rgba(45, 122, 104, 0.1); } .desi-faq-question-text { display: flex; flex-direction: column; gap: 6px; flex: 1; } .desi-faq-title-inner { line-height: 1.45; } /* Category Tag Badges */ .desi-faq-cat-tag { display: inline-flex; align-items: center; align-self: flex-start; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 2px 9px; border-radius: 6px; } .tag-compatibility { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; } .tag-installation { background: #fefce8; color: #ca8a04; border: 1px solid #fef08a; } .tag-operation { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; } .tag-connectivity { background: #faf5ff; color: #9333ea; border: 1px solid #e9d5ff; } .tag-battery { background: #fff7ed; color: #ea580c; border: 1px solid #ffedd5; } /* Custom Chevron Arrow (CSS SVG Mask) */ .desi-faq-arrow { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; position: relative; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s ease, color 0.2s ease; } .desi-faq-arrow::before { content: ''; display: block; width: 14px; height: 14px; background-color: #64748b; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; transition: background-color 0.2s ease; } .desi-faq-card:hover .desi-faq-arrow { background: #e2e8f0; } .desi-faq-card.uk-open .desi-faq-arrow { transform: rotate(180deg); background: var(--desi-green, #2D7A68); } .desi-faq-card.uk-open .desi-faq-arrow::before { background-color: #ffffff; } /* Accordion Body / Content */ .folder-content-detail .desi-faq-body, .desi-faq-body { padding: 18px 20px 22px !important; background: #ffffff !important; font-size: 14.5px; line-height: 1.65; color: #475569; } .desi-faq-body p { margin: 0 0 10px; } .desi-faq-body p:last-child { margin-bottom: 0; } /* Bottom Help & Support Card */ .desi-faq-support { margin-top: 50px; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-faq-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-faq-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-faq-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== DESi Delivery & Shipping Terms (.desi-delivery-*) Pure UIkit layout, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-delivery-wrap { padding: 30px 0 60px; } .desi-delivery-hero { text-align: center; max-width: 820px; margin: 0 auto 36px; padding: 10px 15px; } .desi-delivery-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-delivery-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-delivery-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* Top Key Pillars / Metrics */ .desi-delivery-pillars { margin-bottom: 25px; } .folder-content-detail .desi-delivery-pillar-card, .desi-delivery-pillar-card { display: flex !important; align-items: center; gap: 18px; background: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; padding: 22px 24px !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important; transition: all 0.25s ease; } .folder-content-detail .desi-delivery-pillar-card:hover, .desi-delivery-pillar-card:hover { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 10px 24px rgba(45, 122, 104, 0.09) !important; transform: translateY(-2px); } .desi-delivery-pillar-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(45, 122, 104, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; } .desi-delivery-pillar-icon::before { content: ''; display: block; width: 24px; height: 24px; background-color: var(--desi-green, #2D7A68); } .desi-delivery-pillar-icon.icon-clock::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } .desi-delivery-pillar-icon.icon-truck::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-delivery-pillar-icon.icon-shield::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-delivery-pillar-val { font-size: 19px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.25; margin-bottom: 2px; } .desi-delivery-pillar-lbl { font-size: 13px; color: var(--desi-text-muted, #64748b); line-height: 1.4; } /* Delivery Main Grid Cards */ .folder-content-detail .desi-delivery-card, .desi-delivery-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 30px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important; height: 100%; display: flex; flex-direction: column; transition: all 0.25s ease; } .folder-content-detail .desi-delivery-card:hover, .desi-delivery-card:hover { border-color: #94a3b8 !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important; } .desi-delivery-card-header { display: flex; align-items: center; gap: 14px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; } .desi-delivery-card-icon { width: 44px; height: 44px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-delivery-card-icon::before { content: ''; display: block; width: 22px; height: 22px; background-color: var(--desi-green, #2D7A68); } .desi-delivery-card-icon.icon-calendar::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-delivery-card-icon.icon-info::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-delivery-card-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0; letter-spacing: -0.3px; } .desi-delivery-card-body { display: flex; flex-direction: column; gap: 22px; } .desi-delivery-feature { display: flex; gap: 14px; align-items: flex-start; } .desi-feature-bullet { width: 8px; height: 8px; border-radius: 50%; background: var(--desi-green, #2D7A68); margin-top: 8px; flex-shrink: 0; } .desi-feature-heading { font-size: 15px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); margin: 0 0 4px; } .desi-feature-desc { font-size: 14px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0; } .desi-feature-desc strong { color: var(--desi-dark-heading, #0f172a); } /* Stock Notice Alert Block */ .folder-content-detail .desi-delivery-stock-notice, .desi-delivery-stock-notice { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 20px !important; padding: 34px !important; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04) !important; display: flex; gap: 26px; align-items: flex-start; } @media (max-width: 768px) { .desi-delivery-stock-notice { flex-direction: column; padding: 24px !important; } } .desi-stock-icon-wrap { flex-shrink: 0; } .desi-delivery-stock-icon { width: 56px; height: 56px; border-radius: 16px; background: #fef3c7; border: 1.5px solid #fde68a; display: flex; align-items: center; justify-content: center; } .desi-delivery-stock-icon::before { content: ''; display: block; width: 28px; height: 28px; background-color: #d97706; } .desi-delivery-stock-icon.icon-box::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'%3E%3C/path%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'%3E%3C/polyline%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-stock-content { flex: 1; } .desi-stock-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0 0 8px; } .desi-stock-desc { font-size: 14.5px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 0 20px; } .desi-stock-policy-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } @media (max-width: 640px) { .desi-stock-policy-grid { grid-template-columns: 1fr; } } .desi-policy-item { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 18px; } .desi-policy-badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: var(--desi-green, #2D7A68); margin-bottom: 6px; } .desi-policy-text { font-size: 13.5px; line-height: 1.55; color: #475569; margin: 0; } .desi-policy-text strong { color: var(--desi-dark-heading, #0f172a); } /* Bottom Assistance Box */ .desi-delivery-support { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-delivery-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-delivery-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-delivery-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== DESi Distance Sales Agreement & Legal Terms (.desi-legal-*) Pure UIkit layout, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-legal-wrap { padding: 30px 0 60px; } .desi-legal-hero { text-align: center; max-width: 840px; margin: 0 auto 36px; padding: 10px 15px; } .desi-legal-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-legal-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-legal-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* Legal Cards (T-Soft Reset Override) */ .folder-content-detail .desi-legal-card, .desi-legal-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 32px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important; transition: all 0.25s ease; } .folder-content-detail .desi-legal-card:hover, .desi-legal-card:hover { border-color: #94a3b8 !important; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08) !important; } .desi-legal-card-header { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; } .desi-legal-article-badge { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.09); padding: 3px 10px; border-radius: 6px; margin-bottom: 4px; } .desi-legal-card-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0; letter-spacing: -0.3px; } .desi-legal-card-body { font-size: 14.5px; line-height: 1.7; color: #475569; } .desi-legal-text { margin: 0 0 14px; line-height: 1.7; } .desi-legal-text:last-child { margin-bottom: 0; } /* Info Row for Parties */ .desi-info-row { display: flex; flex-direction: column; padding: 10px 0; border-bottom: 1px dashed #e2e8f0; } .desi-info-row:last-child { border-bottom: none; padding-bottom: 0; } .desi-info-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: #94a3b8; margin-bottom: 2px; } .desi-info-value { font-size: 14.5px; font-weight: 600; color: var(--desi-dark-heading, #0f172a); } /* Ordered & Bullet Lists */ .desi-legal-ordered-list { padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 14px; } .desi-legal-ordered-list li { padding-left: 6px; line-height: 1.7; } .desi-legal-ordered-list strong { color: var(--desi-dark-heading, #0f172a); } .desi-legal-bullet-list { padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 10px; } .desi-legal-bullet-list li { padding-left: 6px; line-height: 1.65; } /* Callout Boxes (Info & Warning) */ .desi-legal-callout { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; border-radius: 12px; } .callout-info { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .callout-warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; } .desi-callout-text { font-size: 13.5px; line-height: 1.6; } .desi-callout-text strong { color: currentColor; font-weight: 700; } /* SVG Mask Icons */ .desi-legal-icon, .desi-callout-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-legal-icon { background: #f8fafc; border: 1px solid #e2e8f0; } .desi-legal-icon::before, .desi-callout-icon::before { content: ''; display: block; width: 22px; height: 22px; } .desi-legal-icon::before { background-color: var(--desi-green, #2D7A68); } .desi-legal-icon.icon-building::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M9 22v-4h6v4'%3E%3C/path%3E%3Cpath d='M8 6h.01'%3E%3C/path%3E%3Cpath d='M16 6h.01'%3E%3C/path%3E%3Cpath d='M8 10h.01'%3E%3C/path%3E%3Cpath d='M16 10h.01'%3E%3C/path%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3Cpath d='M16 14h.01'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M9 22v-4h6v4'%3E%3C/path%3E%3Cpath d='M8 6h.01'%3E%3C/path%3E%3Cpath d='M16 6h.01'%3E%3C/path%3E%3Cpath d='M8 10h.01'%3E%3C/path%3E%3Cpath d='M16 10h.01'%3E%3C/path%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3Cpath d='M16 14h.01'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-user::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-file-check::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cpath d='m9 15 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cpath d='m9 15 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-scale::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-rotate-ccw::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'%3E%3C/polyline%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'%3E%3C/polyline%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-shield-alert::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-legal-icon.icon-landmark::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='22' x2='21' y2='22'%3E%3C/line%3E%3Cline x1='6' y1='18' x2='6' y2='11'%3E%3C/line%3E%3Cline x1='10' y1='18' x2='10' y2='11'%3E%3C/line%3E%3Cline x1='14' y1='18' x2='14' y2='11'%3E%3C/line%3E%3Cline x1='18' y1='18' x2='18' y2='11'%3E%3C/line%3E%3Cpolygon points='12 2 20 7 4 7'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='22' x2='21' y2='22'%3E%3C/line%3E%3Cline x1='6' y1='18' x2='6' y2='11'%3E%3C/line%3E%3Cline x1='10' y1='18' x2='10' y2='11'%3E%3C/line%3E%3Cline x1='14' y1='18' x2='14' y2='11'%3E%3C/line%3E%3Cline x1='18' y1='18' x2='18' y2='11'%3E%3C/line%3E%3Cpolygon points='12 2 20 7 4 7'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; } .desi-callout-icon.icon-alert::before { background-color: #d97706; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-callout-icon.icon-truck::before { background-color: #166534; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } /* Legal Support CTA */ .desi-legal-support { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-legal-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-legal-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-legal-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== DESi Membership & Terms of Use Component (.desi-member-terms-*) Pure UIkit layout, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-member-terms-wrap { padding: 30px 0 60px; } .desi-member-terms-hero { text-align: center; max-width: 840px; margin: 0 auto 36px; padding: 10px 15px; } .desi-member-terms-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-member-terms-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-member-terms-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* Terms Cards (T-Soft Reset Override) */ .folder-content-detail .desi-member-terms-card, .desi-member-terms-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 32px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important; transition: all 0.25s ease; } .folder-content-detail .desi-member-terms-card:hover, .desi-member-terms-card:hover { border-color: #94a3b8 !important; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08) !important; } .desi-member-terms-card-header { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; } .desi-terms-article-badge { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.09); padding: 3px 10px; border-radius: 6px; margin-bottom: 4px; } .desi-member-terms-card-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0; letter-spacing: -0.3px; } .desi-member-terms-card-body { font-size: 14.5px; line-height: 1.7; color: #475569; } .desi-terms-lead { font-size: 15.5px; line-height: 1.7; color: var(--desi-dark-heading, #0f172a); font-weight: 600; margin: 0 0 14px; } .desi-terms-text { margin: 0 0 14px; line-height: 1.7; } .desi-terms-text:last-child { margin-bottom: 0; } /* Bullet List */ .desi-terms-bullet-list { padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 10px; } .desi-terms-bullet-list li { padding-left: 6px; line-height: 1.65; } /* Callout Boxes */ .desi-terms-callout { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; border-radius: 12px; } .desi-terms-callout.callout-danger { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; } .desi-terms-callout.callout-info { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .desi-terms-callout .desi-callout-text { font-size: 13.5px; line-height: 1.6; } .desi-terms-callout .desi-callout-text strong { color: currentColor; font-weight: 700; } /* SVG Mask Icons */ .desi-terms-icon { width: 44px; height: 44px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-terms-icon::before { content: ''; display: block; width: 22px; height: 22px; background-color: var(--desi-green, #2D7A68); } .desi-terms-icon.icon-file-text::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } .desi-terms-icon.icon-copyright::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M15 9.354a4 4 0 1 0 0 5.292'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M15 9.354a4 4 0 1 0 0 5.292'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-terms-icon.icon-lock::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-callout-icon.icon-slash::before { background-color: #dc2626; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-callout-icon.icon-info::before { background-color: #166534; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } /* Bottom Assistance Box */ .desi-member-terms-support { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-member-terms-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-member-terms-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-member-terms-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== DESi Privacy & Payment Security Component (.desi-privacy-*) Pure UIkit layout, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-privacy-wrap { padding: 30px 0 60px; } .desi-privacy-hero { text-align: center; max-width: 840px; margin: 0 auto 36px; padding: 10px 15px; } .desi-privacy-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-privacy-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-privacy-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* Top Core Privacy Pillars */ .desi-privacy-pillars { margin-bottom: 25px; } .folder-content-detail .desi-privacy-pillar-card, .desi-privacy-pillar-card { display: flex !important; align-items: center; gap: 18px; background: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; padding: 22px 24px !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important; transition: all 0.25s ease; } .folder-content-detail .desi-privacy-pillar-card:hover, .desi-privacy-pillar-card:hover { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 10px 24px rgba(45, 122, 104, 0.09) !important; transform: translateY(-2px); } .desi-privacy-pillar-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(45, 122, 104, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-privacy-pillar-icon::before { content: ''; display: block; width: 24px; height: 24px; background-color: var(--desi-green, #2D7A68); } .desi-privacy-pillar-icon.icon-map-pin::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-pillar-icon.icon-credit-card::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'%3E%3C/rect%3E%3Cline x1='2' y1='10' x2='22' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'%3E%3C/rect%3E%3Cline x1='2' y1='10' x2='22' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-pillar-icon.icon-shield-check::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-pillar-val { font-size: 19px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.25; margin-bottom: 2px; } .desi-privacy-pillar-lbl { font-size: 13px; color: var(--desi-text-muted, #64748b); line-height: 1.4; } /* Privacy Cards (T-Soft Reset Override) */ .folder-content-detail .desi-privacy-card, .desi-privacy-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 32px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important; height: 100%; display: flex; flex-direction: column; transition: all 0.25s ease; } .folder-content-detail .desi-privacy-card:hover, .desi-privacy-card:hover { border-color: #94a3b8 !important; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08) !important; } .desi-privacy-card-header { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; } .desi-privacy-article-badge { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.09); padding: 3px 10px; border-radius: 6px; margin-bottom: 4px; } .desi-privacy-card-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0; letter-spacing: -0.3px; } .desi-privacy-card-body { font-size: 14.5px; line-height: 1.7; color: #475569; } .desi-privacy-text { margin: 0 0 14px; line-height: 1.7; } .desi-privacy-text:last-child { margin-bottom: 0; } /* Bullet List */ .desi-privacy-bullet-list { padding-left: 20px; margin: 0; display: flex; flex-direction: column; gap: 10px; } .desi-privacy-bullet-list li { padding-left: 6px; line-height: 1.65; } .desi-privacy-bullet-list strong { color: var(--desi-dark-heading, #0f172a); } /* Callout Box */ .desi-privacy-callout { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; border-radius: 12px; } .desi-privacy-callout.callout-info { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .desi-privacy-callout .desi-callout-text { font-size: 13.5px; line-height: 1.6; } .desi-privacy-callout .desi-callout-text strong { color: currentColor; font-weight: 700; } /* 4-Pillar Feature Boxes (Inside Section 3) */ .desi-feature-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 20px; display: flex; gap: 16px; align-items: flex-start; height: 100%; transition: all 0.2s ease; } .desi-feature-box:hover { border-color: var(--desi-green, #2D7A68); background: #ffffff; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05); } .desi-box-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(45, 122, 104, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-box-icon::before { content: ''; display: block; width: 20px; height: 20px; background-color: var(--desi-green, #2D7A68); } .desi-box-icon.icon-life-buoy::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='m4.93 4.93 4.24 4.24'%3E%3C/path%3E%3Cpath d='m14.83 9.17 4.24-4.24'%3E%3C/path%3E%3Cpath d='m14.83 14.83 4.24 4.24'%3E%3C/path%3E%3Cpath d='m9.17 14.83-4.24 4.24'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='m4.93 4.93 4.24 4.24'%3E%3C/path%3E%3Cpath d='m14.83 9.17 4.24-4.24'%3E%3C/path%3E%3Cpath d='m14.83 14.83 4.24 4.24'%3E%3C/path%3E%3Cpath d='m9.17 14.83-4.24 4.24'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-box-icon.icon-sliders::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-box-icon.icon-zap::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; } .desi-box-icon.icon-mail::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-box-title { font-size: 15px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); margin: 0 0 4px; } .desi-box-desc { font-size: 13.5px; line-height: 1.55; color: var(--desi-text-muted, #64748b); margin: 0; } /* SVG Mask Icons */ .desi-privacy-icon { width: 44px; height: 44px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-privacy-icon::before { content: ''; display: block; width: 22px; height: 22px; background-color: var(--desi-green, #2D7A68); } .desi-privacy-icon.icon-database::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'%3E%3C/ellipse%3E%3Cpath d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'%3E%3C/path%3E%3Cpath d='M3 12c0 1.66 4 3 9 3s9-1.34 9-3'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'%3E%3C/ellipse%3E%3Cpath d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'%3E%3C/path%3E%3Cpath d='M3 12c0 1.66 4 3 9 3s9-1.34 9-3'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-icon.icon-compass::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-icon.icon-cpu::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'%3E%3C/rect%3E%3Crect width='6' height='6' x='9' y='9' rx='1'%3E%3C/rect%3E%3Cpath d='M15 2v2'%3E%3C/path%3E%3Cpath d='M15 20v2'%3E%3C/path%3E%3Cpath d='M2 15h2'%3E%3C/path%3E%3Cpath d='M2 9h2'%3E%3C/path%3E%3Cpath d='M20 15h2'%3E%3C/path%3E%3Cpath d='M20 9h2'%3E%3C/path%3E%3Cpath d='M9 2v2'%3E%3C/path%3E%3Cpath d='M9 20v2'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'%3E%3C/rect%3E%3Crect width='6' height='6' x='9' y='9' rx='1'%3E%3C/rect%3E%3Cpath d='M15 2v2'%3E%3C/path%3E%3Cpath d='M15 20v2'%3E%3C/path%3E%3Cpath d='M2 15h2'%3E%3C/path%3E%3Cpath d='M2 9h2'%3E%3C/path%3E%3Cpath d='M20 15h2'%3E%3C/path%3E%3Cpath d='M20 9h2'%3E%3C/path%3E%3Cpath d='M9 2v2'%3E%3C/path%3E%3Cpath d='M9 20v2'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-icon.icon-lock::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-privacy-icon.icon-user-check::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpolyline points='16 11 18 13 22 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpolyline points='16 11 18 13 22 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } /* Bottom Assistance / DPO Box */ .desi-privacy-support { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-privacy-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-privacy-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-privacy-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== DESi Cookie Policy Component (.desi-cookie-*) Pure UIkit layout, robust against T-Soft .folder-content-detail resets ========================================================================== */ .desi-cookie-wrap { padding: 30px 0 60px; } .desi-cookie-hero { text-align: center; max-width: 840px; margin: 0 auto 36px; padding: 10px 15px; } .desi-cookie-badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.08); border: 1px solid rgba(45, 122, 104, 0.22); padding: 6px 16px; border-radius: 999px; margin-bottom: 14px; } .desi-cookie-hero-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; color: var(--desi-dark-heading, #0f172a); line-height: 1.2; margin: 0 0 14px; letter-spacing: -0.5px; } .desi-cookie-subtitle { font-size: 16px; line-height: 1.6; color: var(--desi-text-muted, #64748b); margin: 0 auto; } /* 4-Pillar Cookie Types Grid */ .desi-cookie-types-section { margin-bottom: 25px; } .folder-content-detail .desi-cookie-pillar-card, .desi-cookie-pillar-card { background: #ffffff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px 20px !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important; height: 100%; display: flex; flex-direction: column; transition: all 0.25s ease; } .folder-content-detail .desi-cookie-pillar-card:hover, .desi-cookie-pillar-card:hover { border-color: var(--desi-green, #2D7A68) !important; box-shadow: 0 10px 24px rgba(45, 122, 104, 0.09) !important; transform: translateY(-2px); } .desi-cookie-pillar-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(45, 122, 104, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 16px; } .desi-cookie-pillar-icon::before { content: ''; display: block; width: 22px; height: 22px; background-color: var(--desi-green, #2D7A68); } .desi-cookie-pillar-icon.icon-shield::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-pillar-icon.icon-sliders::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'%3E%3C/line%3E%3Cline x1='4' y1='10' x2='4' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='20' y1='21' x2='20' y2='16'%3E%3C/line%3E%3Cline x1='20' y1='12' x2='20' y2='3'%3E%3C/line%3E%3Cline x1='1' y1='14' x2='7' y2='14'%3E%3C/line%3E%3Cline x1='9' y1='8' x2='15' y2='8'%3E%3C/line%3E%3Cline x1='17' y1='16' x2='23' y2='16'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-pillar-icon.icon-activity::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-pillar-icon.icon-target::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='6'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='2'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='6'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='2'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-pillar-title { font-size: 16px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0 0 6px; } .desi-cookie-pillar-desc { font-size: 13px; line-height: 1.5; color: var(--desi-text-muted, #64748b); margin: 0; } /* Cookie Cards (T-Soft Reset Override) */ .folder-content-detail .desi-cookie-card, .desi-cookie-card { background: #ffffff !important; border: 1.5px solid #cbd5e1 !important; border-radius: 18px !important; padding: 32px !important; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important; height: 100%; display: flex; flex-direction: column; transition: all 0.25s ease; } .folder-content-detail .desi-cookie-card:hover, .desi-cookie-card:hover { border-color: #94a3b8 !important; box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08) !important; } .desi-cookie-card-header { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; } .desi-cookie-article-badge { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--desi-green, #2D7A68); background: rgba(45, 122, 104, 0.09); padding: 3px 10px; border-radius: 6px; margin-bottom: 4px; } .desi-cookie-card-title { font-size: 20px; font-weight: 800; color: var(--desi-dark-heading, #0f172a); margin: 0; letter-spacing: -0.3px; } .desi-cookie-card-body { font-size: 14.5px; line-height: 1.7; color: #475569; } .desi-cookie-text { margin: 0 0 14px; line-height: 1.7; } .desi-cookie-text:last-child { margin-bottom: 0; } /* Callout Box */ .desi-cookie-callout { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; border-radius: 12px; } .desi-cookie-callout.callout-info { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; } .desi-cookie-callout .desi-callout-text { font-size: 13.5px; line-height: 1.6; } .desi-cookie-callout .desi-callout-text strong { color: currentColor; font-weight: 700; } /* Browser Guide List */ .desi-browser-guide-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } .desi-browser-guide-list li { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px 16px; font-size: 13.5px; line-height: 1.5; color: #475569; } .desi-browser-guide-list strong { color: var(--desi-dark-heading, #0f172a); } /* Rights Grid (4-box layout) */ .desi-right-item { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; height: 100%; transition: all 0.2s ease; } .desi-right-item:hover { border-color: var(--desi-green, #2D7A68); background: #ffffff; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05); } .desi-right-badge { display: inline-block; font-size: 12px; font-weight: 700; color: var(--desi-green, #2D7A68); margin-bottom: 6px; } .desi-right-desc { font-size: 13.5px; line-height: 1.55; color: var(--desi-text-muted, #64748b); margin: 0; } /* Contact Channels */ .desi-contact-channel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 14px; } @media (max-width: 640px) { .desi-contact-channel-grid { grid-template-columns: 1fr; } } .desi-channel-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; } .desi-channel-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: #94a3b8; } .desi-channel-val { font-size: 14.5px; font-weight: 700; color: var(--desi-dark-heading, #0f172a); } .desi-channel-val a { color: var(--desi-green, #2D7A68); text-decoration: none; } .desi-channel-sub { font-size: 12.5px; color: #64748b; } /* SVG Mask Icons */ .desi-cookie-icon { width: 44px; height: 44px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .desi-cookie-icon::before { content: ''; display: block; width: 22px; height: 22px; background-color: var(--desi-green, #2D7A68); } .desi-cookie-icon.icon-cookie::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'%3E%3C/path%3E%3Cpath d='M8.5 8.5v.01'%3E%3C/path%3E%3Cpath d='M16 15.5v.01'%3E%3C/path%3E%3Cpath d='M12 12v.01'%3E%3C/path%3E%3Cpath d='M11 17v.01'%3E%3C/path%3E%3Cpath d='M7 14v.01'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5'%3E%3C/path%3E%3Cpath d='M8.5 8.5v.01'%3E%3C/path%3E%3Cpath d='M16 15.5v.01'%3E%3C/path%3E%3Cpath d='M12 12v.01'%3E%3C/path%3E%3Cpath d='M11 17v.01'%3E%3C/path%3E%3Cpath d='M7 14v.01'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-icon.icon-settings::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-icon.icon-user-shield::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M4 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'%3E%3C/path%3E%3Ccircle cx='10' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='m18 8 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M4 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'%3E%3C/path%3E%3Ccircle cx='10' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='m18 8 2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain; } .desi-cookie-icon.icon-mail-check::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3Cpolyline points='16 19 18 21 22 17'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3Cpolyline points='16 19 18 21 22 17'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } .desi-callout-icon.icon-check-circle::before { background-color: #166534; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center / contain; } /* Bottom Assistance Box */ .desi-cookie-support { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 20px; padding: 40px 30px; text-align: center; color: #ffffff; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); } .desi-cookie-support-title { font-size: 26px; font-weight: 800; color: #ffffff; margin: 0 0 10px; } .desi-cookie-support-text { font-size: 15px; color: #94a3b8; max-width: 580px; margin: 0 auto 24px; line-height: 1.6; } .desi-cookie-support-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } /* ========================================================================== MODAL CANLI ARAMA & SEARCH UI (#mobile-search-modal, #search-modal) ========================================================================== */ #mobile-search-modal { z-index: 10100 !important; } #mobile-search-modal .uk-modal-dialog { background: rgba(15, 23, 42, 0.94) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; padding: 60px 24px !important; box-sizing: border-box !important; overflow-y: auto !important; } #mobile-search-modal .uk-modal-close-full { top: 32px !important; right: 32px !important; width: 48px !important; height: 48px !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; cursor: pointer !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; padding: 0 !important; } #mobile-search-modal .uk-modal-close-full:hover { background: var(--desi-primary, #2D7A68) !important; border-color: var(--desi-primary, #2D7A68) !important; color: #ffffff !important; transform: rotate(90deg) scale(1.08) !important; } #mobile-search-modal .uk-modal-close-full svg { width: 18px !important; height: 18px !important; } #search-modal { max-width: 760px; width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; } .desi-search-modal-box { position: relative; width: 100%; display: flex; align-items: center; } #search-modal .desi-search-icon-inside, .desi-search-modal-box .desi-search-icon-inside { position: absolute; left: 24px; top: 36px; transform: translateY(-50%); color: rgba(255, 255, 255, 0.5); pointer-events: none; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease; z-index: 2; } #search-modal input.uk-search-input { width: 100% !important; height: 72px !important; line-height: 72px !important; background: rgba(255, 255, 255, 0.08) !important; border: 2px solid rgba(255, 255, 255, 0.18) !important; border-radius: 9999px !important; color: #ffffff !important; font-size: 22px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; padding: 0 64px 0 68px !important; text-align: left !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; outline: none !important; } #search-modal input.uk-search-input::placeholder { color: rgba(255, 255, 255, 0.45) !important; font-weight: 400 !important; } #search-modal input.uk-search-input:focus { background: rgba(255, 255, 255, 0.14) !important; border-color: var(--desi-primary, #2D7A68) !important; box-shadow: 0 0 0 4px rgba(45, 122, 104, 0.35), 0 20px 48px rgba(0, 0, 0, 0.45) !important; } #search-modal input.uk-search-input:focus ~ .desi-search-icon-inside { color: var(--desi-primary, #2D7A68); } .desi-search-spinner { position: absolute; right: 24px; top: 36px; transform: translateY(-50%); width: 24px; height: 24px; border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: var(--desi-primary, #2D7A68); border-radius: 50%; animation: desiSearchSpin 0.7s linear infinite; display: none; z-index: 2; } .desi-search-spinner.active { display: block !important; } @keyframes desiSearchSpin { to { transform: translateY(-50%) rotate(360deg); } } /* Modal Canl? Arama Sonu? Paneli */ #search-modal .search-form-list, .desi-search-results-panel { position: static !important; transform: none !important; margin: 24px auto 0 !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-height: 58vh !important; overflow-y: auto !important; background: #ffffff !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1) !important; border-radius: 20px !important; padding: 14px !important; box-sizing: border-box !important; animation: desiSearchFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; } @keyframes desiSearchFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } #search-modal .search-form-list, #search-modal .desi-search-results-panel { display: block; } /* Arama Sonu? Listesi */ .search-form-list .dynamic-search ul, .desi-search-results-panel ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .search-form-list .dynamic-search ul > li, .desi-search-results-panel ul > li { padding: 0 !important; border: none !important; border-radius: 12px !important; transition: background-color 0.2s ease, transform 0.15s ease !important; overflow: hidden !important; } .search-form-list .dynamic-search ul > li:hover, .desi-search-results-panel ul > li:hover { background: #f1f5f9 !important; transform: translateX(4px); } .search-form-list .dynamic-search ul > li > a, .desi-search-results-panel ul > li > a { display: flex !important; align-items: center !important; gap: 16px !important; padding: 10px 14px !important; color: #1e293b !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .search-form-list .dynamic-search ul > li > a:hover, .desi-search-results-panel ul > li > a:hover { color: var(--desi-primary, #2D7A68) !important; } .search-form-list .dynamic-search .search-image, .desi-search-results-panel .search-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; flex-shrink: 0 !important; overflow: hidden !important; border-radius: 10px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; } .search-form-list .dynamic-search .search-image img, .search-form-list .dynamic-search img, .desi-search-results-panel .search-image img { max-width: 90% !important; max-height: 90% !important; object-fit: contain !important; display: block !important; } .desi-search-no-results { padding: 36px 20px !important; text-align: center !important; color: #64748b !important; font-size: 15px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; } .desi-search-no-results svg { color: #94a3b8; } /* Custom Scrollbar for Results */ #search-modal .search-form-list::-webkit-scrollbar, .desi-search-results-panel::-webkit-scrollbar { width: 6px; } #search-modal .search-form-list::-webkit-scrollbar-track, .desi-search-results-panel::-webkit-scrollbar-track { background: transparent; } #search-modal .search-form-list::-webkit-scrollbar-thumb, .desi-search-results-panel::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; } #search-modal .search-form-list::-webkit-scrollbar-thumb:hover, .desi-search-results-panel::-webkit-scrollbar-thumb:hover { background: #94a3b8; } /* ========================================== BUNDLE: desi_product.css ========================================== */ /* ========================================================================== DESI CORE: PRODUCT DETAILS MODULE (desi_product.css) ========================================================================== */ /* === PRODUCT DETAILS === */ @charset "UTF-8"; #product-detail #product-left .product-images, .product-details #product-left .product-images { border: 1px solid #e9ecef; border-radius: 12px; } #product-detail .tab-content .tab-pane, .product-detail-container .tab-content .tab-pane, .product-details .tab-content .tab-pane, div[id*=product-detail] .tab-content .tab-pane { box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0 !important; background: transparent !important; } #product-detail .tab-content #product-fullbody, .product-detail-container .tab-content #product-fullbody, .product-details .tab-content #product-fullbody, div[id*=product-detail] .tab-content #product-fullbody { padding: 0 !important; margin: 0 !important; } #product-detail .tab-content #product-fullbody img, .product-detail-container .tab-content #product-fullbody img, .product-details .tab-content #product-fullbody img, div[id*=product-detail] .tab-content #product-fullbody img { max-width: 100%; height: auto; } #product-detail .product-images, .product-detail-container .product-images, .product-details .product-images, div[id*=product-detail] .product-images { position: relative; } #product-detail .product-images .image-overlay-actions, .product-detail-container .product-images .image-overlay-actions, .product-details .product-images .image-overlay-actions, div[id*=product-detail] .product-images .image-overlay-actions { top: 14px !important; left: 14px !important; gap: 8px !important; } #product-detail .product-images .image-overlay-actions .overlay-action-btn, .product-detail-container .product-images .image-overlay-actions .overlay-action-btn, .product-details .product-images .image-overlay-actions .overlay-action-btn, div[id*=product-detail] .product-images .image-overlay-actions .overlay-action-btn { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid #e2e8f0 !important; border-radius: 20px !important; font-size: 12.5px !important; font-weight: 600 !important; color: #334155 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important; cursor: pointer !important; user-select: none !important; transition: all 0.2s ease-in-out !important; } #product-detail .product-images .image-overlay-actions .overlay-action-btn svg, #product-detail .product-images .image-overlay-actions .overlay-action-btn i, .product-detail-container .product-images .image-overlay-actions .overlay-action-btn svg, .product-detail-container .product-images .image-overlay-actions .overlay-action-btn i, .product-details .product-images .image-overlay-actions .overlay-action-btn svg, .product-details .product-images .image-overlay-actions .overlay-action-btn i, div[id*=product-detail] .product-images .image-overlay-actions .overlay-action-btn svg, div[id*=product-detail] .product-images .image-overlay-actions .overlay-action-btn i { color: var(--text-primary, #2D7A68) !important; flex-shrink: 0 !important; } #product-detail .product-images .image-overlay-actions .overlay-action-btn:hover, .product-detail-container .product-images .image-overlay-actions .overlay-action-btn:hover, .product-details .product-images .image-overlay-actions .overlay-action-btn:hover, div[id*=product-detail] .product-images .image-overlay-actions .overlay-action-btn:hover { background: #ffffff !important; border-color: var(--border-primary, #2D7A68) !important; color: var(--text-primary, #2D7A68) !important; box-shadow: 0 4px 12px rgba(45, 122, 104, 0.15) !important; transform: translateY(-1px) !important; } #product-detail .product-images .uk-slideshow, .product-detail-container .product-images .uk-slideshow, .product-details .product-images .uk-slideshow, div[id*=product-detail] .product-images .uk-slideshow { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } #product-detail .product-images .uk-slideshow-items, .product-detail-container .product-images .uk-slideshow-items, .product-details .product-images .uk-slideshow-items, div[id*=product-detail] .product-images .uk-slideshow-items { height: 380px !important; } @media (min-width: 768px) { #product-detail .product-images .uk-slideshow-items, .product-detail-container .product-images .uk-slideshow-items, .product-details .product-images .uk-slideshow-items, div[id*=product-detail] .product-images .uk-slideshow-items { height: 480px !important; } } @media (min-width: 1200px) { #product-detail .product-images .uk-slideshow-items, .product-detail-container .product-images .uk-slideshow-items, .product-details .product-images .uk-slideshow-items, div[id*=product-detail] .product-images .uk-slideshow-items { height: 520px !important; } } #product-detail .product-images .uk-card-footer.product-images-thumb, .product-detail-container .product-images .uk-card-footer.product-images-thumb, .product-details .product-images .uk-card-footer.product-images-thumb, div[id*=product-detail] .product-images .uk-card-footer.product-images-thumb { position: relative !important; border-top: 1px solid #f1f3f5; background: #ffffff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; padding-right: 24px; margin-top: auto !important; } #product-detail .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn, .product-detail-container .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn, .product-details .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn, div[id*=product-detail] .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; margin-top: 0 !important; width: 32px; height: 32px; background: #f8f9fa; border: 1px solid #ced4da; border-radius: 8px; color: #495057; z-index: 10; transition: all 0.2s ease; } #product-detail .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-left, .product-detail-container .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-left, .product-details .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-left, div[id*=product-detail] .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-left { left: 4px !important; } #product-detail .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-right, .product-detail-container .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-right, .product-details .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-right, div[id*=product-detail] .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn.uk-position-center-right { right: 4px !important; } #product-detail .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn:hover, .product-detail-container .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn:hover, .product-details .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn:hover, div[id*=product-detail] .product-images .uk-card-footer.product-images-thumb .thumb-nav-btn:hover { background: #e9ecef; color: var(--text-primary, #2D7A68); border-color: var(--border-primary, #2D7A68); } #product-detail .product-images .product-thumb-slider-list, .product-detail-container .product-images .product-thumb-slider-list, .product-details .product-images .product-thumb-slider-list, div[id*=product-detail] .product-images .product-thumb-slider-list { margin: 0 !important; } #product-detail .product-images .product-thumb-slider-list li, .product-detail-container .product-images .product-thumb-slider-list li, .product-details .product-images .product-thumb-slider-list li, div[id*=product-detail] .product-images .product-thumb-slider-list li { padding: 0 !important; } #product-detail .product-images .product-thumb-slider-list li .thumb-box, .product-detail-container .product-images .product-thumb-slider-list li .thumb-box, .product-details .product-images .product-thumb-slider-list li .thumb-box, div[id*=product-detail] .product-images .product-thumb-slider-list li .thumb-box { border: 2px solid #e9ecef; border-radius: 8px; padding: 4px; background: #ffffff; transition: all 0.2s ease-in-out; width: 64px; height: 64px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { #product-detail .product-images .product-thumb-slider-list li .thumb-box, .product-detail-container .product-images .product-thumb-slider-list li .thumb-box, .product-details .product-images .product-thumb-slider-list li .thumb-box, div[id*=product-detail] .product-images .product-thumb-slider-list li .thumb-box { width: 72px; height: 72px; padding: 4px; } } #product-detail .product-images .product-thumb-slider-list li .thumb-box img, .product-detail-container .product-images .product-thumb-slider-list li .thumb-box img, .product-details .product-images .product-thumb-slider-list li .thumb-box img, div[id*=product-detail] .product-images .product-thumb-slider-list li .thumb-box img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } #product-detail .product-images .product-thumb-slider-list li .thumb-box:hover, .product-detail-container .product-images .product-thumb-slider-list li .thumb-box:hover, .product-details .product-images .product-thumb-slider-list li .thumb-box:hover, div[id*=product-detail] .product-images .product-thumb-slider-list li .thumb-box:hover { border-color: var(--border-primary, #2D7A68) !important; opacity: 1 !important; } #product-detail .product-images .product-thumb-slider-list li.uk-slideshow-item-active > .thumb-box, #product-detail .product-images .product-thumb-slider-list li.uk-slideshow-item-active .thumb-box, .product-detail-container .product-images .product-thumb-slider-list li.uk-slideshow-item-active > .thumb-box, .product-details .product-images .product-thumb-slider-list li.uk-slideshow-item-active > .thumb-box, div[id*=product-detail] .product-images .product-thumb-slider-list li.uk-slideshow-item-active > .thumb-box, .product-thumb-slider-list li.uk-slideshow-item-active .thumb-box, .product-thumb-slider-list li .thumb-box.uk-slideshow-item-active, .product-thumb-slider-list .thumb-box.active, .product-thumb-slider-list li.uk-slideshow-item-active > .thumb-box { border: 2px solid var(--border-primary, #2D7A68) !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.18) !important; transform: translateY(-2px); opacity: 1 !important; } #product-detail #addToFavBtn, .product-detail-container #addToFavBtn, .product-details #addToFavBtn, div[id*=product-detail] #addToFavBtn { display: none !important; } #product-detail #product-right > div, .product-details #product-right > div { background: #ffffff; border: 1px solid #e9ecef; border-radius: 12px; } #product-detail #brand-title, .product-detail-container #brand-title, .product-details #brand-title, div[id*=product-detail] #brand-title { font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #6c757d; margin-bottom: 4px; font-weight: 600; } @media (min-width: 768px) { #product-detail #brand-title, .product-detail-container #brand-title, .product-details #brand-title, div[id*=product-detail] #brand-title { font-size: 15px; } } #product-detail #product-title, .product-detail-container #product-title, .product-details #product-title, div[id*=product-detail] #product-title { font-size: 20px; font-weight: 700; color: #212529; line-height: 1.3; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #f1f3f5; } @media (min-width: 768px) { #product-detail #product-title, .product-detail-container #product-title, .product-details #product-title, div[id*=product-detail] #product-title { font-size: 26px; } } #product-detail #product-title.product-title-structured, .product-detail-container #product-title.product-title-structured, .product-details #product-title.product-title-structured, div[id*=product-detail] #product-title.product-title-structured { font-size: inherit; font-weight: normal; } #product-detail #product-title.product-title-structured .desi-title-main, .product-detail-container #product-title.product-title-structured .desi-title-main, .product-details #product-title.product-title-structured .desi-title-main, div[id*=product-detail] #product-title.product-title-structured .desi-title-main { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; line-height: 1.25; margin-bottom: 6px; } #product-detail #product-title.product-title-structured .desi-title-main .desi-brand-prefix, .product-detail-container #product-title.product-title-structured .desi-title-main .desi-brand-prefix, .product-details #product-title.product-title-structured .desi-title-main .desi-brand-prefix, div[id*=product-detail] #product-title.product-title-structured .desi-title-main .desi-brand-prefix { color: var(--text-primary, #2D7A68); font-weight: 800; font-size: 22px; letter-spacing: 0.5px; } @media (min-width: 768px) { #product-detail #product-title.product-title-structured .desi-title-main .desi-brand-prefix, .product-detail-container #product-title.product-title-structured .desi-title-main .desi-brand-prefix, .product-details #product-title.product-title-structured .desi-title-main .desi-brand-prefix, div[id*=product-detail] #product-title.product-title-structured .desi-title-main .desi-brand-prefix { font-size: 28px; } } #product-detail #product-title.product-title-structured .desi-title-main .desi-model-name, .product-detail-container #product-title.product-title-structured .desi-title-main .desi-model-name, .product-details #product-title.product-title-structured .desi-title-main .desi-model-name, div[id*=product-detail] #product-title.product-title-structured .desi-title-main .desi-model-name { font-weight: 700; color: #0f172a; font-size: 20px; } @media (min-width: 768px) { #product-detail #product-title.product-title-structured .desi-title-main .desi-model-name, .product-detail-container #product-title.product-title-structured .desi-title-main .desi-model-name, .product-details #product-title.product-title-structured .desi-title-main .desi-model-name, div[id*=product-detail] #product-title.product-title-structured .desi-title-main .desi-model-name { font-size: 26px; } } #product-detail #product-title.product-title-structured .desi-title-rest, .product-detail-container #product-title.product-title-structured .desi-title-rest, .product-details #product-title.product-title-structured .desi-title-rest, div[id*=product-detail] #product-title.product-title-structured .desi-title-rest { font-weight: 400; color: #475569; font-size: 14px; line-height: 1.4; margin-top: 4px; } @media (min-width: 768px) { #product-detail #product-title.product-title-structured .desi-title-rest, .product-detail-container #product-title.product-title-structured .desi-title-rest, .product-details #product-title.product-title-structured .desi-title-rest, div[id*=product-detail] #product-title.product-title-structured .desi-title-rest { font-size: 15px; } } #product-detail #product-title .desi-title-rest-row, .product-detail-container #product-title .desi-title-rest-row, .product-details #product-title .desi-title-rest-row, div[id*=product-detail] #product-title .desi-title-rest-row { display: flex !important; flex-wrap: wrap !important; align-items: center !important; width: 100% !important; gap: 8px !important; margin-top: 6px !important; } /* === INLINE ADDON BADGE (SHOWCASE & CATALOG & DETAIL) === */ .desi-addon-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: rgba(45, 122, 104, 0.08) !important; border: 1px solid rgba(45, 122, 104, 0.22) !important; color: var(--text-primary, #2D7A68) !important; border-radius: 6px !important; padding: 2px 7px !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.01em !important; transition: all 0.2s ease !important; width: auto !important; max-width: 100% !important; } .desi-addon-badge .addon-plus { font-size: 12px !important; font-weight: 800 !important; color: var(--text-primary, #2D7A68) !important; } .desi-addon-badge .addon-name { color: #334155 !important; } .desi-addon-badge .addon-thumb, .desi-addon-badge img { display: none !important; } /* Aksesuarlar ve varyantlar listesi */ #product-detail .sub-product-list:has(.sub-one-related), .product-detail-container .sub-product-list:has(.sub-one-related), .product-details .sub-product-list:has(.sub-one-related), div[id*=product-detail] .sub-product-list:has(.sub-one-related) { display: block !important; } /* Alttaki ger?ek renk se?imi ba?l???n? d?zelt */ #product-detail .sub-product-list:has(.sub-two) .feature-title, .product-detail-container .sub-product-list:has(.sub-two) .feature-title, .product-details .sub-product-list:has(.sub-two) .feature-title, div[id*=product-detail] .sub-product-list:has(.sub-two) .feature-title { font-size: 13px !important; font-weight: 700 !important; color: #334155 !important; letter-spacing: 0.5px !important; margin-bottom: 10px !important; } #product-detail .product-short-desc, .product-detail-container .product-short-desc, .product-details .product-short-desc, div[id*=product-detail] .product-short-desc { font-size: 14px; line-height: 1.6; color: #495057; margin-top: 14px !important; margin-bottom: 20px !important; padding: 0 !important; background: transparent !important; border: none !important; display: block !important; } #product-detail .product-short-desc ul, #product-detail .product-short-desc ol, .product-detail-container .product-short-desc ul, .product-detail-container .product-short-desc ol, .product-details .product-short-desc ul, .product-details .product-short-desc ol, div[id*=product-detail] .product-short-desc ul, div[id*=product-detail] .product-short-desc ol { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } #product-detail .product-short-desc ul li, #product-detail .product-short-desc ol li, .product-detail-container .product-short-desc ul li, .product-detail-container .product-short-desc ol li, .product-details .product-short-desc ul li, .product-details .product-short-desc ol li, div[id*=product-detail] .product-short-desc ul li, div[id*=product-detail] .product-short-desc ol li { position: relative !important; display: flex !important; align-items: center !important; padding-left: 28px !important; font-size: 13.5px !important; font-weight: 500 !important; color: #334155 !important; line-height: 1.4 !important; } #product-detail .product-short-desc ul li::before, #product-detail .product-short-desc ol li::before, .product-detail-container .product-short-desc ul li::before, .product-detail-container .product-short-desc ol li::before, .product-details .product-short-desc ul li::before, .product-details .product-short-desc ol li::before, div[id*=product-detail] .product-short-desc ul li::before, div[id*=product-detail] .product-short-desc ol li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; background-color: rgba(45, 122, 104, 0.12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D7A68' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 11px 11px; } #product-detail .product-short-desc ul li > i:first-child, #product-detail .product-short-desc ul li > svg:first-child, #product-detail .product-short-desc ul li > span.icon:first-child { display: none !important; } #product-detail .product-short-desc .desi-features-list, .product-detail-container .product-short-desc .desi-features-list, .product-details .product-short-desc .desi-features-list, div[id*=product-detail] .product-short-desc .desi-features-list { display: flex !important; flex-direction: column !important; gap: 8px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #product-detail .product-short-desc .desi-feature-item, .product-detail-container .product-short-desc .desi-feature-item, .product-details .product-short-desc .desi-feature-item, div[id*=product-detail] .product-short-desc .desi-feature-item { display: flex !important; align-items: center !important; position: relative !important; padding-left: 28px !important; min-height: 22px !important; list-style: none !important; } #product-detail .product-short-desc .desi-feature-item::before, .product-detail-container .product-short-desc .desi-feature-item::before, .product-details .product-short-desc .desi-feature-item::before, div[id*=product-detail] .product-short-desc .desi-feature-item::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; background-color: rgba(45, 122, 104, 0.12); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D7A68' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 11px 11px; } #product-detail .product-short-desc .desi-feature-label, .product-detail-container .product-short-desc .desi-feature-label, .product-details .product-short-desc .desi-feature-label, div[id*=product-detail] .product-short-desc .desi-feature-label { display: inline-block !important; font-size: 13.5px !important; font-weight: 500 !important; color: #334155 !important; line-height: 1.4 !important; } #product-detail .product-short-desc p, .product-detail-container .product-short-desc p, .product-details .product-short-desc p, div[id*=product-detail] .product-short-desc p { margin-bottom: 6px; } #product-detail .product-short-desc p:last-child, .product-detail-container .product-short-desc p:last-child, .product-details .product-short-desc p:last-child, div[id*=product-detail] .product-short-desc p:last-child { margin-bottom: 0; } #product-detail .price-wrapper, .product-details .price-wrapper, .product-detail-container .price-wrapper, div[id*=product-detail] .price-wrapper { background: transparent !important; border: none !important; padding: 0 !important; margin-top: 4px !important; margin-bottom: 16px !important; gap: 12px; } #product-detail .price-wrapper .product-discounted-price, .product-detail-container .price-wrapper .product-discounted-price, .product-details .price-wrapper .product-discounted-price, div[id*=product-detail] .price-wrapper .product-discounted-price { color: #adb5bd; font-size: 16px; text-decoration: line-through; } #product-detail .price-wrapper .product-discounted-price .currency, .product-detail-container .price-wrapper .product-discounted-price .currency, .product-details .price-wrapper .product-discounted-price .currency, div[id*=product-detail] .price-wrapper .product-discounted-price .currency { font-size: 0.7em; font-weight: 500; } @media (min-width: 768px) { #product-detail .price-wrapper .product-discounted-price, .product-detail-container .price-wrapper .product-discounted-price, .product-details .price-wrapper .product-discounted-price, div[id*=product-detail] .price-wrapper .product-discounted-price { font-size: 18px; } } #product-detail .price-wrapper .product-current-price, .product-detail-container .price-wrapper .product-current-price, .product-details .price-wrapper .product-current-price, div[id*=product-detail] .price-wrapper .product-current-price { color: #0f172a !important; font-size: 28px; font-weight: 800; letter-spacing: -0.5px; } #product-detail .price-wrapper .product-current-price .currency, .product-detail-container .price-wrapper .product-current-price .currency, .product-details .price-wrapper .product-current-price .currency, div[id*=product-detail] .price-wrapper .product-current-price .currency { font-size: 0.6em; font-weight: 600; color: #475569 !important; margin-left: 4px; } @media (min-width: 768px) { #product-detail .price-wrapper .product-current-price, .product-detail-container .price-wrapper .product-current-price, .product-details .price-wrapper .product-current-price, div[id*=product-detail] .price-wrapper .product-current-price { font-size: 34px; } } #product-detail .variant-wrapper, .product-detail-container .variant-wrapper, .product-details .variant-wrapper, div[id*=product-detail] .variant-wrapper { background: transparent; border: none; padding: 0; margin-bottom: 20px; } #product-detail .variant-wrapper .feature-title, .product-detail-container .variant-wrapper .feature-title, .product-details .variant-wrapper .feature-title, div[id*=product-detail] .variant-wrapper .feature-title { font-size: 13px; font-weight: 700; color: #495057; letter-spacing: 0.5px; margin-bottom: 10px; } #product-detail .sub-product-list, .product-detail-container .sub-product-list, .product-details .sub-product-list, div[id*=product-detail] .sub-product-list { display: block !important; clear: both !important; width: 100% !important; margin-bottom: 16px !important; } #desi-moved-accessories, .desi-related-list { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; max-width: 480px !important; margin-top: 8px !important; margin-bottom: 16px !important; clear: both !important; } .desi-related-item { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 14px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; text-decoration: none !important; gap: 12px !important; width: 100% !important; box-sizing: border-box !important; transition: all 0.2s ease-in-out !important; } .desi-related-item:hover { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; } .desi-related-left { display: flex !important; align-items: center !important; gap: 12px !important; flex: 1 !important; min-width: 0 !important; } .desi-related-img { width: 44px !important; height: 44px !important; min-width: 44px !important; background: #ffffff !important; border: 1px solid #edf2f7 !important; border-radius: 6px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .desi-related-img img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; } .desi-related-title { font-size: 13.5px !important; font-weight: 600 !important; color: #1e293b !important; line-height: 1.35 !important; } #desi-moved-accessories > div { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; } #product-detail .sub-two, .product-detail-container .sub-two, .product-details .sub-two, div[id*=product-detail] .sub-two { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; margin-top: 8px !important; clear: both !important; } /* .sub-one-related kurallar? desi_package.css mod?l?ne ta??nm??t?r */ #product-detail .variant-wrapper .sub-image-item figure::before, #product-detail .variant-wrapper .sub-image-item figure::after, #product-detail .variant-wrapper .sub-image-item .image-wrapper::before, #product-detail .variant-wrapper .sub-image-item .image-wrapper::after, #product-detail .variant-wrapper .sub-image-item .image-inner::before, #product-detail .variant-wrapper .sub-image-item .image-inner::after, .product-detail-container .variant-wrapper .sub-image-item figure::before, .product-detail-container .variant-wrapper .sub-image-item figure::after, .product-detail-container .variant-wrapper .sub-image-item .image-wrapper::before, .product-detail-container .variant-wrapper .sub-image-item .image-wrapper::after, .product-detail-container .variant-wrapper .sub-image-item .image-inner::before, .product-detail-container .variant-wrapper .sub-image-item .image-inner::after, .product-details .variant-wrapper .sub-image-item figure::before, .product-details .variant-wrapper .sub-image-item figure::after, .product-details .variant-wrapper .sub-image-item .image-wrapper::before, .product-details .variant-wrapper .sub-image-item .image-wrapper::after, .product-details .variant-wrapper .sub-image-item .image-inner::before, .product-details .variant-wrapper .sub-image-item .image-inner::after, div[id*=product-detail] .variant-wrapper .sub-image-item figure::before, div[id*=product-detail] .variant-wrapper .sub-image-item figure::after, div[id*=product-detail] .variant-wrapper .sub-image-item .image-wrapper::before, div[id*=product-detail] .variant-wrapper .sub-image-item .image-wrapper::after, div[id*=product-detail] .variant-wrapper .sub-image-item .image-inner::before, div[id*=product-detail] .variant-wrapper .sub-image-item .image-inner::after { display: none !important; content: none !important; } #product-detail .variant-wrapper .sub-image-item.selected > figure::before, .product-detail-container .variant-wrapper .sub-image-item.selected > figure::before, .product-details .variant-wrapper .sub-image-item.selected > figure::before, div[id*=product-detail] .variant-wrapper .sub-image-item.selected > figure::before { display: none !important; content: none !important; } #product-detail .variant-wrapper .sub-image-item.passive, .product-detail-container .variant-wrapper .sub-image-item.passive, .product-details .variant-wrapper .sub-image-item.passive, div[id*=product-detail] .variant-wrapper .sub-image-item.passive { opacity: 0.4; filter: grayscale(100%); } #product-detail .variant-wrapper .sub-color-item, .product-detail-container .variant-wrapper .sub-color-item, .product-details .variant-wrapper .sub-color-item, div[id*=product-detail] .variant-wrapper .sub-color-item { padding: 4px; border: 2px solid #dee2e6; border-radius: 8px; transition: all 0.2s ease; } #product-detail .variant-wrapper .sub-color-item span, .product-detail-container .variant-wrapper .sub-color-item span, .product-details .variant-wrapper .sub-color-item span, div[id*=product-detail] .variant-wrapper .sub-color-item span { width: 26px; height: 26px; border-radius: 4px; } #product-detail .variant-wrapper .sub-color-item.selected, .product-detail-container .variant-wrapper .sub-color-item.selected, .product-details .variant-wrapper .sub-color-item.selected, div[id*=product-detail] .variant-wrapper .sub-color-item.selected { border-color: var(--border-primary, #2D7A68) !important; } #product-detail .variant-wrapper .sub-button-item, .product-detail-container .variant-wrapper .sub-button-item, .product-details .variant-wrapper .sub-button-item, div[id*=product-detail] .variant-wrapper .sub-button-item { color: #495057; font-size: 13px; font-weight: 600; border: 1px solid #ced4da; border-radius: 8px; padding: 8px 16px; background: #ffffff; transition: all 0.2s ease; cursor: pointer; text-decoration: none !important; } #product-detail .variant-wrapper .sub-button-item:hover, .product-detail-container .variant-wrapper .sub-button-item:hover, .product-details .variant-wrapper .sub-button-item:hover, div[id*=product-detail] .variant-wrapper .sub-button-item:hover { border-color: var(--border-primary, #2D7A68) !important; color: var(--text-primary, #2D7A68) !important; } #product-detail .variant-wrapper .sub-button-item.selected, .product-detail-container .variant-wrapper .sub-button-item.selected, .product-details .variant-wrapper .sub-button-item.selected, div[id*=product-detail] .variant-wrapper .sub-button-item.selected { border-color: var(--border-primary, #2D7A68) !important; background-color: var(--bg-primary, #2D7A68) !important; color: #ffffff !important; } #product-detail .variant-wrapper .sub-button-item.passive, .product-detail-container .variant-wrapper .sub-button-item.passive, .product-details .variant-wrapper .sub-button-item.passive, div[id*=product-detail] .variant-wrapper .sub-button-item.passive { opacity: 0.4; filter: grayscale(100%); cursor: not-allowed; } #product-detail .variant-wrapper .sub-button-item.passive span, .product-detail-container .variant-wrapper .sub-button-item.passive span, .product-details .variant-wrapper .sub-button-item.passive span, div[id*=product-detail] .variant-wrapper .sub-button-item.passive span { text-decoration: line-through; } #product-detail .variant-wrapper .sub-select-item, .product-detail-container .variant-wrapper .sub-select-item, .product-details .variant-wrapper .sub-select-item, div[id*=product-detail] .variant-wrapper .sub-select-item { border: 1px solid #ced4da; border-radius: 8px; height: 42px; } @media (min-width: 768px) { #product-detail .variant-wrapper .sub-select-item, .product-detail-container .variant-wrapper .sub-select-item, .product-details .variant-wrapper .sub-select-item, div[id*=product-detail] .variant-wrapper .sub-select-item { height: 48px; } } #product-detail .product-add-buttons, .product-detail-container .product-add-buttons, .product-details .product-add-buttons, div[id*=product-detail] .product-add-buttons { margin-top: 10px; } #product-detail .product-add-buttons #addToCartBtn, .product-detail-container .product-add-buttons #addToCartBtn, .product-details .product-add-buttons #addToCartBtn, div[id*=product-detail] .product-add-buttons #addToCartBtn { height: 44px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; gap: 10px !important; padding: 0 24px !important; background: var(--text-primary, #2D7A68) !important; border: none !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(45, 122, 104, 0.25) !important; transition: all 0.25s ease !important; cursor: pointer !important; } @media (min-width: 768px) { #product-detail .product-add-buttons #addToCartBtn, .product-detail-container .product-add-buttons #addToCartBtn, .product-details .product-add-buttons #addToCartBtn, div[id*=product-detail] .product-add-buttons #addToCartBtn { height: 52px !important; border-radius: 10px !important; } } #product-detail .product-add-buttons #addToCartBtn:hover, .product-detail-container .product-add-buttons #addToCartBtn:hover, .product-details .product-add-buttons #addToCartBtn:hover, div[id*=product-detail] .product-add-buttons #addToCartBtn:hover { background: #236354 !important; box-shadow: 0 6px 20px rgba(45, 122, 104, 0.35) !important; transform: translateY(-1px) !important; } #product-detail .product-add-buttons #addToCartBtn:active, .product-detail-container .product-add-buttons #addToCartBtn:active, .product-details .product-add-buttons #addToCartBtn:active, div[id*=product-detail] .product-add-buttons #addToCartBtn:active { transform: translateY(0) !important; } #product-detail .product-add-buttons #addToCartBtn [uk-icon], #product-detail .product-add-buttons #addToCartBtn svg, .product-detail-container .product-add-buttons #addToCartBtn [uk-icon], .product-detail-container .product-add-buttons #addToCartBtn svg, .product-details .product-add-buttons #addToCartBtn [uk-icon], .product-details .product-add-buttons #addToCartBtn svg, div[id*=product-detail] .product-add-buttons #addToCartBtn [uk-icon], div[id*=product-detail] .product-add-buttons #addToCartBtn svg { stroke-width: 2.2 !important; color: #ffffff !important; stroke: #ffffff !important; } #product-detail #product-multiple-discount, .product-detail-container #product-multiple-discount, .product-details #product-multiple-discount, div[id*=product-detail] #product-multiple-discount { margin-top: 16px !important; } #product-detail #product-multiple-discount > div, .product-detail-container #product-multiple-discount > div, .product-details #product-multiple-discount > div, div[id*=product-detail] #product-multiple-discount > div { border: 1px solid #e9ecef !important; border-radius: 10px !important; overflow: hidden; box-shadow: none !important; } #product-detail #product-multiple-discount .product-multiple-title, .product-detail-container #product-multiple-discount .product-multiple-title, .product-details #product-multiple-discount .product-multiple-title, div[id*=product-detail] #product-multiple-discount .product-multiple-title { background: #f8f9fa; font-size: 14px; font-weight: 700; color: #343a40; padding: 10px 14px !important; } #product-detail #product-multiple-discount .product-multiple-item.active, .product-detail-container #product-multiple-discount .product-multiple-item.active, .product-details #product-multiple-discount .product-multiple-item.active, div[id*=product-detail] #product-multiple-discount .product-multiple-item.active { background: var(--bg-primary, #2D7A68) !important; color: #ffffff !important; } #product-detail .product-buttons, .product-detail-container .product-buttons, .product-details .product-buttons, div[id*=product-detail] .product-buttons { margin-top: 16px; padding-top: 0; border-top: none; } #product-detail .product-buttons span, .product-detail-container .product-buttons span, .product-details .product-buttons span, div[id*=product-detail] .product-buttons span { font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; box-shadow: none !important; transition: all 0.2s ease; } #product-detail .product-buttons span:hover, .product-detail-container .product-buttons span:hover, .product-details .product-buttons span:hover, div[id*=product-detail] .product-buttons span:hover { background: #ffffff; border-color: var(--border-primary, #2D7A68); color: var(--text-primary, #2D7A68) !important; } #product-detail .product-buttons span i, .product-detail-container .product-buttons span i, .product-details .product-buttons span i, div[id*=product-detail] .product-buttons span i { margin-right: 4px; } #product-detail #product-detail-tab, .product-detail-container #product-detail-tab, .product-details #product-detail-tab, div[id*=product-detail] #product-detail-tab { justify-content: center !important; align-items: center; gap: 8px; overflow-x: auto; padding: 8px 4px; margin-bottom: 20px; border-bottom: 1px solid #e9ecef; } #product-detail #product-detail-tab li, .product-detail-container #product-detail-tab li, .product-details #product-detail-tab li, div[id*=product-detail] #product-detail-tab li { margin-right: 0 !important; } #product-detail #product-detail-tab li a, .product-detail-container #product-detail-tab li a, .product-details #product-detail-tab li a, div[id*=product-detail] #product-detail-tab li a { background-color: #f8f9fa !important; color: #495057 !important; font-weight: 600 !important; font-size: 14px !important; padding: 10px 22px !important; border: 1px solid #e9ecef !important; border-radius: 20px !important; transition: all 0.2s ease-in-out !important; white-space: nowrap !important; } #product-detail #product-detail-tab li a:hover, .product-detail-container #product-detail-tab li a:hover, .product-details #product-detail-tab li a:hover, div[id*=product-detail] #product-detail-tab li a:hover { background-color: #ffffff !important; border-color: var(--border-primary, #2D7A68) !important; color: var(--text-primary, #2D7A68) !important; } #product-detail #product-detail-tab li.active a, .product-detail-container #product-detail-tab li.active a, .product-details #product-detail-tab li.active a, div[id*=product-detail] #product-detail-tab li.active a { background-color: var(--bg-primary, #2D7A68) !important; color: #ffffff !important; border-color: var(--border-primary, #2D7A68) !important; } #product-detail .tag-btn, .product-detail-container .tag-btn, .product-details .tag-btn, div[id*=product-detail] .tag-btn { display: inline-flex !important; align-items: center; padding: 6px 14px !important; margin: 4px 4px !important; font-size: 13px !important; font-weight: 500 !important; color: #495057 !important; background: #f8f9fa !important; border: 1px solid #e9ecef !important; border-radius: 20px !important; text-decoration: none !important; transition: all 0.2s ease-in-out !important; } #product-detail .tag-btn:hover, .product-detail-container .tag-btn:hover, .product-details .tag-btn:hover, div[id*=product-detail] .tag-btn:hover { background: var(--bg-primary, #2D7A68) !important; color: #ffffff !important; border-color: var(--border-primary, #2D7A68) !important; } #product-detail .tag-btn + span, .product-detail-container .tag-btn + span, .product-details .tag-btn + span, div[id*=product-detail] .tag-btn + span { display: none !important; } /* === /PRODUCT DETAILS === */ /* THUMB-NAV-BTN LUCIDE / UIKIT ICON STYLING */ .thumb-nav-btn [uk-icon], .thumb-nav-btn svg { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; stroke: currentColor !important; width: 18px !important; height: 18px !important; } .thumb-nav-btn { display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .product-thumb-slider-list li.uk-slideshow-item-active .thumb-box, .product-thumb-slider-list .thumb-box.active { border: 2px solid var(--border-primary, #2D7A68) !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.22) !important; transform: translateY(-2px); opacity: 1 !important; } /* DESI RELATED & COMPATIBLE PRODUCTS LIST */ .desi-related-list { margin: 12px 0 16px 0 !important; } .desi-related-heading { font-size: 12.5px !important; font-weight: 700 !important; color: #334155 !important; letter-spacing: 0.5px !important; margin-bottom: 8px !important; text-transform: uppercase !important; } .desi-related-item { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; padding: 8px 12px !important; margin-bottom: 8px !important; transition: all 0.2s ease !important; text-decoration: none !important; gap: 12px !important; } .desi-related-item:hover { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important; } .desi-related-left { gap: 12px !important; flex: 1 !important; min-width: 0 !important; } .desi-related-img-box { width: 48px !important; height: 48px !important; min-width: 48px !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; background: #ffffff !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px !important; } .desi-related-img-box img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; } .desi-related-info { display: flex !important; flex-direction: column !important; min-width: 0 !important; } .desi-related-title { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; line-height: 1.4 !important; white-space: normal !important; word-break: break-word !important; transition: color 0.2s ease !important; } .desi-related-title:hover { color: var(--text-primary, #2D7A68) !important; } .desi-related-price { font-size: 12.5px !important; font-weight: 700 !important; color: var(--text-primary, #2D7A68) !important; margin-top: 2px !important; } .desi-related-actions { gap: 8px !important; } .desi-related-qty { display: inline-flex !important; align-items: center !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; background: #ffffff !important; overflow: hidden !important; height: 30px !important; } .desi-rel-qty-btn { width: 26px !important; height: 30px !important; background: #f1f5f9 !important; border: none !important; color: #475569 !important; font-weight: 700 !important; font-size: 14px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.15s !important; } .desi-rel-qty-btn:hover { background: #e2e8f0 !important; color: #1e293b !important; } .desi-rel-qty-inp { width: 28px !important; height: 30px !important; border: none !important; text-align: center !important; font-size: 12px !important; font-weight: 700 !important; color: #1e293b !important; background: transparent !important; padding: 0 !important; outline: none !important; -moz-appearance: textfield !important; } .desi-rel-qty-inp::-webkit-outer-spin-button, .desi-rel-qty-inp::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* T-SOFT COLOR SWATCH ENHANCEMENT: LABEL UNDER COLOR + SLICK RING (ONLY FOR ACTUAL COLORS) */ .sub-one .sub-color-item, .sub-two .sub-color-item[data-color-code]:not([data-color-code=""]), .sub-two .sub-color-item:has(span[style*="background-color: #"]) { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; padding: 3px !important; margin-right: 14px !important; margin-bottom: 8px !important; border: none !important; background: transparent !important; position: relative !important; cursor: pointer !important; gap: 6px !important; } .sub-one .sub-color-item span:first-child, .sub-two .sub-color-item[data-color-code]:not([data-color-code=""]) span:first-child, .sub-two .sub-color-item:has(span[style*="background-color: #"]) span:first-child { width: 32px !important; height: 32px !important; border-radius: 50% !important; display: block !important; border: 2px solid #ffffff !important; outline: 2px solid #e2e8f0 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important; box-sizing: border-box !important; } .sub-one .sub-color-item[data-type="Black"] span:first-child, .sub-one .sub-color-item[data-type="black"] span:first-child { background-color: #1e293b !important; } .sub-one .sub-color-item[data-type="Nickel"] span:first-child, .sub-one .sub-color-item[data-type="nickel"] span:first-child { background-color: #94a3b8 !important; } .sub-one .sub-color-item.selected span:first-child, .sub-one .sub-color-item.active span:first-child, .sub-two .sub-color-item.selected span:first-child, .sub-two .sub-color-item.active span:first-child { outline-color: var(--border-primary, #2D7A68) !important; outline-width: 2.5px !important; transform: scale(1.08) !important; } .sub-one .sub-color-item:hover span:first-child, .sub-two .sub-color-item:hover span:first-child { outline-color: var(--border-primary, #2D7A68) !important; transform: scale(1.05) !important; } .sub-one .sub-color-item .desi-color-name, .sub-two .sub-color-item .desi-color-name { font-size: 12.5px !important; font-weight: 600 !important; color: #475569 !important; line-height: 1.2 !important; transition: color 0.2s ease !important; } .sub-one .sub-color-item.selected .desi-color-name, .sub-one .sub-color-item.active .desi-color-name, .sub-two .sub-color-item.selected .desi-color-name, .sub-two .sub-color-item.active .desi-color-name { color: var(--text-primary, #2D7A68) !important; font-weight: 700 !important; } /* UIKIT PREMIUM SELECT DROPDOWN FOR CYLINDER SIZE & VARIANT-2 */ #product-detail .variant-wrapper .sub-select-item, .product-detail-container .variant-wrapper .sub-select-item, .product-details .variant-wrapper .sub-select-item, div[id*=product-detail] .variant-wrapper .sub-select-item, .sub-two select.sub-select-item { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; width: 100% !important; height: 46px !important; padding: 0 40px 0 16px !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; border: 1.5px solid #e2e8f0 !important; border-radius: 10px !important; color: #1e293b !important; font-size: 14px !important; font-weight: 500 !important; line-height: 46px !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; } #product-detail .variant-wrapper .sub-select-item:hover, .product-detail-container .variant-wrapper .sub-select-item:hover, .product-details .variant-wrapper .sub-select-item:hover, div[id*=product-detail] .variant-wrapper .sub-select-item:hover, .sub-two select.sub-select-item:hover { border-color: #cbd5e1 !important; background-color: #f8fafc !important; } #product-detail .variant-wrapper .sub-select-item:focus, .product-detail-container .variant-wrapper .sub-select-item:focus, .product-details .variant-wrapper .sub-select-item:focus, div[id*=product-detail] .variant-wrapper .sub-select-item:focus, .sub-two select.sub-select-item:focus { outline: none !important; border-color: var(--border-primary, #2D7A68) !important; box-shadow: 0 0 0 3px rgba(45, 122, 104, 0.15) !important; background-color: #ffffff !important; } .sub-two select.sub-select-item option { padding: 10px 14px !important; font-size: 14px !important; color: #1e293b !important; } /* COMPATIBLE ACCESSORIES & COMPLEMENTARY PRODUCTS */ #desi-complementary-section { margin-top: 18px !important; margin-bottom: 22px !important; } .desi-comp-heading { font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.6px !important; color: #475569 !important; margin-bottom: 8px !important; display: flex !important; align-items: center !important; gap: 6px !important; } .desi-comp-item { background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; padding: 10px 14px !important; margin-bottom: 8px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important; } .desi-comp-item:hover { background: #ffffff !important; border-color: #2D7A68 !important; box-shadow: 0 4px 12px rgba(45, 122, 104, 0.08) !important; transform: translateY(-1px) !important; } .desi-comp-left { gap: 12px !important; flex: 1 !important; min-width: 0 !important; } .desi-comp-img { width: 48px !important; height: 48px !important; min-width: 48px !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; padding: 2px !important; } .desi-comp-img img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; } .desi-comp-info { display: flex !important; flex-direction: column !important; min-width: 0 !important; } .desi-comp-title { font-size: 13px !important; font-weight: 600 !important; color: #0f172a !important; text-decoration: none !important; white-space: normal !important; word-break: break-word !important; line-height: 1.4 !important; transition: color 0.2s ease !important; } .desi-comp-title:hover { color: var(--text-primary, #2D7A68) !important; } .desi-comp-price { font-size: 13.5px !important; font-weight: 700 !important; color: #0f172a !important; margin-top: 3px !important; } .desi-comp-price .currency { color: #64748b !important; font-weight: 600 !important; } .desi-comp-add-btn { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 7px 16px !important; background: #ffffff !important; border: 1.5px solid #2D7A68 !important; color: #2D7A68 !important; font-size: 12.5px !important; font-weight: 700 !important; cursor: pointer !important; border-radius: 6px !important; transition: all 0.2s ease !important; } .desi-comp-add-btn:hover { background: #2D7A68 !important; border-color: #2D7A68 !important; color: #ffffff !important; } .desi-comp-add-btn.added, .desi-comp-add-btn.is-selected { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; } .desi-comp-add-btn.is-selected * { color: #ffffff !important; } .desi-package-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 11.5px !important; font-weight: 600 !important; color: #15803d !important; background: #dcfce7 !important; padding: 2px 8px !important; border-radius: 4px !important; margin-top: 3px !important; } .desi-comp-add-btn.is-selected:hover { background: #dc2626 !important; border-color: #dc2626 !important; color: #ffffff !important; } .desi-comp-add-btn.is-selected:hover * { color: #ffffff !important; } .desi-rel-uikit-card.is-selected { background: #f0fdf4 !important; border-color: #86efac !important; box-shadow: 0 4px 14px rgba(22, 163, 74, 0.12) !important; } .desi-package-summary-badge { display: inline-flex; align-items: center; gap: 6px; background: #e6f4ea; color: #1e7e34; font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 20px; margin-top: 6px; } /* ========================================================================== UIKIT NATIVE CARDS (Media Top & Media Left) ========================================================================== */ .desi-package-grid-wrap { max-width: 100% !important; margin-top: 6px !important; margin-bottom: 20px !important; } .desi-pkg-cards-grid { margin-top: 6px !important; } /* Section Headings (Package Includes & Compatible Accessories) */ .desi-section-heading { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 14px !important; margin-bottom: 12px !important; padding-bottom: 6px !important; border-bottom: 1px solid #f1f5f9 !important; } .desi-heading-bar { display: inline-block !important; width: 3.5px !important; height: 14px !important; background: #2D7A68 !important; border-radius: 4px !important; } .desi-heading-title { font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0.6px !important; color: #1e293b !important; line-height: 1 !important; } /* 1) PACKAGE INCLUDES: uk-card with header, body and footer */ .desi-pkg-uikit-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; text-decoration: none !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .desi-pkg-uikit-card:hover { border-color: #2D7A68 !important; box-shadow: 0 4px 16px rgba(45, 122, 104, 0.1) !important; transform: translateY(-2px) !important; } .desi-card-pkg-header { background: #f0fdf4 !important; border-bottom: 1px solid #dcfce7 !important; color: #15803d !important; font-size: 11.5px !important; font-weight: 700 !important; padding: 7px 6px !important; letter-spacing: 0.3px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .desi-card-pkg-header * { color: #15803d !important; } .desi-pkg-card-title { font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; color: #1e293b !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } .desi-pkg-uikit-card:hover .desi-pkg-card-title { color: #2D7A68 !important; } .desi-card-pkg-body { background: transparent !important; height: 125px !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .desi-card-pkg-body img { width: auto !important; height: 100% !important; max-width: 95% !important; max-height: 100% !important; object-fit: contain !important; transition: transform 0.25s ease !important; } .desi-pkg-uikit-card:hover .desi-card-pkg-body img { transform: scale(1.06) !important; } .desi-card-pkg-footer { background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; padding: 10px 8px 8px !important; min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 2) ACCESSORIES: uk-card with uk-card-media-left */ .desi-rel-uikit-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; overflow: hidden !important; margin-bottom: 10px !important; width: 100% !important; } .desi-rel-uikit-card:hover { border-color: #cbd5e1 !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important; } .desi-card-left-media { width: 84px !important; height: 84px !important; min-width: 84px !important; background: transparent !important; padding: 2px !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .desi-card-left-media a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } .desi-card-left-media img { width: auto !important; height: 100% !important; max-width: 95% !important; max-height: 100% !important; object-fit: contain !important; } .desi-card-actions { padding-left: 0 !important; } /* Cart Popup Modal Enhancements */ #modal-popup-cart, .t-modal { position: relative; } .desi-modal-close-x { position: absolute !important; top: 12px !important; right: 14px !important; width: 32px !important; height: 32px !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 20px !important; line-height: 1 !important; color: #475569 !important; cursor: pointer !important; transition: all 0.2s ease !important; z-index: 1000 !important; padding: 0 !important; } .desi-modal-close-x:hover { background: #e2e8f0 !important; color: #0f172a !important; transform: scale(1.06) !important; } #popup-cart a.desi-continue-btn { background: #f8fafc !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; box-shadow: none !important; font-weight: 600 !important; transition: all 0.2s ease !important; } #popup-cart a.desi-continue-btn:hover { background: #e2e8f0 !important; color: #0f172a !important; border-color: #94a3b8 !important; } /* ========================================== BUNDLE: desi_package.css ========================================== */ /* ========================================================================== DESI PACKAGE COMPONENT (UIkit Native Card Integration) ========================================================================== */ /* Paket i?erisindeki ana ?r?n? gizle */ .sub-one-related .sub-image-item.is-current-product, .sub-one-related .sub-image-item[href="javascript:void(0);"] { display: none !important; } /* UIkit card-hover ve ge?i? deste?i */ .sub-one-related .sub-image-item { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .sub-one-related .sub-image-item:hover { border-color: #2D7A68 !important; box-shadow: 0 4px 14px rgba(45, 122, 104, 0.08) !important; transform: translateY(-1px) !important; }