/* ===== Bootstrap 5.0.2 ayıklanmış — 2. yarı (1. yarı bootstrap.css'te; güvenlik duvarı tek dosyada engelliyor) ===== */ .btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)} .btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb} .btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)} .btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa} .btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem} .btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem} .fade{transition:opacity .15s linear} @media (prefers-reduced-motion:reduce){.fade{transition:none}} .fade:not(.show){opacity:0} .collapse:not(.show){display:none} .collapsing{height:0;overflow:hidden;transition:height .35s ease} @media (prefers-reduced-motion:reduce){.collapsing{transition:none}} .dropdown,.dropend,.dropstart,.dropup{position:relative} .dropdown-toggle{white-space:nowrap} .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent} .dropdown-toggle:empty::after{margin-left:0} .dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem} .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem} .dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent} .dropup .dropdown-toggle:empty::after{margin-left:0} .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem} .dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid} .dropend .dropdown-toggle:empty::after{margin-left:0} .dropend .dropdown-toggle::after{vertical-align:0} .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem} .dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""} .dropstart .dropdown-toggle::after{display:none} .dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent} .dropstart .dropdown-toggle:empty::after{margin-left:0} .dropstart .dropdown-toggle::before{vertical-align:0} .dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0} .dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef} .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd} .dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent} .dropdown-menu.show{display:block} .btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto} .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1} .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px} .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0} .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n/**/+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0} .btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%} .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px} .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0} .nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none} .nav-link{display:block;padding:.5rem 1rem;text-decoration:none;} @media (prefers-reduced-motion:reduce){.nav-link{transition:none}} .nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default} .nav-pills .nav-link{background:0 0;border:0;} .nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color: #ccff00;} .tab-content>.tab-pane{display:none} .tab-content>.active{display:block} .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem} .navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between} .navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none} .navbar-nav .nav-link{padding-right:0;padding-left:0} .navbar-nav .dropdown-menu{position:static} .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem} .card>hr{margin-right:0;margin-left:0} .card-body{flex:1 1 auto;padding:1rem 1rem} .card-title{margin-bottom:.5rem} .card-header{padding:.5rem 1rem;margin-bottom:0;} .card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)} .card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)} .pagination{display:flex;padding-left:0;list-style:none} .page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce){.page-link{transition:none}} .page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6} .page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)} .page-item:not(:first-child) .page-link{margin-left:-1px} .page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd} .page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6} .page-link{padding:.375rem .75rem} .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#000;background-color:#ccff00 !important;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem} .badge:empty{display:none} .btn .badge{position:relative;top:-1px} .alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem} .alert-dismissible{padding-right:3rem} .alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem} .alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc} .alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb} .alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5} .alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7} @-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}} .progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem} .btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5} .btn-close:hover{color:#000;text-decoration:none;opacity:.75} .btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1} .btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25} .modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0} .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none} .modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)} @media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}} .modal.show .modal-dialog{transform:none} .modal.modal-static .modal-dialog{transform:scale(1.02)} .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)} .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0} .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000} .modal-backdrop.fade{opacity:0} .modal-backdrop.show{opacity:.5} .modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)} .modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto} .modal-title{margin-bottom:0;line-height:1.5} .modal-body{position:relative;flex:1 1 auto;padding:1rem} .modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)} .modal-footer>*{margin:.25rem} @media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}} .tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0} .tooltip.show{opacity:.9} .tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem} .tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid} .bs-tooltip-top{padding:.4rem 0} .bs-tooltip-top .tooltip-arrow{bottom:0} .bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000} .bs-tooltip-bottom{padding:.4rem 0} .bs-tooltip-bottom .tooltip-arrow{top:0} .bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000} .tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem} .popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem} .carousel{position:relative} .carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out} @media (prefers-reduced-motion:reduce){.carousel-item{transition:none}} .carousel-item.active{display:block} .carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none} .carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease} @media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}} .carousel-indicators .active{opacity:1} @-webkit-keyframes spinner-border{to{transform:rotate(360deg)}} @keyframes spinner-border{to{transform:rotate(360deg)}} .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border} @-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.spinner-border{-webkit-animation-duration:1.5s;animation-duration:1.5s}} .ratio{position:relative;width:100%} .ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""} .ratio>*{position:absolute;top:0;left:0;width:100%;height:100%} .align-middle{vertical-align:middle!important} .float-end{float:right!important} .d-flex{display:flex!important} .d-none{display:none!important} .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important} .top-100{top:100%!important} .border{border:1px solid #dee2e6!important} .border-bottom{border-bottom:1px solid #dee2e6!important} .flex-wrap{flex-wrap:wrap!important} .justify-content-end{justify-content:flex-end!important} .justify-content-center{justify-content:center!important} .justify-content-between{justify-content:space-between!important} .align-items-start{align-items:flex-start!important} .align-items-center{align-items:center!important} .order-1{order:1!important} .order-2{order:2!important} .m-auto{margin:auto!important} .mx-1{margin-right:.25rem!important;margin-left:.25rem!important} .mt-1{margin-top:.25rem!important} .mt-2{margin-top:.5rem!important} .mt-3{margin-top:1rem!important} .mt-4{margin-top:1.5rem!important} .mt-5{margin-top:3rem!important} .me-2{margin-right:.5rem!important} .me-3{margin-right:1rem!important} .mb-0{margin-bottom:0!important} .mb-1{margin-bottom:.25rem!important} .mb-2{margin-bottom:.5rem!important} .mb-3{margin-bottom:1rem!important} .mb-4{margin-bottom:1.5rem!important} .ms-2{margin-left:.5rem!important} .ms-auto{margin-left:auto!important} .p-1{padding:.25rem!important} .p-2{padding:.5rem!important} .pt-1{padding-top:.25rem!important} .pt-2{padding-top:.5rem!important} .pt-3{padding-top:1rem!important} .pb-2{padding-bottom:.5rem!important} .pb-3{padding-bottom:1rem!important} .fw-bold{font-weight:700!important} .text-center{text-align:center!important} .text-nowrap{white-space:nowrap!important} .text-primary{color:#0d6efd!important} .text-secondary{color:#6c757d!important} .text-success{color:#198754!important} .text-danger{color:#dc3545!important} .bg-primary{background-color:#0d6efd!important} .bg-secondary{background-color:#6c757d!important} .rounded{border-radius:.25rem!important} .rounded-pill{border-radius:50rem!important} .visible{visibility:visible!important} .invisible{visibility:hidden!important} @media (min-width:576px){.d-sm-block{display:block!important}} @media (min-width:768px){.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-none{display:none!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.mt-md-0{margin-top:0!important}.mb-md-0{margin-bottom:0!important}.ms-md-2{margin-left:.5rem!important}.pt-md-0{padding-top:0!important}} @media (min-width:992px){.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.mt-lg-0{margin-top:0!important}.mb-lg-0{margin-bottom:0!important}.ms-lg-auto{margin-left:auto!important}} @media (min-width:1400px){.d-xxl-none{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ /* Table of Contents -------------------------------------------------- - Fonts - Global Styles - Utility Colors - Base Component Styles - Container Styles - App Content Styles - Button Styles - Link Styles - Card Styles - Font Weight Utilities - Form Control Styles - Header Styles - Bottom Menu Styles - Small Header Styles - Menu Button Styles - Bottom Menu Close Button Styles - Header Right Buttons Styles - Navigation Menu Styles - Home Page Specific Styles - Home Head Styles - Home Login Styles - Home Input Styles - Home Section Title Styles - Home Section Styles - Home Card Styles (card-hobo) - SIGN IN NEW DESIGN START - - Styles for Signed in Part - Dashboard Root Styles - Sidebar Toggle Styles - Sidebar Styles - Dashboard Header Styles (d-header) - Dashboard Dropdown Styles (d-dropdown) - Dashboard Head Wrapper Styles - Dashboard Category Styles (d-cat-row, d-cat-title, d-cat-btn) - New Order Navigation Styles (nav-new-order) - New Order Service Display Styles (no-serds) - NEW ORDER PAGE STARTS - - SERVICES PAGE STARTS - Search Services Styles - Service Row/Column Styles (s-row, s-col) - Services Wrapper Styles - Service Item Styles - Service Page Specific Text Styles (sp-serv-title, sp-serv-sm) - Order Link/Chip Styles (orlc) - Service Page Card Styles (sp-services .card) - ADD FUNDS PAGE STARTS - Add Funds Text Styles (af-text) - Add Funds Navigation Styles (af-nav, af-nav-pay) - Add Funds Payment Method Styles (af-pm-title, af-pm-about, af-pm-text, af-pm-img) - Add Funds Placeholder Styles (af-ph) - ORDERS PAGE STARTS - Orders Navigation Styles (orders-nav-wrapper, orders-nav) - Order Page Search Box Styles (op-search-box) - Order Page Card Styles (op-card) - Order Page Stats Styles (op-stats) - Order Page Service Title Styles (op-service-title) - Order Page Date Styles (op-date) - Order Page Item Styles (op-item) - REFUNDS PAGE STARTS - - SUPPORT TICKET PAGE START - Support Card Ticket Styles (sc-ticket-card) - Support Details Header Styles (sd-head, sd-back, sd-tid) - Ticket Details Title Styles (tc-tdet-title, tc-tick-id, tc-ti-title, tc-ti-text) - Ticket Info Box Styles (card.tc-ti-box) - Ticket Message Block Styles - Support Chat Styles (schat-body, schat-msg-input) - RESELLER PANEL ORDER PAGE STARTS - Child Panel DNS Styles (cp-sns-title, cp-sns-dns) - Child Panel Top Styles (cp-top) - Child Panel Exclamation Styles (cp-exclamation) - Accordion Styles (aq) - MASS ORDER ORDER PAGE STARTS - - EAR PRIZE PAGE - - AFFILIATES PAGE START - Affiliate Page Text Styles (afp-ftext, afp-top) - Affiliate Item Styles (aft-item) - Affiliate Box Styles (aft-box-row, aft-box) - ACCOUNT PAGE START - Account User Info Styles (acc-user) - Account Card Left Styles (acc-card-left) - Account API Key Styles (acc-api) - BLOGS PAGE STARTS - Blog Page Head Styles - Blog Post Card Styles (card-blog) - Blog Border Styles - Blog Share Styles - BLOG INSIDE STARTS - Blog Inside Head Styles (bi-head-wrapper, bi-head-box) - Blog Inside Service Category Styles - Blog Inside Content Styles (bi-content) - Blog Inside Share Section Styles - API Page Styles - API Page Title & Text Styles - API Section Styles - Register Page Styles - Custom Select Dropdown Styles (actulus) - Select Container Styles - Select Button Styles - Select Options Styles - Search Input Styles (within select) - Modal Styles - Ticket Response Alert Styles - Pagination Styles - Bootstrap Datetimepicker Widget Styles - Order Page Card Bottom (Mobile) Styles - Mobile Bottom Fixed Navbar Styles - Table Styles (General Override) - Icon & Span Helper Styles - Truncated Text Style (sctx-text) - Agreement Margin Style (agr) - Neutral Order Stat Style (op-stats.neutral) - Badge Styles (badge-dangers, badge-primarys, badge-warnings, badge-infos) - EK CSS BAŞLANGIÇ (Additional Custom Styles) - Sign in Design By SGadget - MODERN FOOTER STYLES - ACCORDION BASED - Payment Icons Part - Carousel Styles (Bootstrap Overrides) - Sign-in How-to-Use Section - SwiperJS Styles - Payment Icons Resizer - Randomly Icons Part Renew - Fixed M/XL Frame - Hider of Web Part in Mobile - Web Part Icons (Left & Right Side Icons with Animations) - Shaker Frames (Keyframes for Animations) - Sign-in Lets Start Part Mobile Icons Hider & Style - Blog Page Reback Button (Responsive) - Sign-in 360 Rotate Bird and Ferries (Animations) - Ana Sayfadaki Sign In Button Webden Kaldırır (Hides Sign-in Button on Web for specific page) - CUSTOMER VİDEO Styles - Blue Tick, Famous PP, Famous Platforms, Famous Category - Landing Page Style - Welcoming Section - Priced Services in Boxes (Edition, Fillbar, Saving Rate, etc.) - Comment Box Styles - Background Specific Lighting Effects - Landing How-to Section - Informative Scroll Sections - Landing Advantages Section - Direction Trial Part Box - Free Trial Timer/Input/Completed Styles - Countdown Timer Styles - Provider Section Styles - Dosya Kutu (File Box) - SEO Table - Famous Image Thumb Mobile - Packages Part - Landing Famous Nav Card - Famous Detail Mobile -------------------------------------------------- */ /* Fonts */ /* ============================================================================= Design System - CSS Custom Properties ============================================================================= */ :root{ /* Colors ========================================================================= */ --bg_secondary: #222737; --font: "THICCCBOI"; /* Primary Brand Colors */ --color-primary: #ff5000; --color-primary-dark: #8fb302; --color-primary-light: #ff500020; --color-primary-alpha-20: #ff500020; --color-primary-alpha-50: #ff500080; --color-primary-alpha-70: #ff5000b3; --color-primary-shadow: #ff50007d; /* Dark Theme Colors */ --color-dark-bg: #222737; --color-dark-bg-lighter: #252c3b; --color-dark-bg-card: #2c3645; --color-dark-bg-form: #2e384c; --color-dark-bg-secondary: #293142; --color-dark-border: #2a3f4e; --color-dark-border-light: #38445d; --color-dark-border-lighter: #3c4154; --color-dark-text: #929cb7; --color-dark-text-light: #72879d; --color-dark-text-lighter: #797d89; /* Neutral Colors */ --color-white: #ffffff; --color-white-pure: #fff; --color-black: #000000; --color-black-pure: #000; --color-transparent: transparent; /* State Colors */ --color-success: #42c051; --color-danger: #ee5b5b; --color-danger-dark: #ad4747; --color-warning: #ffc107; --color-info: #3792ef; /* Social Media Colors */ --color-facebook: #3792ef; --color-tiktok: #ff5700; --color-reddit: #ff5700; --color-instagram: #ff0064; --color-youtube: #3892ee; --color-twitter: #3892ee; --color-spotify: #00ff07; --color-telegram: #3792ef; /* Typography ========================================================================= */ /* Font Sizes */ --font-size-xs: 10px; --font-size-sm: 12px; --font-size-base: 14px; --font-size-md: 16px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 24px; --font-size-3xl: 28px; --font-size-4xl: 32px; --font-size-5xl: 40px; --font-size-6xl: 45px; --font-size-7xl: 50px; /* Font Weights */ --font-weight-thin: 100; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; /* Spacing ========================================================================= */ /* Padding & Margin Scale */ --space-0: 0px; --space-1: 3px; --space-2: 5px; --space-3: 6px; --space-4: 8px; --space-5: 10px; --space-6: 12px; --space-7: 14px; --space-8: 15px; --space-9: 16px; --space-10: 18px; --space-12: 20px; --space-14: 24px; --space-16: 28px; --space-18: 30px; --space-20: 32px; --space-24: 40px; --space-28: 45px; --space-32: 50px; --space-40: 60px; --space-48: 70px; --space-56: 80px; --space-64: 100px; --space-80: 110px; --space-96: 120px; /* Border Radius ========================================================================= */ --radius-none: 0px; --radius-xs: 3px; --radius-sm: 4px; --radius-base: 7px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 12px; --radius-2xl: 14px; --radius-3xl: 15px; --radius-4xl: 20px; --radius-5xl: 24px; --radius-6xl: 25px; --radius-7xl: 30px; --radius-8xl: 35px; --radius-full: 50px; --radius-round: 100px; /* Shadows ========================================================================= */ --shadow-sm: 0px 0px 5px rgba(204, 255, 0, 0.3); --shadow-md: 0px 0px 10px rgba(204, 255, 0, 0.4); --shadow-lg: 0px 0px 15px rgba(204, 255, 0, 0.5); --shadow-primary: 0px 0px 5px var(--color-primary); --shadow-primary-focus: 0 0 0 0.25rem var(--color-primary-shadow); --shadow-danger-focus: 0 0 0 0.25rem var(--color-danger-dark); --shadow-white: 0px 0px 10px #fff; /* Z-Index Scale ========================================================================= */ --z-index-dropdown: 1000; --z-index-sticky: 1020; --z-index-fixed: 1030; --z-index-modal-backdrop: 1040; --z-index-modal: 1050; --z-index-popover: 1060; --z-index-tooltip: 1070; /* Transitions ========================================================================= */ --transition-fast: 0.15s ease; --transition-base: 0.3s ease; --transition-slow: 0.5s ease; --transition-all: all 0.3s ease; /* Breakpoints (for reference in media queries) ========================================================================= */ --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; /* Component Specific Variables ========================================================================= */ /* Button Heights */ --button-height-sm: 32px; --button-height-md: 40px; --button-height-lg: 48px; /* Input Heights */ --input-height-sm: 32px; --input-height-md: 40px; --input-height-lg: 48px; /* Icon Sizes */ --icon-size-xs: 12px; --icon-size-sm: 16px; --icon-size-md: 20px; --icon-size-lg: 24px; --icon-size-xl: 32px; --icon-size-2xl: 40px; --icon-size-3xl: 48px; /* Container Widths */ --container-sm: 540px; --container-md: 720px; --container-lg: 960px; --container-xl: 1140px; --container-xxl: 1320px; } /* ============================================================================= End Design System ============================================================================= */ /* Global Styles */ body,html{ font-family: "THICCCBOI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 16px; color: #080808; } body{ background-color: #fff; width: 100%; overflow-x: hidden; } body.stop-body{ overflow: hidden; } .dev-mode{ display: none !important; opacity: 0 !important; z-index: -3 !important; transform: translate(-200%, -200%) scale(0); } @media (min-width: 992px) and (max-width: 1500px){html{ zoom: 0.8; }} @media (min-width: 992px){.container-fluid{ padding: 0 30px; }} @media (min-width: 1200px){.container-fluid{ padding: 0 40px; }} @media (min-width: 1400px){.container-fluid{ padding: 0 50px; }} /* Utility Colors */ .p-color{ color: #ff5000 !important; } .s-color{ color: #ff5000 !important; } .i-color{ color: #ff5000 !important; } .w-color{ color: #ff5000 !important; } .d-color{ color: #ff5000 !important; } /* Base Component Styles */ .alert{ font-weight: 500; border: none; outline: none; border-radius: 15px !important; } /* Container Styles */ .container{ max-width: 1200px; } /* default = mobil (full width) */ /* desktop'ta tekrar container gibi davran */ /* App Content Styles */ .app-content{ padding-top: 150px; min-height: 100vh; } @media (max-width: 991px){.app-content{ padding-bottom: 0; padding-top: 80px; }} /* Button Styles */ .btn{ border: none; color: #fff; font-weight: 600; font-size: 16px; line-height: 18px; color: #ffffff; padding: 16px 20px; transition: transform 0.3s ease; } .btn.btn-block{ width: 100%; display: block; } .btn.btn-sm{ padding: 12px 16px; border-radius: 8px !important; } @media (min-width: 992px){.btn.btn-sm{ padding: 10px 10px; border-radius: 12px !important; }} /* @media (min-width: 992px) { .btn { padding: 18px 25px; } } */ .btn.btn-primary{ background: #fff; border: 1px solid #ff5000; border-radius: 15px; color: #ff5000; } .btn.btn-primary:hover{ box-shadow: 0px 0px 5px #ff5000; } .btn.btn-primary.btn-border{ border: 1px solid #ff5000; box-shadow: none; color: #000; } .btn.btn-primary:focus,.btn.btn-primary:active{ box-shadow: 0 0 0 0.25rem #ff50007d; } .btn.btn-default{ background: #ee5b5b; border-radius: 15px; color: #fff; } .btn.btn-default:hover{ background: #ad4747; } .btn.btn-default.btn-border{ border: 1px solid #ad4747; box-shadow: none; color: black; } .btn.btn-default.btn-border:hover{ background: #ad4747; } .btn.btn-default:focus,.btn.btn-default:active{ box-shadow: 0 0 0 0.25rem #ad4747; } .btn.btn-secondary{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; border-radius: 15px; color: #fff; } .btn.btn-secondary:hover{ background: #ff5000d1; } .btn.btn-dns{ background: #ff5000; border-radius: 15px; color: #fff; } .btn.btn-dns:hover{ background: #ff5000d1; } .btn.btn-secondary.btn-border{ background: #ff5000; border: 3px solid #ff5000; box-shadow: 0px 0px 5px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); color: black; } .btn.btn-secondary.btn-border:hover{ background: #ff5000d1; color: black; } .btn.btn-secondary:focus,.btn.btn-secondary:active{ box-shadow: 0 0 0 0.15rem #ff5000; } .btn .icon{ display: inline-flex; align-items: center; justify-content: center; } /* Link Styles */ a{ color: #ff5000; text-decoration: none; transition: 0.14s ease; } /* Card Styles */ .card{ background: #ffffff; border-radius: 15px; padding: 20px; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 991px){.card{ padding: 0px; }} .card-border{ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .card .card-title{ font-weight: 600; font-size: 19px; line-height: 22px; margin-bottom: 0; } .card .card-head-text{ padding-top: 4px; font-size: 16px; line-height: 22px; color: #72879d; margin-bottom: 0px; } /* Font Weight Utilities */ .fw-600{ font-weight: 600; } /* Form Control Styles */ .form-control,.form-select{ box-sizing: border-box; border-radius: 22px; font-weight: 600; font-size: 16px; height: 48px; /* line-height: 18px; */ padding: 10px 25px 10px 20px; background: transparent; border: 1px solid #E5E7E9; color: #080808; } .form-control:read-only{ background: transparent; border: 1px solid #E5E7E9; color: #080808; } .form-control:focus,.form-select:focus{ outline: none; background: transparent; border: 1px solid #E5E7E9; color: #080808; border: 1px solid #B3BBC9; } .form-control:disabled,.form-select:disabled{ background: transparent; border: 1px solid #E5E7E9; color: #080808; cursor: not-allowed; } .form-select{ position: relative; } .form-select::after{ content: ""; position: absolute; display: block; color: #fff; width: 100px; height: 100px; } /* Header Styles */ .header{ position: fixed; top: 0px; background-color: transparent; width: 100%; z-index: 1030; transition: 0.14s ease; } .header.fixed{ background-color: #fff; border-bottom: 1px solid #dddddd; } @media (min-width: 992px){.header.fixed{ backdrop-filter: blur(30px); }.header.fixed .nmenu .nmenu-item .nmenu-link{ padding: 20px 20px; }} /* Bottom Menu Styles */ .b-menu-wrapper{ display: block; position: fixed; bottom: -1px; left: -1px; width: calc(100% + 2px); border-radius: 30px 30px 0 0; padding: 24px 10px; max-height: calc(100vh - 90px); overflow-y: scroll; transition: 0.14s ease; transform: translateY(101%); opacity: 0.4; background: #fff; border-top: 1px solid #dddddd; } .b-menu-wrapper.active{ transform: translateY(0); opacity: 1; } @media (min-width: 992px){.b-menu-wrapper{ display: block; bottom: inherit; position: relative; border-radius: 0; padding: 0; width: 100%; transform: none; overflow: inherit; opacity: 1 !important; }} /* Small Header Styles */ .sm-header{ display: block; padding: 5px 0; transition: 0.14s ease; } @media (min-width: 992px){.sm-header{ display: none; }} /* Menu Button Styles */ .menu-btn{ height: 48px; width: 48px; border-radius: 10px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; outline: none; border: none; font-size: 20px; display: flex; align-items: center; justify-content: center; } /* Bottom Menu Close Button Styles */ .b-menu-close{ height: 48px; width: 48px; border-radius: 24px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; outline: none; border: none; font-size: 20px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; z-index: 2000; } @media (min-width: 992px){.b-menu-close{ display: none; }} /* Header Right Buttons Styles */ .head-right-btns{ width: 100%; display: block; margin-bottom: 20px; } @media (min-width: 992px){.head-right-btns{ display: inline; }} /* Navigation Menu Styles */ .nmenu{ display: flex; flex-direction: column; list-style: none; margin: 0; gap: 10px; padding: 10px 0 20px 0; } @media (min-width: 992px){.nmenu{ display: inline-flex; align-items: center; flex-direction: row; padding: 10px 0 0 0; }} .nmenu .nmenu-item{ position: relative; display: flex; justify-content: flex-start; } .nmenu .nmenu-item .nmenu-link{ font-weight: 500; font-size: 16px; line-height: 125%; color: #080808; opacity: 0.4; padding: 7px 20px; transition: 0.14s ease; text-decoration: none; display: inline-block; text-align: left; } @media (min-width: 992px){.nmenu .nmenu-item .nmenu-link{ padding: 48px 20px; display: block; font-size: 16px; }.nmenu .nmenu-item .nmenu-link::before{ display: block; background-color: #ff5000 !important; }} .nmenu .nmenu-item .nmenu-link::before{ content: ""; position: absolute; bottom: 0px; left: 20px; right: 20px; height: 3px; opacity: 0; background-color: transparent; } .nmenu .nmenu-item .nmenu-link:hover{ color: #ff5000; opacity: 0.8; } .nmenu .nmenu-item .nmenu-link.active{ opacity: 1; color: #ff5000; font-weight: 700; } .nmenu .nmenu-item .nmenu-link.active::before{ opacity: 0; } /* ========================= Home Page Specific Styles ========================= */ /* Reset Password Page Specific Styles */ .register-page::before{ background-image: none !important; } /* Home Head Styles */ .home-head{ margin-top: -50px; padding-top: 86px; position: relative; z-index: 9; } @media (min-width: 992px){.home-head{ margin-top: -150px; padding-top: 127px; }} .home-head .home-head-content{ position: relative; z-index: 5; padding: 40px 0 0 0; } @media (min-width: 992px){.home-head .home-head-content{ padding: 60px 0 0 0; }} .hh-title{ font-weight: bold; font-size: 30px; line-height: 38px; letter-spacing: -0.03em; color: #080808; text-align: center; } .hh-title span{ position: relative; color: #ff5000; text-shadow:0px 0px 7px #ff50004d; position: relative; background: #ff5000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hh-text{ font-size: 14px; line-height: 25px; color: #797d89; justify-content: center; } /* Home Login Styles */ /* Home Input Styles */ .home-input{ background: #ffffff; border: 1px solid #E5E7E9; border-radius: 15px; font-size: 14px; line-height: 17px; color: #929cb7; display: flex; align-items: center; height: 56px; overflow: hidden; } @media (min-width: 992px){.home-input{ height: 56px; }} .home-input:focus-within{ box-shadow: 0 0 0 0.1rem #ff500070; } .home-input .icon{ width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; font-size: 29px; } .home-input input,.home-input select{ font-weight: 600; color: #929cb7; border: none; outline: none; background-color: transparent; height: 76px; flex: 1; color: #929cb7 !important; } .home-input input::placeholder,.home-input select::placeholder{ color: #929cb7; } .home-input input:focus,.home-input select:focus{ color: #929cb7; } .lg-btn{ padding: 16px 10px; } @media (min-width: 992px){.lg-btn{ padding: 24px 10px; }} /* -------------------------- Home Section Title Styles -------------------------- */ .home-title{ text-align: center; margin-bottom: 2rem; } @media (min-width: 991px){.home-title{ margin-bottom: 3rem; }} .home-title h2{ font-weight: bold; font-size: 30px; line-height: 40px; letter-spacing: -0.04em; } @media (min-width: 991px){.home-title h2{ font-size: 35px; }} .home-title h2 span{ color: #ff5000; text-shadow:0px 0px 3px #ff50004d; position: relative; background: #ff5000; -webkit-background-clip: text; } /* Home Section Styles */ .home-section{ padding: 80px 0 80px 0; position: relative; } @media (max-width: 991px){.home-section{ padding: 20px 0 20px 0 !important; }} @media (min-width: 992px){.home-section{ padding: 20px 0 20px 0 !important; }} /* ----------------------------- Home Card Styles (card-hobo) STARTS --------------------------------- */ .card-hobo{ background-image: none; background-position: bottom; background-size: 100% auto; background-repeat: no-repeat; border-radius: 20px; min-height: 175px; } @media (min-width: 992px){.card-hobo{ margin-bottom: 0; }} .card-hobo .card-body{ padding: 24px 22px 32px; } @media (min-width: 992px){.card-hobo .card-body{ padding: 20px 30px 300px; }} .card-hobo .card-body .c-head{ display: flex; align-items: center; gap: 17px; margin-bottom: 32px; } .card-hobo .card-body .c-head .icon{ font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.04em; border-radius: 10px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .card-hobo .card-body .c-head .title{ font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: -0.04em; } .card-hobo .card-body .c-text{ background-color: #fff; color: #fff; font-weight: 600; font-size: 14px; line-height: 15px; letter-spacing: -0.04em; font-weight: 600; width: 60%; } @media (min-width: 991px){.card-hobo .card-body .c-text{ font-size: 22px; line-height: 29px; width: 100%; }} .card-hobo.card-1 .c-head .icon{ background-color: #ff500020; color: #ff5000; } .card-hobo.card-1{ background-image: url(https://storage.perfectcdn.com/8x1jve/7humqlp5by88jg30.png) !important; background-size: cover; } @media (min-width: 991px){.card-hobo.card-1{ transform: scale(0.9); background-image: url(https://storage.perfectcdn.com/8x1jve/a2l8ityhl95nmyad.webp) !important; }} .card-hobo.card-1 .c-head .title{ color: #ff5000; } .card-hobo.card-1 .c-text{ background: linear-gradient(89.31deg, #ff500090 4.55%, #ff500020 69.39%), linear-gradient(0deg, #080808, #080808); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-hobo.card-2 .c-head .icon{ background-color: #ff500020; color: #ff5000; } .card-hobo.card-2 .c-head .title{ color: #ff5000; } .card-hobo.card-2 .c-text{ background: linear-gradient(89.31deg, #ff500090 4.55%, #ff500020 69.39%), linear-gradient(0deg, #080808, #080808); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-hobo.card-2{ background-image: url(https://storage.perfectcdn.com/8x1jve/fnyq2z0yigspkwra.png) !important; background-size: cover; } @media (min-width: 991px){.card-hobo.card-2{ background-image: url(https://storage.perfectcdn.com/8x1jve/9918345x4mbkt2c5.webp) !important; }} .card-hobo.card-3 .c-head .icon{ background-color: #ff500020; color: #ff5000; } .card-hobo.card-3 .c-head .title{ color: #ff5000; } .card-hobo.card-3 .c-text{ background: linear-gradient(89.31deg, #ff500090 4.55%, #ff500020 69.39%), linear-gradient(0deg, #080808, #080808); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-hobo.card-3{ background-image: url(https://storage.perfectcdn.com/8x1jve/pnqweduj2jsf8ib5.png) !important; background-size: cover; } @media (min-width: 991px){.card-hobo.card-3{ background-image: url(https://storage.perfectcdn.com/8x1jve/35amnaf2ycuisnc9.webp) !important; transform: scale(0.9); }} /* ----------------------------- Home Card Styles (card-hobo) ENDS --------------------------------- */ /* ------------------------- SIGN IN NEW DESIGN STARTS ------------------------- */ /* OPTIMIZE IMAGE SIZES FOR PERFORMANCE */ /* HERO SECTION IMAGE OPTIMIZATION */ .icons-330-image{ max-width: 950px; width: 100%; height: auto; } .bird-image{ max-width: 80px; margin: auto; height: auto; } .responsive-img-edits-bird{ overflow: hidden; position: absolute; z-index: 9999; top: 26%; left: 39%; } @media(min-width: 440px){.bird-image{ max-width: 130px; }.responsive-img-edits-bird{ overflow: hidden; position: absolute; z-index: 9999; top: 33%; left: 43%; }} @media(min-width: 600px){.bird-image{ max-width: 130px; }.responsive-img-edits-bird{ overflow: hidden; position: absolute; z-index: 9999; top: 36%; left: 39%; }} @media(min-width: 768px){.bird-image{ max-width: 120px; }.responsive-img-edits-bird{ overflow: hidden; position: absolute; z-index: 9999; top: 35%; left: 42%; }} @media(min-width: 991px){.bird-image{ max-width: 200px; }.responsive-img-edits-bird{ height: fit-content; overflow: hidden; position: absolute; top: 420px; left: 490px; z-index: 9999; }} /* ICON AND SMALL IMAGE DEFAULTS FOR CLS PREVENTION */ /* CELEBRITY TESTIMONIAL TEXT STYLING */ .h4{ font-size: 1.1rem !important; font-weight: 600; } /* RESPONSIVE ADJUSTMENTS FOR MOBILE */ @media(max-width: 768px){.h4{ font-size: 1rem !important; }} @keyframes dondur { 0% { transform: rotate(0deg); } 100% { transform: rotate(330deg); } } .rotate-330{ animation: dondur 100s linear infinite; } @media(max-width: 768px){.icons-330-image{ max-width: 650px; }} /* GOOGLE SIGN-IN BUTTON STYLING */ .google-signin-wrapper{ width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 8px; overflow: hidden; } @media(min-width: 992px){.google-signin-wrapper{ min-height: 56px; }} .google-signin-wrapper .g_id_signin{ position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .custom-google-btn{ border-radius: 8px; padding: 14px 15px; width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: 600; font-size: 16px; text-decoration: none; transition: all 0.3s ease; position: relative; z-index: 1; line-height: 18px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; } @media(min-width: 992px){.custom-google-btn{ min-height: 56px; padding: 18px 25px; font-size: 16px; }} .custom-google-btn:hover{ box-shadow: 0 0 5px #ff5000; text-decoration: none; color: #fff; transform: scale(1.1); } .custom-google-btn .google-logo{ width: 25px; height: 25px; margin-left: 6px; flex-shrink: 0; background: #fff; padding: 4px; border-radius: 4px; } .custom-google-btn span{ font-weight: 500; } .form-check-input{ background-color: rgb(235 235 235 / 10%); border: 1px solid rgb(0 0 0 / 43%); } .form-check-input:checked{ background-color: #ff5000; } .text-white{ color: #6c757d !important; } .text-white-50{ color: #6c757d!important; text-decoration: none; } .text-white-50:hover{ color: #6c757d !important; text-decoration: underline; } .btn.lg-btn{ border-radius: 8px; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 20px; font-size: 16px; font-weight: 600; } @media(min-width: 992px){.btn.lg-btn{ min-height: 56px; padding: 18px 25px; }} /* CELEBRITY TESTIMONIAL SECTION STYLING */ /* Celebrity Profile Section */ .celebrity-verification{ color: #ff5000; font-size: 20px; display: flex; justify-content: center; } /* Social Media Icons */ /* Specific social media colors on hover */ /* Celebrity Image Wrapper */ /* Responsive Adjustments */ /* ------------------------- Celebrity / Testimonials ----------------------------*/ .celebrity-swiper{ padding: 0 10px; } @media(max-width: 991px){.celebrity-swiper{ padding: 0 60px; }} /* -------------------- SIGN IN STARS SECTION ---------------------- */ .usercounter{ width: auto; height: max-content; } @media(max-width: 768px){.usercounter{ display: none; }} .usercounter-in{ position: absolute ; right: 0px ; top: 50px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; padding: 0px; gap: 8px; } .usercounter-in .usercounter-title{ display: flex; flex-direction: row; align-items: center; gap: 7px; } .rating{ font-weight: 600; letter-spacing: 2px; } .usercounter-bottom{ font-size: 15px; font-weight: 500; display: flex; flex-direction: row; align-items: center; gap: 10px; } /* --------------------------- SIGN IN TUTORIAL BOX SECTION ------------------------------ */ .tutorial{ width: auto; height: max-content; } @media(max-width: 768px){.tutorial{ display: none; }} .tutorial-in{ z-index: 999999999999; position: absolute ; left: 0px ; top: 50px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; padding: 10px; gap: 15px; } .tutorial-in span{ z-index: 9999999999999 ; } .tutorial-in .tutorial-title{ display: flex; flex-direction: column; } .tutorial-in .tutorial-title .tutorial-title-trans{ font-size: 10px; color: #6c757d; font-style: italic; text-align: center; } .tutorial-in .tutorial-title .tutorial-title-watch{ font-size: 14px; color: #080808; font-weight: 500; text-align: center; } /* home-head::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 868px; background-image: url(https://storage.perfectcdn.com/4553qi/aq7fokgjeyg9si6t.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 0; } */ /* ------------------------------- SIGN IN TRUSTED BY BRANDS SECTION --------------------------------- */ .brands-part{ padding: 40px 0 30px 0 !important; position: relative; top: -20px; background: #f7f7f7; } @media (max-width: 991px){.brands-part{ padding: 40px 0 0 0 !important; position: relative; top: -25px; }} @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 7)); } } .slidersg{ background: transparent; height: 100px; margin: auto; overflow: hidden; position: relative; } .slidersg::before,.slidersg::after{ background: linear-gradient(to right, #f7f7f7 0%, transparent 100%); content: ""; height: 100px; position: absolute; width: 200px; z-index: 2; } .slidersg::after{ right: 0; top: 0; transform: rotateZ(180deg); } .slidersg::before{ left: 0; top: 0; } .slide-tracksg{ animation: scroll 40s linear infinite; display: flex; width: calc(250px * 14); } .slidesg{ height: 100px; width: 150px; display: flex; align-items: center; justify-content: center; } @media (min-width: 991px){.slidesg{ width: 250px; }} .slidesg img{ height: auto; width: 120px; } .brands-top{ display: flex; justify-content: center; align-items: center; gap: 10px; } .brands-title{ font-weight: 600; font-size: 14px; text-align: center; letter-spacing: 2px; color: #8b8c91; } @media (min-width: 991px){.brands-title{ font-size: 16px; }} /* ========================= HOW TO USE STEPS ========================= */ /* subtitle */ /* LEFT COLUMN */ .steps-left{ display: flex; flex-direction: column; gap: 22px; position: relative; } /* STEP CARD */ .steps-left-in{ display: flex; align-items: center; justify-content: space-around; gap: 22px; padding: 20px 20px 20px 50px; border-radius: 18px; backdrop-filter: blur(12px); cursor: pointer; position: relative; transition: all .35s ease; background: #ffffff; box-shadow: 0 0px 15px 0 rgb(0 0 0 / 10%); border: 1px solid rgba(0, 0, 0, .125); } /* timeline offset */ .steps-left-in:nth-child(2){ transform: translateX(30px); } /* hover */ .steps-left-in:hover{ transform: translateX(15px) scale(1.03); } /* NUMBER */ .number-rank{ min-width: 60px; min-height: 60px; border-radius: 18px; font-weight: 600; font-size: 21px; display: flex; align-items: center; justify-content: center; position: absolute; left: -28px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #ffffff; } /* TEXT */ .my-step{ display: flex; flex-direction: column; gap: 6px; } .step-title{ font-size: 17px; font-weight: 600; color: #080808; } .step-text{ font-size: 13px; line-height: 1.5; color: #9a9a9a; } /* IMAGE */ .howto-img{ width: 60px; height: 60px; object-fit: cover; border-radius: 18px; background: #ffffff1a; padding: 4px; } /* RIGHT SIDE */ .steps-right{ display: flex; justify-content: center; align-items: center; } /* VIDEO */ .steps-right wistia-player{ border-radius: 18px; overflow: hidden; } /* ------------------------- SIGN IN NEW DESIGN FINISH ------------------------- */ /* ------------------------- Styles for Signed in Part ------------------------- */ .dashboard-root{ position: relative; } .dashboard-root .app-content{ padding: 80px 0 80px 0px; max-width: 100%; overflow-x: hidden; } @media (min-width: 1400px){.dashboard-root .app-content{ padding: 40px 0 80px 260px; }} .dashboard-root .card .card-body{ padding: 13px; } .sidebar-toggle{ z-index: 9999999; /* position: absolute; top: 25px; right: 15px; */ width: 45px; height: 45px; border-radius: 15px; font-size: 26px; outline: none; border: none; transition: 0.14s ease; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } @media (min-width: 992px){.sidebar-toggle{ left: 30px; }} .sidebar-toggle .menu-bar{ position: relative; /* left: 0px; top: -53px; */ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .sidebar-toggle .close-i{ position: relative; /* left: 0px; top: -53px; */ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .sidebar-toggle .menu-bar{ transform: scale(1); opacity: 1; /* transition: 0.2s ease; */ } .sidebar-toggle .close-i{ transform: scale(0); opacity: 0; /* transition: 0.2s ease; */ } .sidebar-toggle.active .close-i{ transform: scale(1); opacity: 1; top: -42px; } .sidebar-toggle.active .menu-bar{ transform: scale(0); opacity: 0; } @media (min-width: 1400px){.sidebar-toggle{ display: none; }} .sidebar{ bottom: 0px; width: 260px; transform: translateX(-100%); position: fixed; left: 0px; top: 0px; transition: 0.14s ease; z-index: 1040; background: #fff; box-shadow: 0 0px 10px rgb(0 0 0 / 20%); } .sidebar.active{ transform: translateX(0); } @media (min-width: 1400px){.sidebar{ width: 260px; transform: inherit; }} .sidebar .sidebar-content{ position: relative; width: 100%; height: 100%; display: flex; flex-direction: column !important; } .sidebar-logo{ padding: 20px 35px; display: flex; align-items: center; justify-content: center; } .sidebar-logo img{ max-width: 100%; } .sidebar-body{ flex: 1; overflow-y: auto; padding-bottom: 40px; } .sidebar-body::-webkit-scrollbar{ width: 0px; } /* Track */ .sidebar-body::-webkit-scrollbar-track{ background: #252c3b; border-radius: 3px; } /* Handle */ .sidebar-body::-webkit-scrollbar-thumb{ background: #3b4456; border-radius: 3px; } /* Handle on hover */ .sidebar-body::-webkit-scrollbar-thumb:hover{ background: #434e64; } .special-link-neworder{ border-radius: 78px !important; justify-content: center !important; font-size: 17px !important; height: 48px !important; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%)!important; } .special-link-neworder:hover{ color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .special-link-addfunds{ border-radius: 78px !important; justify-content: center !important; font-size: 17px !important; height: 48px !important; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .special-link-addfunds:hover{ color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .sidebar-balance{ padding: 0 20px 0; } /* Main wrapper */ .sidebar-balance-wrapper{ position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 999px; box-shadow: 0 0px 3px 0 rgb(0 0 0 / 53%); } /* Left Icon Badge */ .sidebar-balance-wrapper .icon{ display: flex; align-items: center; gap: 6px; padding: 0 14px; min-height: 42px; border-radius: 999px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #FFFFFF; } .sidebar-balance-wrapper .icon i{ font-size: 18px; font-weight: 600; color: #fff; } .sidebar-balance-wrapper .icon span{ font-size: 13px; font-weight: 600; color: #fff; } /* Balance Content */ .sidebar-balance-wrapper .content{ display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 8px; } /* Balance Amount */ .sidebar-balance-wrapper .content .s-balance{ font-size: 16px; font-weight: 600; letter-spacing: 0.3px; color: #080808; white-space: nowrap; } /* Currency Dropdown Button */ .sidebar-balance-wrapper .dropdown-toggle{ background: transparent; border: none; padding: 0; } .sidebar-balance-wrapper .dropdown-toggle::after{ display: none; } /* Exchange Icon */ .sidebar-balance-wrapper .dropdown .title i{ font-size: 11px; color: #2e384e; background: rgba(255, 255, 255, 0.6); border-radius: 999px; padding: 4px; transition: all 0.25s ease; } /* Hover interaction */ .sidebar-balance-wrapper .dropdown:hover .title i{ background: #ffffff; transform: rotate(180deg); } /* Dropdown Menu */ .sidebar-balance-wrapper .dropdown-menu{ position: fixed !important; z-index: 9999 !important; background: #1c2230; border-radius: 14px; border: none; padding: 6px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4); transform: translate3d(65px, 40px, 0px) !important; } .sidebar-balance-wrapper .dropdown-item{ color: #ffffff; font-size: 13px; border-radius: 10px; padding: 6px 10px; } .sidebar-balance-wrapper .dropdown-item:hover{ background: rgba(255, 255, 255, 0.08); } /* SIDEBAR ACCOUNT ITEM STARTS */ .sidebar-account{ padding: 12px 20px; } .sidebar-account-wrapper{ display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: #fff; border-radius: 999px; box-shadow: 0 0px 3px 0 rgb(0 0 0 / 53%); transition: all 0.25s ease; cursor: pointer; } /* Hover Effect */ .sidebar-account-wrapper:hover{ box-shadow: 0 0px 7px rgb(0 0 0 / 34%), inset 0 0 0 1px rgba(255, 255, 255, 0.1); } /* User Photo */ .sidebar-account-wrapper .user-photo{ position: relative; } .sidebar-account-wrapper .user-photo img{ width: 42px; height: 42px; object-fit: cover; border-radius: 50%; border: 2px solid #ff5000; background: #ffffff; } /* Online Indicator (optional) */ .sidebar-account-wrapper .user-photo::after{ content: ""; position: absolute; bottom: 2px; right: 2px; width: 10px; height: 10px; border-radius: 50%; background: #2dff88; border: 2px solid #1c2230; } /* Content */ .sidebar-account-wrapper .content{ display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; } /* Username */ .sidebar-account-wrapper .content span{ font-size: 16px; font-weight: 600; letter-spacing: 0.2px; color: #080808; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Settings Icon */ .sidebar-account-wrapper .content i{ font-size: 16px; color: #080808; transition: all 0.25s ease; } /* Icon Hover */ .sidebar-account-wrapper:hover .content i{ color: #080808; transform: rotate(20deg); } /* Anchor reset */ .sidebar-account a{ text-decoration: none; color: inherit; } /* SIDEBAR ACCOUNT ITEM FINISH */ /* SIDEBAR CATEGORY SUBMENU STARTS */ .submenu{ display: none; padding-left: 15px; } .submenu-accordion-item.open > .submenu{ display: block; list-style: none; padding: 0; } .submenu-accordion-toggle{ cursor: pointer; color: #08080882 !important; border-radius: 999px; backdrop-filter: blur(16px); box-shadow: 0 1px 6px 0 rgb(0 0 0 / 21%); } .submenu-accordion-toggle:hover{ /* background: linear-gradient(135deg, rgb(86 98 121 / 90%), rgb(50 59 79 / 90%)) !important; */ } .s-menu-link .left{ display: flex; align-items: center; gap: 8px; /* icon ile text arası boşluk */ } .s-menu-link .right{ margin-left: auto; } .submenu-accordion-item .fa-chevron-down{ transition: transform .3s ease; } .submenu-accordion-item.open .fa-chevron-down{ transform: rotate(180deg); } .submenu .submenu-item{ padding: 0 !important; } /* SIDEBAR CATEGORY SUBMENU FINISH */ /* SIDEBAR MENU ITEMS STARTS */ .sidebar-menu-wrapper{ padding: 0px 0px 20px 0px; } .sidebar-menu{ margin: 0; padding: 0; padding-top: 10px; list-style: none; } .sidebar-menu .s-menu-item{ padding: 3px 20px; } .sidebar-menu .s-menu-item.active .s-menu-link{ color: #ff5000; background: #ff50001c; border-radius: 999px; backdrop-filter: blur(16px); } .sidebar-menu .s-menu-link{ display: flex; align-items: center; padding: 12px 20px; color: #9ba3ab; font-weight: 700; font-size: 16px; line-height: 20px; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out; margin-bottom: 6px; height: 44px; } .sidebar-menu .s-menu-link:hover{ color: #ff5000; background: #ff50001c; border-radius: 999px; backdrop-filter: blur(16px); } .sidebar-menu .s-menu-link .icon{ width: 28px; height: 28px; display: flex; align-items: center; } .sidebar-menu .s-menu-link .text{ font-weight: 500; } /* SIDEBAR MENU ITEMS FINIHS */ /* SIDEBAR LOG OUT BUTTON STYLE */ .sidebar-signout-wrapper{ padding: 0 20px; } .btn-log-out{ display: flex; align-items: center; justify-content: center; background: #ff50001c; border-radius: 78px; color: #ff5000 } /* ------------------------------ STYLE OF HEADER ONLY IN MOBILE ------------------------------ */ .d-header{ position: fixed; left: 0px; right: 0; padding: 15px 0; z-index: 1031; border-bottom: 1px solid transparent; transition: 0.14s ease; } .d-header .row.head-row{ margin-left: -6px; margin-right: -6px; } .d-header .row.head-row .col-item{ padding-left: 6px; padding-right: 6px; } @media (min-width: 1400px){.d-header .row.head-row{ margin: 0 -15px; }.d-header .row.head-row > *{ padding: 0 15px; }} @media (min-width: 1400px){.d-header{ left: 260px; }} .d-header.fixed{ padding: 14px 0; background-color: #fff; border-color: #e8e8e8; } .d-header .page-title{ font-weight: 600; font-size: 25px; line-height: 30px; color: #ffffff; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; } /* --------------------- HEADER ONLY IN MOBILE --------------------- */ /* ------------------------------------------- DROPDOWN STYLE (CHANGE CURRENCY - LANGUAGE...) --------------------------------------------- */ .d-dropdown{ display: flex; } .d-dropdown .btn{ gap: 1rem; padding: 0; display: inline-flex; align-items: center; background-color: transparent !important; } .d-dropdown .btn:focus{ box-shadow: none; } @media (max-width: 768px){.d-dropdown .btn .icon{ width: 40px; height: 40px; font-size: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 400; }} .d-dropdown .btn .icon.c-1{ box-shadow: 0px 4px 16px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); background-color: #ff5000; color: black; } .d-dropdown .btn .title{ font-size: 15px; color: #ffffff; align-items: center; gap: 6px; text-align: left; color: #ff5000; } .d-dropdown .btn .title span{ font-weight: 600; } .d-dropdown .btn .info{ font-weight: 600; margin-bottom: 4px; font-size: 14px; line-height: 17px; color: #797d89; display: none !important; } @media (min-width: 992px){.d-dropdown .btn .info{ display: flex !important; }} .d-dropdown .btn::after{ content: ""; display: none; } .dropdown-menu{ background: #fff; border: 1px solid #B3BBC9;; border-radius: 15px; padding: 10px 0; } .dropdown-menu .dropdown-item{ color: #080808; padding: 6px 24px; } .dropdown-menu .dropdown-item:hover{ background-color: #f3f3f3; } /* --------------------------------------------- DROPDOWN STYLE (CHANGE CURRENCY - LANGUAGE...) --------------------------------------------- */ #PageTitle{ display: none; } .d-icon{ width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #080808; } .d-icon.i-info{ box-shadow: 0px 4px 16px rgb(37 23 51 / 16%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px #ff5000; } .d-icon.i-secondary{ box-shadow: 0px 4px 16px rgb(37 23 51 / 16%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px #ff5000; } .dropdown-toggle::after{ display: none; } /* -------------------- BANNERS IN PAGES STARTS ----------------------- */ .dashboard-head-wrapper{ position: relative; margin-bottom: 15px; } /* AFFILIATE, BE RESELLER BANNERS (.ds-first-card) */ .ds-first-card{ background: url(https://storage.perfectcdn.com/8x1jve/t41hmda3hp7kf7bc.png); background-size: cover; background-position: left center; background-repeat: no-repeat; height: -webkit-fill-available; } .ds-first-card .text{ max-width: 60%; font-size: 15px } @media (max-width: 768px){.ds-first-card .text{ max-width: 1000%; font-size: 13px }} /* NEW ORDER LEVELS */ .card-new-order-levels{ background: #fff url(https://storage.perfectcdn.com/8x1jve/bb84qmyixfad8t9y.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .card-new-order-levels .level-stats{ display: flex; gap: 12px; margin-bottom: 10px; } .card-new-order-levels .stat-box{ flex: 1; background: #ffffff36; border-radius: 14px; padding: 10px; text-align: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); } .card-new-order-levels .stat-box.highlight{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; font-weight: 700; } .card-new-order-levels .stat-title{ font-size: 13px; margin-bottom: 6px; } .card-new-order-levels .stat-value{ font-size: 22px; font-weight: 600; } .card-new-order-levels .motivation-bar{ margin-bottom: 0px; padding: 0px 60px; text-align: center; } .card-new-order-levels .motivation-text{ font-size: 14px; margin-bottom: 8px; opacity: .9; } .card-new-order-levels .motivation-track{ height: 14px; background: #fff; border: 1px solid #ff500036; border-radius: 20px; overflow: hidden; } .card-new-order-levels .motivation-fill{ height: 100%; background: #ff5000; box-shadow: 0 0 15px #ff5000; transition: width .4s ease; } /* -------------------- BANNERS IN PAGES FINISH ----------------------- */ #service_description{ display: none; } /* ---------------------------------- NEW ORDER CATEGORY FILTER BY ICONS ---------------------------------- */ .d-cat-btn{ position: relative; display: inline-flex; box-shadow: 0px 0px 2px rgb(37 23 51 / 50%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); border-radius: 15px; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 10px; color: #000; outline: none; transition: 0.14s ease; cursor: pointer; } .d-cat-btn.active{ background-color: #ff5000; color: black !important; border-color: #ff5000 } .d-cat-btn:hover{ background-color: #ff5000; color: black; } .d-cat-btn .text{ font-weight: 600; font-size: 14px; line-height: 16px; text-align: center; } .d-cat-btn .icon{ font-size: 20px; } #new-order-cats .swiper-slide{ width: auto; } .imgResizer{ width: 18px; } #iconResizer{ font-size: 18px; } /* PLATFORM GRID */ .platform-list{ display: grid !important; grid-template-columns: repeat(14, 1fr); gap: 5px; } .platform-list > div{ width: auto; padding: 0; margin: 0; } /* Desktop: 10 per row × 2 rows = 20 */ .platform-list:not(.expanded) > div:nth-child(n + 15){ display: none; } /* SEE MORE */ .see-more-btn{ margin-top: 10px; border: 0; background: transparent; color: #000; font-size: 13px; font-weight: 600; cursor: pointer; padding: 5px 0; } .see-more-btn:hover{ color: #ff5000; } /* Tablet: 7 per row × 2 rows = 14 */ @media (max-width: 991px){.platform-list{ grid-template-columns: repeat(7, 1fr); }.platform-list:not(.expanded) > div:nth-child(n + 15){ display: none; }} /* ------------------------------------------ NEW ORDER CATEGORY FILTER BY ICONS FINISH ----------------------------------------- */ /* ------------------------------------- NEW ORDER SEARCH BTN FOR SERVICE PICK ------------------------------------- */ /* TikTok specific icon styling */ /* Responsive adjustments */ /* Custom Service Dropdown Styles */ /* Select2 Icon Support */ /* Icon styling in Select2 options */ /* Special handling for TikTok icon */ /* Focus states */ /* ------------------------------------- NEW ORDER SEARCH BTN FOR SERVICE PICK ------------------------------------- */ /* --------------------------------------- SERVICE DESC IN MOBILE NEW ORDER STARTS --------------------------------------- */ .no-serds .service-title{ font-weight: 600; font-size: 16px; text-align: center; } .no-serds .no-ser-box{ border-radius: 15px; font-weight: 600; font-size: 16px; line-height: 18px; color: #080808; display: flex; align-items: center; padding: 10px 16px 10px 10px; margin-bottom: 20px; gap: 10px; background: #ff500005; border: 1px solid #ff50004d; } @media (max-width: 992px){.no-serds .no-ser-box{ margin-bottom: 5px; border-radius: 10px; padding: 5px 16px 5px 7px; }} .no-serds .no-ser-box.long-text{ font-weight: 400; font-size: 14px; line-height: 25px; color: #080808; padding: 0px 15px 20px 15px; } @media (max-width: 992px){.no-serds .no-ser-box.long-text{ font-size: 13px; line-height: 18px; }} .no-serds .no-ser-box.long-text > div{ word-wrap: break-word !important; max-width: 100%; } .no-serds .no-ser-box .title{ font-weight: 500; font-size: 14px; line-height: 18px; color: #080808; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; } .no-serds .no-ser-box .text{ font-weight: 500; font-size: 14px; line-height: 18px; margin-left: auto; } .no-serds .no-ser-box .title-sample-link{ font-weight: 500; font-size: 14px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 110px; } /* --------------------------------------- SERVICE DESC IN MOBILE NEW ORDER FINISH --------------------------------------- */ /* ==================== NEW ORDER PAGE STARTS ==================== */ /* new order service description mobile position change visible styles */ .hidden,[hidden]{ display: none; } /* mobile desc hide style */ .lg-none-copy{ display: none; } .dy-lg-none{ display: block; } @media (max-width: 768px){.dy-lg-none{ display: none; }.lg-none-copy{ display: block; }} .no-serds .no-ser-box .text:last-child{ min-width: 100px; text-align: right; } /* new order titles style */ .fields label{ font-weight: 600; color: #ff5000 !important; margin-bottom: .5rem; } .submit-btn{ display: flex; gap: 10px; width: 100%; height: 58px; border-radius: 78px !important; justify-content: center; align-items: center; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; transition: transform 0.3s ease; } .charge-btn-wrapper{ display: flex; align-items: center; height: 58px; gap: 5px; border-radius: 78px !important; justify-content: left !important; padding: 6px; backdrop-filter: blur(16px); background-color: #fff; border: 2px solid #ff5000; } .charge-btn-wrapper .icon{ display: flex; justify-content: center; border-radius: 78px; min-height: 44px; gap: 8px; padding: 0 20px; align-items: baseline; line-height: 44px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); } .charge-btn-wrapper .icon i{ font-size: 17px; font-weight: 500; color: #fff; } .charge-btn-wrapper .icon span{ font-size: 16px; font-weight: 500; color: #fff; } .charge-btn-wrapper .content{ display: flex; justify-content: center; width: -webkit-fill-available; } .charge-btn-wrapper .content input{ font-size: 16px; font-weight: 500; color: #080808; text-align: center; border: none; } .live-order-box{ display: flex; width: fit-content; align-items: center; gap: 15px; padding: 12px 20px; border-radius: 999px; font-size: 13px; color: #080808; white-space: nowrap; justify-content: center; margin-top: 15px; background: #ff500014; border: 1px solid #ff50004d; } /* Canlı Nokta */ .live-dot{ position: relative; width: 10px; height: 10px; background: #ff5000; border-radius: 50%; box-shadow: 0 0 6px #ff5000; } /* Yayılıp kaybolan halka */ .live-dot::after{ content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #ff5000; animation: pulse 1.6s ease-out infinite; } @keyframes pulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } } .live-text strong{ color: #ff5000; font-weight: 600; } #live-user-count{ transition: opacity .25s ease; } .affiliate-highlight{ position: relative; } .affiliate-badge{ display: inline-block; font-size: 12px; font-weight: 600; color: #ffffff; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; padding: 4px 10px; border-radius: 999px; margin-bottom: 8px; } .affiliate-highlight .text{ font-size: 14px; line-height: 1.5; margin-bottom: 10px; } .affiliate-highlight strong{ color: #ff5000; } .affiliate-highlight .btn{ padding: 6px 14px; font-size: 13px; } .level-stats{ display: flex; gap: 12px; margin-bottom: 20px; } .stat-box{ flex: 1; border-radius: 14px; padding: 10px; text-align: center; background: linear-gradient(180deg, #161b24, #0f131a); backdrop-filter: blur(16px); box-shadow: 0 10px 20px rgb(0 0 0 / 57%), inset 0 0 0 1px rgba(255, 255, 255, .06); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; border: 1px solid #ff500036; } .stat-box:hover{ transform: translateY(-5px); box-shadow: 0 3px 6px rgb(0 0 0 / 30%), inset 0 0 0 1px rgba(255, 255, 255, .08); } .stat-title{ font-size: 13px; margin-bottom: 6px; } .stat-value{ font-size: 22px; font-weight: 800; } .motivation-bar{ margin-bottom: 28px; } .motivation-text{ font-size: 14px; margin-bottom: 8px; opacity: .9; } .motivation-track{ height: 14px; background: #1a1d24; border-radius: 20px; overflow: hidden; } .motivation-fill{ height: 100%; background: linear-gradient(90deg, #2f6aff, #ff5000); box-shadow: 0 0 15px rgba(204,255,0,.6); transition: width .4s ease; } /* ===================== NEW ORDER PAGE FINISH ===================== */ /* ==================== SERVICES PAGE STARTS ==================== */ /* Favorites star styling */ .fav_b{ cursor: pointer; display: inline-block; transition: all 0.2s ease; color: #ddd; font-size: 16px; opacity: 0.6; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .fav_b:hover{ color: #ffdd00; transform: scale(1.15); opacity: 1; } .fav_b::before{ content: "♥︎" !important; display: inline-block !important; font-size: 16px !important; font-weight: bold !important; font-family: inherit !important; color: #ccc !important; transition: all 0.3s ease !important; margin-right: 4px !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important; } /* Active state */ [data-fav-state="true"]::before{ color: #ff5000 !important; text-shadow: 0 0 4px #ff500054 !important; transform: scale(1.1) !important; } /* Hover states */ [data-fav-state="false"]:hover::before{ color: #ff5000 !important; transform: scale(1.1) !important; } [data-fav-state="true"]:hover::before{ color: #ff5000 !important; transform: scale(1.15) !important; text-shadow: 0 0 4px #ff500054 !important; } /* Mobile: Simple inline heart like other icons */ @media(max-width: 768px){.fav_b::before{ font-size: 16px !important; margin-right: 4px !important; vertical-align: text-top !important; }[data-fav-state="true"]::before{ color: #ff5000 !important; text-shadow: 0 0 4px #ff500054 !important; }} /* Service title wrapper for proper star + icon + title alignment */ .service-title-wrapper{ display: flex; align-items: center; flex-wrap: nowrap; gap: 0; } /* Ensure star and service title are aligned */ .sp-serv-title{ display: inline-flex; align-items: center; flex-wrap: nowrap; align-items: center; margin-left: 0; } /* Ensure proper spacing between star and service icon */ .fav_b + .sp-serv-title{ margin-left: 4px; } /* Hide any duplicate favorites as backup protection */ .service-title-wrapper .fav_b:nth-of-type(n + 2){ display: none !important; } /* Additional protection against duplication */ [data-favorite-service-id] ~ [data-favorite-service-id]{ display: none !important; } /* No more FontAwesome interference - stars are CSS-generated */ /* Additional protection: hide any favorites inside service titles */ .sp-serv-title .fav_b,.sp-serv-title [data-favorite-service-id]{ display: none !important; } /* Ensure only one favorite per service row is visible */ .service-item [data-favorite-service-id] ~ [data-favorite-service-id]{ display: none !important; } .sp-service-title{ font-weight: 600; font-size: 20px; line-height: normal; color: #080808; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 10px; } @media (min-width: 992px){.sp-service-title{ font-size: 25px; justify-content: left; margin-bottom: 15px; }} .s-row{ display: flex; align-items: center; gap: 10px; } .s-row.s-title{ font-weight: 600; display: none; } .s-title-wrapper{ padding: 0; } @media (min-width: 992px){.s-row.s-title{ display: flex; }} .s-col{ flex: 0 0 auto; } @media (min-width: 992px){.s-col{ flex: 0 0 50px; width: 50px; }.s-col.s-col-md{ flex: 0 0 100px; width: 100px; }.s-col.s-col-lg{ flex: 0 0 180px; width: 180px; }.s-col.s-title{ flex: 1 0 0; width: auto; }} .services-wrapper{ display: flex; flex-wrap: wrap; width: 100%; } .services-wrapper .si-wrapper{ flex: 0 0 auto; width: 100%; } @media (min-width: 992px){.services-wrapper{ flex-direction: column; padding-left: 0px; padding-right: 0px; }.services-wrapper .si-wrapper{ width: 100%; }} .service-item{ padding: 10px 15px; background: #fff; border-radius: 15px; margin-bottom: 15px; border: 1px solid #e7e7e7; } @media (min-width: 992px){.service-item{ padding: 0; background-color: transparent; border: none; box-shadow: none; }} @media (max-width: 992px){.service-item .s-row{ flex-wrap: wrap; align-items: center; justify-content:center; }.service-item .s-col-avtime{ width: 45%; text-align: center; }.service-item .s-col-btn{ flex: 0; }.service-item .s-col{ padding: 6px 0; }.service-item .s-col::before{ content: attr(data-title); display: block; padding-bottom: 8px; font-weight: 600; color: #080808; font-size: 13px; }.service-item .s-title{ width: 100%; text-align: center; }.service-item .s-col-c{ width: 35%; text-align: center; }.service-item .s-col-m{ width: 20%; text-align: center; }} .service-item + .service-item{ border-top: 1px solid #2a3f4e; } .sp-serv-title{ font-weight: 600; font-size: 14px; line-height: 17px; } .sp-serv-sm{ font-weight: 600; font-size: 12px; line-height: 17px; color: #ff5000ab; } @media (min-width: 992px){.sp-serv-sm{ font-size: 14px; }} .orlc{ border-radius: 50px; font-weight: 600; font-size: 14px; line-height: 17px; padding: 10px 10px; } .orlc.prices{ color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .orlc.min{ color: #ff5000; font-size: 12px; background-color: #ff50001a; } .orlc.max{ color: #ff5000; font-size: 12px; background-color: #ff50001a; } .sp-services .card{ margin-bottom: 30px; border: none; background-color: transparent; } @media (min-width: 992px){.sp-services .card{ border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgb(0 0 0 / 17%); }} /* Services page specific styles */ /* services page service detail */ .sp-modal{ position: fixed; z-index: 2020; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; align-items: center; justify-content: center; } .sp-modal.active{ display: flex; } .sp-modal-card{ background: #fff; box-sizing: border-box; position: relative; z-index: 2021; max-width: 600px; max-height: 90vh; margin: 5vh auto; border-radius: 15px; display: flex; flex-direction: column; overflow: hidden; } @media (max-width: 768px){.sp-modal-card{ margin: 2vh auto; max-height: 96vh; max-width: 95vw; }} .sp-modal-header{ padding: 22px 20px 16px; position: relative; z-index: 2030; text-align: center; box-shadow: inset 0 0 120px #ffceb1; } .sp-modal-service-id{ font-weight: 600; font-size: 16px; line-height: 18px; padding: 14px 22px; display: inline-block; margin-bottom: 22px; border: 2px solid #ff5000; background: #ffffff; border-radius: 15px; color: #ff5000; } .sp-modal-body{ position: relative; z-index: 2040; padding: 30px; flex: 1; overflow-y: auto; } .sp-modal-body-card{ margin-bottom: 0px; } .sp-modal-close{ border-radius: 50%; width: 42px; height: 42px; border: none; outline: none; position: absolute; display: flex; align-items: center; justify-content: center; top: 20px; right: 20px; z-index: 2050; font-size: 28px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; color: #fff; transition: all 0.3s ease; } .sp-modal-close:hover{ transform: scale(1.05); } .services-filter-section{ margin-bottom: var(--spacing-24); } .services-filter-row{ align-items: center; } .services-search-container{ margin-top: var(--spacing-4); } @media (min-width: 768px){.services-search-container{ margin-top: 0; }} .services-nothing-found{ display: none; } .services-nothing-found.show{ display: block; } .services-nothing-found-icon{ font-size: 64px; color: var(--color-text-muted); } .services-nothing-found h3{ margin-top: var(--spacing-16); margin-bottom: var(--spacing-8); } /* Hidden utility class */ .hidden,[hidden]{ display: none; } /* Enhanced Modal body scroll styling with extra padding for full scrolling */ .sp-modal-body-card{ max-height: 400px; overflow-y: auto; overflow-x: hidden; padding-right: 5px; position: relative; -webkit-overflow-scrolling: touch; word-wrap: break-word; word-break: break-word; border-radius: 6px; } /* Complete removal of all scrollbar buttons/arrows - for all browsers */ .sp-modal-body-card::-webkit-scrollbar-button,.sp-modal-body-card::-webkit-scrollbar-button:vertical:increment,.sp-modal-body-card::-webkit-scrollbar-button:vertical:decrement,.sp-modal-body-card::-webkit-scrollbar-button:horizontal:increment,.sp-modal-body-card::-webkit-scrollbar-button:horizontal:decrement,.sp-modal-body-card::-webkit-scrollbar-button:single-button,.sp-modal-body-card::-webkit-scrollbar-button:double-button{ display: none !important; height: 0 !important; width: 0 !important; background: transparent !important; border: none !important; } /* Properly styled scrollbar for all browsers */ .sp-modal-body-card::-webkit-scrollbar{ width: 8px; height: auto; } .sp-modal-body-card::-webkit-scrollbar-track{ background: transparent; /* Make track invisible */ } .sp-modal-body-card::-webkit-scrollbar-thumb{ background: #ff5000; border-radius: 999px; /* Fully rounded thumb */ border: none; } .sp-modal-body-card::-webkit-scrollbar-thumb:hover{ background: #b8ff00; } /* Firefox scrollbar */ .sp-modal-body-card{ scrollbar-width: thin; scrollbar-color: #ff5000 transparent; } /* Modal body container */ .sp-modal-body{ position: relative; padding: 25px; height: auto; overflow: hidden; } /* iOS specific fixes - ensure green color and full scrolling */ @supports (-webkit-touch-callout: none){.sp-modal-body-card{ max-height: 70vh; padding-bottom: 150px; /* Even more padding for iOS */ }.sp-modal{ -webkit-overflow-scrolling: touch; }.sp-modal-card{ padding-bottom: 50px; }} /* Mobile optimizations */ @media (max-width: 768px){.sp-modal-body-card{ max-height: 50vh; padding-bottom: 50px; /* Much more padding on mobile */ }.sp-modal-card{ max-height: 80vh; margin: 10% auto; }.sp-modal-body-card::-webkit-scrollbar{ width: 5px; }.sp-modal-body-card::-webkit-scrollbar-thumb{ border-radius: 999px; }} /* Missing modal header elements */ .sp-modal-title{ font-weight: 600; font-size: 18px; line-height: 22px; color: #080808; margin: 10px 0; } .sp-modal-link{ padding: 12px 24px; border-radius: 25px; font-weight: 600; text-decoration: none; display: inline-block; margin-top: 15px; transition: all 0.3s ease; } .sp-modal-link:hover{ transform: scale(1.05); } /* Subscription Stats - Smaller font sizes */ .subscription-stats .text{ font-size: 18px !important; line-height: 22px !important; } .subscription-stats .title{ font-size: 14px !important; line-height: 16px !important; } @media (max-width: 992px){.subscription-stats .text{ font-size: 16px !important; line-height: 20px !important; }.subscription-stats .title{ font-size: 12px !important; }} /* Subscription Actions - Consistent button spacing */ .subscription-actions{ min-height: 32px; /* Ensure consistent height */ display: flex; align-items: center; } .subscription-actions .order-actions{ min-width: 120px; /* Reserve space for buttons */ min-height: 32px; /* Reserve vertical space */ display: flex; justify-content: flex-start; align-items: center; } /* ==================== SERVICES PAGE FINISH ==================== */ /* ======================= ADD FUNDS PAGE STARTS ======================= */ .no-border{ border: none; !important; } .af-nav{ display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding-left: 15px; } .af-nav .nav-item{ position: relative; transition: 0.14s ease; } .card-head .nav-item{ cursor: pointer; color: #6c757d; transition: 0.14s ease; } /* for new order tabs */ .af-nav .nav-item.active{ color: #080808; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-top-left-radius: 15px; border-top-right-radius: 15px; } .af-nav .nav-item.active .nav-link{ color: #ff5000 !important; } /* for new order tabs */ .af-nav .nav-link{ font-weight: 600; font-size: 14px; color: #6c757d; padding: 15px 10px; } @media (min-width: 992px){.af-nav .nav-link{ padding: 20px 25px; }} .af-nav .nav-link.active{ color: #ff5000; background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } /* Payment info body scroll styling */ .addfunds-payment-info-body{ padding: 25px; border-radius: 15px; max-height: 400px; overflow-y: auto; overflow-x: hidden; position: relative; margin-top: 1rem !important; background: #fff !important; border: 1px solid #E5E7E9; } /* Custom scrollbar styling for payment info */ .addfunds-payment-info-body::-webkit-scrollbar{ width: 8px; height: auto; border-radius: 999px; } .addfunds-payment-info-body::-webkit-scrollbar-track{ background: #ff50003c; border-radius: 999px; } .addfunds-payment-info-body::-webkit-scrollbar-thumb{ background: #ff5000; border-radius: 999px; border: none; } .addfunds-payment-info-body::-webkit-scrollbar-thumb:hover{ background: #b8ff00; } /* Mobile optimizations */ @media(max-width: 768px){.addfunds-payment-info-body::-webkit-scrollbar{ width: 5px; }.addfunds-payment-info-body{ padding: 15px !important ; font-size: 13px !important ; }.af-pm-text{ font-size: 13px !important ; }} .af-nav-pay{ display: flex; margin: 0 0 10px 0 !important; justify-content: flex-start; gap: 4px; } @media(min-width: 385px){.af-nav-pay{ gap: 10px; }} .af-nav-pay .nav-link{ font-weight: 600; font-size: 12px; line-height: 15px; color: #080808; padding: 15px 0px; width: 100px; box-sizing: border-box; border-radius: 15px; background: #fff; box-shadow: 0px 0px 5px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); } .af-nav-pay .nav-link .icon{ height: 50px; display: flex; align-items: center; justify-content: center; } .af-nav-pay .nav-link:hover{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%)!important; color: #fff; } .af-nav-pay .nav-link.active{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%)!important; color: #fff; } .af-pm-title{ font-weight: 600; font-size: 25px; line-height: 25px; color: #080808; margin-bottom: 14px; } .af-pm-about{ font-weight: 600; font-size: 16px; line-height: 20px; color: #787f8d; margin-bottom: 30px; } .af-pm-text{ font-size: 16px; line-height: 25px; color: #080808; } .af-ph{ background: #fff; border: 1px solid #e7e7e7; box-sizing: border-box; border-radius: 15px; font-weight: 600; font-size: 16px; line-height: 18px; padding: 20px 24px; margin-bottom: 14px; } /* payment icons resizer */ /* addfunds payment icons resizer */ .payment-resizer-height{ height: 100%; margin-bottom: 8px; max-height: 45px; width: auto; object-fit: contain; } /* Copy Button Hover Tooltip */ #kopyalaButonu:hover::before{ content: "Copy"; position: absolute; background-color: #333; color: #fff; margin: -35px; padding: 5px 10px; border-radius: 5px; font-size: 14px; } /* Addfunds PayPal specific styling */ /* add funds level Grid */ .levels-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; } @media (max-width: 768px){.levels-grid{ grid-template-columns: 1fr; }} /* Level Card */ .level-card{ position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 18px; padding: 22px; border-radius: 18px; background: #fff; backdrop-filter: blur(16px); box-shadow: 0 5px 15px rgb(0 0 0 / 18%), inset 0 0 0 1px rgba(255, 255, 255, .06); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } .level-card::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent, rgba(255,255,255,.06), transparent ); opacity: 0; transition: opacity .3s ease; pointer-events: none; } .level-card:hover{ transform: translateY(-5px); box-shadow: 0 5px 10px rgb(0 0 0 / 35%), inset 0 0 0 1px rgba(255, 255, 255, .08); } .level-card:hover::after{ opacity: 1; } /* level Active Card .level-card.active { box-shadow: 0 0 0 1px #ff5000, 0 0 45px rgba(204,255,0,.35), 0 30px 70px rgba(0,0,0,.8); } */ /* level Left Column (Badge Area) */ .abl-first-clomun{ display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; } .level-logo{ width: 44px; filter: drop-shadow(0 0 12px rgba(255,255,255,.25)); } /* level Title Badge */ .level-card h4{ font-size: 12px; font-weight: 800; padding: 6px 14px; border-radius: 999px; letter-spacing: .8px; text-transform: uppercase; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15); } /* level Badge Colors */ .level-card h4.starter{ background: #3b7efb; color: #1e1e1e; } .level-card h4.active-level{ background: #b7b7b7; color: #0e2c66; } .level-card h4.elite{ background: #38ff9c; color: #0f4d2a; } .level-card h4.vip{ background: #fbe13b; color: #161616; } /* Requirement Text */ .level-requirement{ font-size: 11px; opacity: .65; letter-spacing: .3px; } /* level Feature List */ .level-card ul{ list-style: none; padding: 0; margin: 0; font-size: 13px; line-height: 1.7; margin: auto; } .level-card ul li{ position: relative; padding-left: 18px; opacity: .92; } .level-card ul li::before{ content: "✓"; position: absolute; left: 0; color: #ff5000; font-weight: 900; } /* ============================================================================ FIX: Hide Perfect Panel's unwanted fields with !important ============================================================================ */ #order_extra_fee,#instruction_instruction{ display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* Bonus Notification Box */ .bonus-notification-box{ width: 100%; height: 45px; background-image: url(https://storage.perfectcdn.com/8x1jve/stzauuq77651b4b4.png); background-size: cover; background-repeat: no-repeat; border-radius: 10px; box-shadow: 0 0 20px #0000; } @media (min-width: 992px){.bonus-notification-box{ height: 85px; }} /* ============================================================================ NEW 3-COLUMN GRID LAYOUT ============================================================================ */ .payment-summary-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 15px 0; } /* When fee columns are hidden, center the receive column */ .payment-summary-grid{ margin-left: auto; margin-right: auto; } .summary-column{ display: block; } .summary-box{ background: #fff !important; border: 1px solid #E5E7E9; border-radius: 10px; padding: 14px; height: 100%; display: flex; flex-direction: column; gap: 8px; transition: all 0.3s ease; } .summary-box:hover{ border-color: #ff500050; transform: translateY(-2px); } .summary-label{ display: flex; align-items: center; gap: 8px; color: #080808; font-size: 13px; font-weight: 500; } .summary-label i{ color: #ff5000; font-size: 14px; } .summary-value{ font-size: 16px; font-weight: 700; color: #080808; margin: 4px 0; } .summary-value.total-value{ color: #ff5000; } .summary-value.receive-value{ color: #ff5000; font-size: 18px; } .summary-note{ font-size: 11px; color: #080808; } /* Receive box special styling */ .receive-box{ background: linear-gradient(135deg, #0d1a0d 0%, #1a2a1a 100%); border-color: #ff500030; } .summary-bonus{ display: flex; gap: 15px; flex-wrap: wrap; align-items: center; } .bonus-badge{ display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .bonus-badge i{ font-size: 10px; } .bonus-amount{ font-size: 14px; font-weight: 700; color: #ff5000; } /* PayPal Section */ .paypal-section{ padding: 20px 0; } .paypal-instructions{ padding: 16px 20px; text-align: left; margin-bottom: 20px; border-radius: 15px; background: #fff !important; border: 1px solid #E5E7E9; } .paypal-instructions ul{ list-style: none; padding: 0; margin: 0; } .paypal-instructions li{ color: #080808; font-size: 13px; padding: 8px 0; display: flex; align-items: center; gap: 10px; } .paypal-instructions li i{ color: #ff5000; font-size: 12px; } .paypal-address-box{ border-radius: 10px; padding: 16px; text-align: left; background: #fff !important; border: 1px solid #E5E7E9; } .paypal-label{ display: block; color: #080808; font-size: 12px; margin-bottom: 6px; } .paypal-email-copy{ display: flex; align-items: center; justify-content: space-between; border-radius: 6px; padding: 10px 12px; background: #fff !important; border: 1px solid #E5E7E9; } .paypal-email-copy span{ color: #ff5000; font-weight: 600; font-size: 14px; } .copy-btn{ background: transparent; border: none; color: #080808; cursor: pointer; padding: 4px 8px; transition: color 0.2s; } .copy-btn:hover{ color: #ff5000; } .paypal-username{ color: #080808; font-size: 14px; margin-top: 4px; } #openTicketBtn{ width: 100%; } /* Quick Amount Buttons */ .quick-amounts{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } @media (min-width: 992px){.quick-amounts{ justify-content: left; }} .quick-amount-btn{ padding: 7px 15px; border-radius: 20px; background: transparent; font-size: 14px; font-weight: 600; cursor: pointer; color: #080808; transition: all 0.2s; border: none; box-shadow: 0px 0px 5px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); } .quick-amount-btn:hover{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; color: #fff; } .quick-amount-btn.active{ background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; color: #fff; } #paymentFormFields .form-control{ background: #fff !important; border: 1px solid #E5E7E9; } .trust-box{ display: flex; justify-content: space-between; flex-wrap: wrap; } .secure-payment-box{ display: flex; width: fit-content; align-items: center; gap: 10px; padding: 12px 20px; background: #fff !important; border: 1px solid #E5E7E9; border-radius: 999px; font-size: 13px; color: #080808; white-space: nowrap; justify-content: center; margin-top: 15px; } .secure-icon{ display: flex; align-items: center; justify-content: center; color: #2485ea; } .secure-text{ white-space: nowrap; } .addbalance-custom-btn{ color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; border: none !important; } /* ===================== ADD FUNDS PAGE FINISH ===================== */ /* ================== ORDERS PAGE STARTS ================== */ .orders-nav-wrapper{ margin-bottom: 20px; } .orders-nav{ list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: normal; gap: 5px; flex-wrap: wrap; flex-direction: row; } @media (min-width: 992px){.orders-nav{ justify-content: flex-start; }} .orders-nav-link{ box-sizing: border-box; border-radius: 22px; display: block; display: flex; align-items: center; gap: 10px; color: #080808; padding: 10px 10px; min-width: 140px; background: #fff !important; border: 1px solid #E5E7E9; } .orders-nav-link:focus{ box-shadow: 0 0 0 0.1rem #ff5000; } .orders-nav-link.active{ background-color: #ff5000; border-color: #ff5000 !important; border: 3px solid #E5E7E9; color: black; } .orders-nav-link:hover{ border-color: #ff5000; background-color: #ff5000; color: black; } @media (min-width: 992px){.orders-nav-link{ padding: 10px 13px; }} @media (min-width: 1200px){.orders-nav-link{ padding: 10px 13px; }} @media (min-width: 1400px){.orders-nav-link{ padding: 10px 18px; }} .orders-nav-link .icon{ font-size: 16px; display: flex; align-items: center; } .orders-nav-link .text{ font-weight: 600; font-size: 14px; line-height: 16px; } .op-search-box{ transition: 0.14s ease; background: #191b27; background: #fff !important; border: 1px solid #E5E7E9; } .op-search-box:focus-within{ box-shadow: 0 0 0 0.25rem #ff500047; } .op-search-box:hover{ background: #293142; } .op-search-box .icon{ color: #637990; } .op-search-box input{ transition: 0.14s ease; background-color: transparent; border: none; outline: none; flex: 1; color: #080808; font-weight: 600; font-size: 14px; line-height: 16px; } .op-search-box input::placeholder{ color: #080808; } .op-card{ margin-bottom: 20px; } .op-stats{ display: block; font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; border: 2px solid #ff5000; border-radius: 15px; padding: 16px 20px; background-color: #ff50001a; border-color: #ff50008f; color: #ff5000; } @media (max-width: 768px){.op-stats{ margin: 2px; }.op-stats i{ position: absolute; left: 4px; font-size: 18px; }} .op-stats i{ position: absolute; left: 10px; font-size: 20px; } .op-stats.op-stats-btn i{ position: initial; left: auto; font-size: 16px; } .op-stats.op-stats-sm{ padding: 16px 20px; border-color: #ff50004f !important; } .op-stats.op-stats-btn{ padding: 16px; display: inline-block; background: #293142; border: 1px solid #566676; color: #566676; transition: 0.14s ease; } .op-stats.op-stats-btn:focus{ box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } .op-stats.op-stats-btn.cs-btn{ font-size: 24px; margin-bottom: 0; } .op-stats.primary{ background-color: #ff50001a; border-color: #ff50008f; color: #ff5000c9; } .op-stats.info{ background-color: rgba(90, 215, 255, 0.15); border-color: #5ad7ff; color: #5ad7ff; } .op-stats.warning{ background-color: rgb(237 126 88 / 1%); border-color: #ed7e58; color: #ed7e58; } .op-stats.danger{ background-color: rgba(238, 91, 91, 0.15); border-color: #ee5b5b; color: #ee5b5b; } .op-stats.danger:focus{ box-shadow: 0 0 0 0.25rem rgba(238, 91, 91, 0.25); } .op-service-title{ font-weight: 600; font-size: 14px; line-height: 25px; color: #080808; margin-bottom: 0px; } .op-search-box.op-order-link{ display: flex; width: 100%; } .op-search-box.op-order-link .link{ display: block; width: 100%; flex: 1 0 0; font-weight: 500; font-size: 14px; line-height: 18px; color: #637990; opacity: 0.8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 530px; } .op-date{ font-weight: 600; font-size: 13px; line-height: 25px; color: #566676; text-align: center; } .op-date::before{ width: 9px; height: 9px; background: #9aacbd; display: inline-block; border-radius: 50%; margin-right: 14px; margin-left: 0px; display: none; } @media (min-width: 992px){.op-date::before{ display: block; }.op-search-box.op-order-link{ min-width: 690px; max-width: 610px; }} .op-item{ display: flex; align-items: center; gap: 8px; flex-direction: column; } @media (min-width: 992px){.op-item{ flex-direction: row; padding-top: 12px; }} .op-item .title{ font-size: 16px; line-height: 18px; color: #72879d; } @media (max-width: 992px){.op-item .title{ font-size: 13px; }} .op-item .icon{ display: flex; align-items: center; font-size: 16px; color: #080808; gap: 8px; } .op-item .text{ font-size: 16px; line-height: 27px; color: #72879d; } .orders-charge-icon{ padding-right: var(--spacing-4); } .orders-status-indicator{ position: relative; } /* ========================= REFUNDS PAGE STARTS ========================= */ .refunds-nav-wrapper .orders-nav{ display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; } .refunds-nav-wrapper .orders-nav li{ flex: 1; min-width: 200px; } /* Make refund stats more compact */ .refunds-table-wrapper .op-item{ margin-bottom: 0.5rem; } .refunds-table-wrapper .op-item .title{ font-size: 0.75rem; margin-bottom: 0.25rem; font-weight: 600; color: #6c757d; } .refunds-table-wrapper .op-item .icon{ font-size: 0.875rem; margin-bottom: 0.25rem; } .refunds-table-wrapper .op-item .text{ font-size: 0.875rem; font-weight: 500; } /* Style Order ID link more prominently */ .refunds-table-wrapper .op-stats.op-id{ transition: all 0.2s ease; cursor: pointer; border: 1px solid transparent; } .refunds-table-wrapper .op-stats.op-id:hover{ transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.2); text-decoration: none; } .refunds-table-wrapper .op-stats.op-id .fas.fa-link{ opacity: 0.8; } .refunds-table-wrapper .op-stats.op-id:hover .fas.fa-link{ opacity: 1; } @media(max-width: 991px){.refunds-nav-wrapper .orders-nav{ flex-direction: column; }.refunds-nav-wrapper .orders-nav li{ min-width: auto; width: 100%; }.refunds-nav-wrapper .orders-nav li .orders-nav-link{ width: 100%; justify-content: center; }.refunds-table-wrapper .op-item .title{ font-size: 0.7rem; }.refunds-table-wrapper .op-item .text{ font-size: 0.8rem; }} /* ========================= SUPPORT TICKET PAGE START ========================= */ .submit-ticket-custom{ color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; border: none !important; } .sc-ticket-card{ padding: 25px 35px; display: block; text-decoration: none; box-sizing: border-box; border-radius: 15px; transition: 0.3s ease; margin-bottom: 15px; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 992px){.sc-ticket-card{ padding: 15px }} .sc-ticket-card:hover{ box-shadow: 0 0 5px #ff50007d; transform: scale(1.01); } .sc-ticket-card .sctc-title{ margin-top: 6px; font-weight: 600; font-size: 13px; line-height: 15px; color: #797d89; } .sc-ticket-card .sctc-text{ font-weight: 600; font-size: 16px; line-height: 18px; color: #080808; } .sd-head{ padding-bottom: 20px; } .sd-back{ display: block; padding: 10px 0 12px; margin: 10px 0; color: #080808; position: relative; display: flex; align-items: center; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 20px; } .sd-back:hover{ color: #080808; } .sd-back:hover::after{ left: -18px; right: -18px; } .sd-back i,.sd-back span{ position: relative; z-index: 3; } .sd-back::after{ content: ""; height: 2px; background-color: #ff5000; position: absolute; left: 0; right: 0; bottom: 0; transition: 0.14s ease; } .sd-tid{ display: flex; align-items: center; justify-content: space-between; gap: 30px; } .sd-tid .title{ font-weight: 600; font-size: 25px; line-height: 31px; margin: 0px; } .sd-tid .tid{ display: block; background: #ff500038; border-radius: 10px; font-weight: 600; font-size: 16px; line-height: 20px; color: #ff5000; padding: 14px 30px; } .card.tc-ti-box{ background-size: cover; background-repeat: no-repeat; color: #080808; box-shadow: inset 0 0 80px #ff50003b; } .card.tc-ti-box .card-body{ padding: 20px; } @media (min-width: 992px){.card.tc-ti-box .card-body{ padding: 42px 33px; }} @media (min-width: 1400px){.card.tc-ti-box .card-body{ padding: 50px 38px; }} .card.tc-ti-box .title{ font-weight: 600; font-size: 35px; line-height: 40px; letter-spacing: -0.04em; } .card.tc-ti-box .text{ font-size: 14px; line-height: 18px; letter-spacing: -0.04em; color: #7e96ad; } .card.tc-ti-box .text p{ margin-bottom: 28px; } .card.tc-ti-box .smmist-mark{ font-weight: 600; font-size: 25px; line-height: 29px; letter-spacing: -0.04em; } .ticket-message-block{ display: flex; } .ticket-message-block.ticket-message-left + .ticket-message-left{ margin-top: -50px; } .ticket-message-block.ticket-message-right + .ticket-message-right{ margin-top: -50px; } .ticket-message-block.ticket-message-right{ justify-content: flex-end; } .ticket-message-block.ticket-message-right .ticket-msg-container{ text-align: right; } .ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg{ background: #ff500036; border-radius: 20px 20px 0 20px; color: #212529; } .ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg{ border-radius: 20px 20px 20px 0px; } .ticket-message-block .ticket-msg-container .ticket-msg{ background: #ff5000; border-radius: 30px; padding: 14px 26px; display: inline-flex; margin-bottom: 12px; font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: 0.3px; color: #fff; } .ticket-message-block .ticket-msg-container .date-time{ font-size: 12px; line-height: 15px; color: #747886; margin-bottom: 30px; padding: 0 10px; display: block; } .ticket-message-left ~ .ticket-message-right .ticket-msg-container .date-time{ opacity: 1; } .ticket-message-left ~ .ticket-message-left .ticket-msg-container .date-time{ opacity: 0; } .ticket-message-right ~ .ticket-message-left .ticket-msg-container .date-time{ opacity: 1; } .schat-body .schat-chat-body{ max-height: 553px; overflow-x: hidden; overflow-y: scroll; padding-right: 5px; } .schat-body .schat-chat-body::-webkit-scrollbar{ width: 6px; border-radius: 3px; } .schat-body .schat-chat-body::-webkit-scrollbar-track{ background: #252c3b; border-radius: 3px; } .schat-body .schat-chat-body::-webkit-scrollbar-thumb{ background: #3e4553; border-radius: 3px; transition: 0.14s ease; } .schat-body .schat-chat-body::-webkit-scrollbar-thumb:hover{ background: #606778; } .schat-body .schat-input{ padding-top: 10px; } .schat-msg-input{ position: relative; display: flex; border-radius: 15px; height: 70px; align-items: center; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .schat-msg-input input{ border: none; outline: none; background: transparent; flex: 1; padding-left: 30px; font-size: 14px; height: -webkit-fill-available; color: #080808; } .btn.sd-send-btn{ box-shadow: none; display: flex; align-items: center; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } #uploader-button{ background: #3792ef !important; border-radius: 15px !important; padding: 10px !important; margin-right: 10px; } #uploader-button span{ color: #fff !important; margin: 0 !important; } #uploader-button a{ color: #fff !important; } .tp-first-card{ background: url(https://storage.perfectcdn.com/8x1jve/thza253styl78ube.png); background-size: cover; background-position: left center; background-repeat: no-repeat; height: max-content; } .tp-second-card{ background: url(https://storage.perfectcdn.com/8x1jve/o904mrt08iiw2sfi.png); background-size: cover; background-position: left center; background-repeat: no-repeat; height: max-content; } .tp-card .card-body{ padding: 28px; } @media (min-width: 992px){.tp-card .card-body{ width: 70%; }} .tp-card-header{ margin-bottom: 18px; } .tp-first-card .tp-badge{ display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; margin-bottom: 8px; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .tp-second-card .tp-badge{ display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; margin-bottom: 8px; color: #ffffff !important; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%) !important; } .tp-text{ font-size: 14px; line-height: 1.6; margin-bottom: 10px; } .tp-text strong{ color: #ff5000; } .tp-muted{ color: #ff5000; font-size: 13px; font-weight: 700; } .tp-list{ padding-left: 0; margin: 0; list-style: none; } .tp-list li{ position: relative; padding-left: 22px; margin-bottom: 10px; font-size: 14px; } .tp-list li::before{ content: "✔"; position: absolute; left: 0; color: #ff5000; font-size: 13px; } /* TICKETS PAGE STYLES */ .tickets-subject-overflow{ overflow: hidden; } /* VIEWTICKET PAGE STYLES */ /* ========================== SUPPORT TICKET PAGE FINISH ========================== */ /* ================================ RESELLER PANEL ORDER PAGE STARTS ================================ */ .cp-sns-title{ font-weight: 600; font-size: 19px; line-height: 23px; color: #080808; margin-bottom: 30px; } .cp-sns-dns{ background: #ff500057; border-radius: 10px; font-weight: 600; font-size: 16px; line-height: 20px; color: #ff5000; background-color: #ff500057; padding: 24px 20px; text-align: center; margin-bottom: 20px; } .cp-top{ margin-bottom: 30px; } .cp-exclamation{ width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #252c3b; background-color: #ee5b5b; font-size: 12px; font-weight: 700; } .aq{ position: relative; } .aq .aq-item{ transition: 0.32s cubic-bezier(0.17, 0.67, 0.71, 1.34); margin-bottom: 20px; border-bottom: 1px solid #6c757d21; } .aq .aq-item .aq-content{ padding: 0px 26px 0px; overflow: hidden; max-height: 0px; transition: 0.32s ease; color: #6c757d; } .aq .aq-item .i-1{ display: block; } .aq .aq-item .i-2{ display: none; } .aq .aq-item.active .i-1{ display: none; } .aq .aq-item.active .i-2{ display: block; } .aq .aq-item.active .aq-content{ padding: 8px 26px 24px; max-height: 1000px; } .aq .aq-btn{ width: 100%; display: block; font-size: 16px; line-height: 20px; display: flex; color: #080808; align-items: center; padding: 20px 0px; border: none; outline: none; background-color: transparent; } .aq .aq-btn .aq-btn-text{ font-weight: 600; padding-left: 20px; text-align: left; font-size: 15px; margin: 0; } @media (max-width: 991px){.aq .aq-btn .aq-btn-text{ max-width: 270px; }} .aq .aq-btn .aq-btn-right{ color: #080808; font-size: 20px; margin-left: auto; width: 72px; opacity: 0.6; } /* CHILD PANEL ORDER PAGE STYLES START */ .childpanel-nameserver-body{ padding: var(--spacing-lg); } .childpanel-considerations-title{ display: flex; align-items: center; gap: var(--spacing-xs); } .childpanel-considerations-title{ color: var(--color-primary); font-weight: var(--font-weight-semibold); } /* CHILD PANEL PAGE STYLES */ /* ================================ RESELLER PANEL ORDER PAGE FINISH ================================ */ /* ================================ MASS ORDER ORDER PAGE STARTS ================================ */ /* MASS ORDER page specific styles */ .mass-order-box .form-group{ text-align: center; } .mass-order-box .bg-text-alert{ background-color: #ffb000; padding: 17px; border-radius: 10px; margin-top: 23px; color: #881300; font-weight: 500; text-align: -webkit-center; display: block; } .mass-order-box .box-text{ margin-bottom: 18px !important; box-shadow: 0px 0px 10px rgb(5 4 8 / 10%); background-color: #323b421c; background-size: cover; border-radius: 20px; margin-bottom: 11px; color: #808191; margin: 0 0 10px; border: 1px solid #f6f6f61f; padding: 30px 15px 30px 15px; font-size: 18px; text-align: -webkit-center; } .mass-order-box .box-text span{ font-weight: bold; color: #ff5000; } .mass-order-box .js-copy-btn{ padding: 17px; justify-content: center; border-radius: 12px; line-height: 24px; transition: all .3s; width: 100%; color: black; } .mass-order-box .js-copy-btn:hover{ color: black; } /* ================================ MASS ORDER ORDER PAGE FINISH ================================ */ /* ======================= EARN PRIZE PAGE START ======================= */ .card h2{ margin-bottom: 18px; font-size: 20px; } /* ====================== EARN PRIZE PAGE FINISH ====================== */ /* ====================== AFFILIATES PAGE STARTS ======================= */ .aft-item{ display: flex; gap: 17px; align-items: center; margin: 5px 0; } .aft-item .title{ font-weight: 800; font-size: 14px; line-height: 18px; color: #ff5000; margin-bottom: 4px; } .aft-item .text{ font-weight: 600; font-size: 16px; line-height: 22px; color: #080808; } .aft-box-row{ margin: 0 -8px -10px; } .aft-box-row > .col{ padding: 0 8px; } .aft-box-row > .col:nth-child(1n) .aft-box::after{ background-color: #ff5000; } .aft-box-row > .col:nth-child(2n) .aft-box::after{ background-color: #fff; } .aft-box-row > .col:nth-child(3n) .aft-box::after{ background-color: #42b549; } .aft-box-row > .col:nth-child(4n) .aft-box::after{ background-color: #ff5000; } .aft-box-row > .col:nth-child(5n) .aft-box::after{ background-color: #fff; } .aft-box-row > .col:nth-child(6n) .aft-box::after{ background-color: #42b549; } .aft-box{ border-width: 1px; border-style: solid; border-color: #ff50004f; background: #ff500017; border-radius: 10px; padding: 20px; position: relative; overflow: hidden; margin-bottom: 16px; } .aft-box .title{ font-weight: 600; font-size: 14px; line-height: 17px; color: #ff5000; } .aft-box .text{ font-weight: 600; font-size: 25px; line-height: 25px; color: #080808; } .aft-box:hover::after{ height: 14px; } .aft-box::after{ content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 8px; background-color: #fff; transition: 0.14s ease; } .affiliates-referral-icon{ background-color: #ff5000 !important; } .affiliates-referral-icon i{ color: #fff !important; } .affiliates-copy-button{ background: #ff5000; border: none; width: 25px; border-radius: 50px; padding: var(--spacing-4) var(--spacing-8); cursor: pointer; transition: all var(--transition-base); } .affiliates-copy-button:hover{ transform: scale(1.05); } .affiliates-copy-button i{ color: #fff !important; } .affiliates-table-section-body{ padding: var(--spacing-32) var(--spacing-24); margin-top: var(--spacing-24); } @media (max-width: 991px){.affiliates-table-section-body{ padding: var(--spacing-24) var(--spacing-16); margin-top: var(--spacing-16); }} /* Affiliates tables mobile responsiveness */ @media (max-width: 768px){.affiliates-statistics-table,.affiliates-payout-table{ font-size: 14px; }.affiliates-statistics-table thead,.affiliates-payout-table thead{ display: none; }.affiliates-statistics-table tbody tr,.affiliates-payout-table tbody tr{ display: block; border: 1px solid var(--color-border); border-radius: var(--border-radius-md); margin-bottom: var(--spacing-16); padding: var(--spacing-16); background: var(--color-card-bg); }.affiliates-statistics-table tbody td,.affiliates-payout-table tbody td{ display: block; text-align: right; border: none; padding: var(--spacing-8) 0; position: relative; padding-left: 50%; }.affiliates-statistics-table tbody td::before,.affiliates-payout-table tbody td::before{ content: attr(data-label) ": "; position: absolute; left: 0; width: 45%; text-align: left; font-weight: 600; color: var(--color-text-secondary); }.affiliates-statistics-table tbody td:last-child,.affiliates-payout-table tbody td:last-child{ border-bottom: none; }} /* Improve table responsive wrapper */ .table-responsive{ border-radius: var(--border-radius-md); overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 768px){.table-responsive{ border: none; overflow-x: visible; }} /* ====================== AFFILIATES PAGE FINISH ======================= */ /* =================== ACCOUNT PAGE STARTS =================== */ /* USER ACCOUNT PAGE D-HELLO */ .d-hello-card{ position: relative; } .d-hello-card .card-body{ padding: 20px; margin-bottom: -20px; } @media (min-width: 992px){.d-hello-card .card-body{ padding: 32px 34px; }} .d-hello-card .d-hello--item{ display: flex; gap: 15px; height: 65px; width: 250px; align-items: center; margin-bottom: 18px; } .d-hello-card .d-hello--item .dh-right .text-2{ width: 250px; font-weight: 600; font-size: 22px; line-height: 29px; color: #080808; } .d-hello-card .d-hello--item .dh-right .text-3{ font-weight: 600; font-size: 15px; line-height: 24px; color: #080808; } /* DASHBOARD ICON BOXES */ .dh-icon{ color: #ff5000; border-radius: 50%; position: relative; height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 400; } .dh-icon.icon-info{ border-radius: 100px; box-shadow: 0px 0px 5px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); } /* USER ACCOUNT PAGE D-HELLO */ .acc-user{ display: flex; align-items: center; gap: 16px; } .acc-user .acc-avatar{ height: 74px; width: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 7px solid #ff5000; } .acc-user .acc-avatar img{ width: calc(100% - 6px); height: calc(100% - 6px); border-radius: 50%; object-fit: cover; } .acc-user .acc-username{ font-weight: 600; font-size: 19px; line-height: 23px; color: #080808; } .acc-user .acc-mail{ font-size: 16px; line-height: 19px; color: #4e5d7c; } .acc-card-left{ display: flex; justify-content: center; height: 100%; } .acc-card-left .card-body{ display: flex; align-items: center; width: 100%; } .acc-card-left .card-body .row{ width: calc(100% + 30px); } .acc-api{ display: flex; padding: 9px 18px 7px 22px; background: #ff500017; border-radius: 15px; color: #ff5000; width: 100%; align-items: center; margin: 0px; } .acc-api .acc-api-key{ width: 100%; font-weight: 600; font-size: 18px; line-height: 25px; text-align: center; color: #ff5000; padding-right: 20px; text-align: left; } .acc-api a{ margin-left: auto; font-size: 24px; line-height: 1; } /* Account Page Styles */ .account-stats-section{ margin-bottom: var(--spacing-lg); } .account-stats-card-body{ padding: var(--spacing-lg); } .account-icon-style{ color: var(--color-primary); text-shadow: 0px 24px 40px rgba(64, 203, 179, 0.1); } .account-api-button-icon{ height: 10px; width: 10px; } .account-api-sync-icon{ color: black; } .account-2fa-error-block{ display: none; } .account-2fa-error-block.show{ display: block; } .account-2fa-generate-form{ display: block; } .account-2fa-generate-form.hide{ display: none; } .account-2fa-approve-form{ display: none; } .account-2fa-approve-form.show{ display: block; } /* =================== ACCOUNT PAGE FINISH =================== */ /* ================== BLOGS OUTSIDE STARTS ================== */ .bp-blogs-wrapper{ padding: 0 0 80px; } /* MODERN BLOG CARD OUT STARTS */ .blog-card{ height: 100%; } .bp-first-card{ background: url(https://storage.perfectcdn.com/8x1jve/6y4uty03w04a5ia8.webp); background-size: cover; background-position: left center; background-repeat: no-repeat; } .bp-card .card-body{ padding: 28px; } @media (min-width: 992px){.bp-card .card-body{ max-width: 70%; }} .bp-first-card .bp-badge{ display: inline-block; font-size: 12px; font-weight: 600; color: #ff5000; background: #ff50001f; padding: 4px 10px; border-radius: 999px; margin-bottom: 8px; } .bp-text{ font-size: 14px; line-height: 1.6; margin-bottom: 10px; } .bp-text strong{ color: #ffffff; } .blog-card-link{ display: block; height: 100%; border-radius: 18px; overflow: hidden; text-decoration: none; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } /* IMAGE */ .blog-media{ position: relative; padding-top: 56%; overflow: hidden; } .blog-media::after{ content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(11, 18, 26, 0.9) 100% ); } .blog-media img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .blog-card-link:hover .blog-media img{ transform: scale(1.08); } /* BODY */ .blog-body{ padding: 26px 28px 28px; } .blog-title{ font-size: 20px; font-weight: 600; line-height: 1.35; color: #080808; margin-bottom: 12px; } .blog-excerpt{ font-size: 13px; line-height: 1.5; color: #6c757d; } /* CTA */ .blog-cta{ display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: #ff5000; transition: gap 0.3s ease, color 0.3s ease; } .blog-card-link:hover .blog-cta{ gap: 16px; } .blog-cta i{ font-size: 14px; } /* MODERN BLOG CARD OUT ENDS */ /* ================== BLOG INSIDE STARTS ================== */ /* Blog Page Title Highlight Style */ /* blog page reback button */ @media only screen and (max-width: 635px){#go-back-blogs-1{ display: none !important; }} @media only screen and (min-width: 635px){#go-back-blogs-2{ display: none !important; }} /* */ /* Blog Post Page Specific Styles */ .blogpost-title{ margin: 0; text-align: center; } .blogpost-go-back-button{ padding: 9px !important; } .blogpost-sidebar{ margin-top: 30px; } .blogpost-sidebar-icon{ color: #ff5000; } .blog-share-wrapper{ display: flex; gap: 10px; } .blog-share-btn{ display: inline-block; box-sizing: border-box; border-radius: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: 0.14s ease; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); color: #fff; } .blog-share-btn i{ transition: 0.14s ease; } .blog-share-btn:focus{ box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } .blog-share-btn:hover{ color: #fff; } .blog-share-btn:hover i{ transform: scale(1.2); } .bi-head-wrapper{ padding: 0 0 30px 0; } /* .bi-head-box { background: #19202a; border: 1px solid #353f55; box-sizing: border-box; border-radius: 35px; position: relative; } */ .bi-head-box .bi-head-bg{ position: absolute; left: 0; top: 0; border-radius: 35px; width: 100%; height: 100%; overflow: hidden; opacity: 0.15; } .bi-head-box .bi-head-bg img{ width: 100%; height: 100%; object-fit: cover; } .bi-head-box .bi-head-content{ position: relative; z-index: 5; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bi-head-box .bi-head-content .bi-cat{ display: inline-block; box-sizing: border-box; color: #ababab; border-radius: 50px; font-weight: 300; text-align: center; font-size: 13px; line-height: 25px; letter-spacing: 0; padding-top: 10px; } .bi-head-box .bi-head-content .bi-title h1{ font-size: 1.2rem; line-height: 1.70; font-weight: 400; text-align: center; text-shadow: 0 0 10px #ffffff45; } .bi-title-icon{ width: 45px; height: 45px; border-radius: 18px; font-size: 23px; display: inline-flex; /* FIX */ align-items: center; justify-content: center; margin: 0 7px; vertical-align: text-bottom; color: #fff; position: relative; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } @media (min-width: 992px){.bi-head-box .bi-head-content .bi-title h1{ font-size: 3rem; line-height: 1.40; padding: 0 200px; }.bi-title-icon{ width: 60px; height: 60px; font-size: 32px; }.bi-head-box .bi-head-content .bi-cat{ font-size: 25px; line-height: 35px; letter-spacing: 0.1px; padding-top: 25px; }} /* Gradient themes */ .bi-title-icon.first{ background: linear-gradient(135deg, #ff5000, #ffccb5); transform: rotate(9deg); } .bi-title-icon.second{ background: linear-gradient(135deg, #f49000, #ffcd37); transform: rotate(-11deg); } .bi-title-icon.third{ background: linear-gradient(135deg, #009e76, #00e6a8); transform: rotate(-14deg); } /* Glow effect */ .bi-title-icon::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top left, rgba(255,255,255,0.35), transparent 60%); opacity: 0.6; pointer-events: none; } /* team picture */ .team-pic-sec{ background: #f7f7f7; } .team-pic-box{ padding: 30px 0 25px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .team-pic{ display: flex; justify-content: center; } .team-pic img{ width: 90%; transform: rotate(359deg); border: 15px solid #ffffff; } @media (min-width: 992px){.team-pic img{ width: 50%; border: 30px solid #ffffff; }.team-pic-box{ padding: 60px 0 45px; }} .team-pic-box span{ transform: rotate(359deg); margin-top: 30px; font-size: 15px; color: #000; font-style: italic; } .aboutus-row{ display: flex; justify-content: center; align-items: center; } .aboutus-box{ text-align: center; font-size: 18px; line-height: 30px; color: #080808; } /* Hover (çok önemli modern hissiyat için) */ .bi-title-icon:hover{ transform: translateY(-4px) scale(1.03); box-shadow: 0 15px 35px rgba(0,0,0,0.25); transition: all 0.3s ease; } .bi-service-category{ padding: 10px 0 10px 0; } #blog-baslik{ color: #ff5000; font-weight: 700; } .blog-content{ padding-bottom: 30px; } .bi-content{ font-size: 16px; line-height: 25px; color: #080808; } #blog-metin h1,#blog-metin h2,#blog-metin h3,#blog-metin h4,#blog-metin h5,#blog-metin h6,#blog-metin h7{ color: #ff5000; } /* #blog-metin p { text-indent: 15px; } */ .bi-content strong{ color: #ff5000; } .bi-content img,.bi-content table{ max-width: 100%; } /* ===================== BLOG CARD INSIDE ENDS ===================== */ /* =============== API PAGE STARTS =============== */ .api-title-section{ padding: 60px 0 30px; } /* API Page Specific Styles */ .api-title-section-hidden{ display: none; } .api-service-type-parameters-hidden{ display: none; } .padding-bottom-api-page{ padding-bottom: 40px; } /* ==================== REGISTER PAGE STARTS ==================== */ .register-page{ position: relative; min-height: 100vh; padding: 120px 0 40px 0; display: flex; align-items: center; } @media (max-width: 992px){.register-page{ padding: 40px 0 40px 0; }} .rp-content{ width: 100%; position: relative; z-index: 10; } .rp-top-img{ width: 100%; padding: 25px 85px; } .rp-left-title{ font-weight: 700; font-size: 35px; line-height: 40px; letter-spacing: -0.04em; margin: 20px 0 10px; background: linear-gradient(90deg, #ff5000 0%, #ff9a5f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .rp-left-text{ font-size: 17px; line-height: 24px; letter-spacing: -0.04em; color: #080808; margin-bottom: 60px; text-align: center; } /* ------- actulus --------- */ .select-container{ position: relative; width: 100%; } .select-container.open .select-options-wrapper{ display: flex; } .select-container.open .select-arrow{ transform: rotate(180deg); } .select-button{ width: 100%; display: flex; align-items: center; cursor: pointer; transition: 0.14s ease; outline: none; box-sizing: border-box; border-radius: 22px; font-weight: 600; font-size: 14px; line-height: 16px; height: 48px; background: #fff; border: 1px solid #E5E7E9; color: #080808; } .selected-text{ font-size: 16px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .select-options-wrapper{ border-radius: 20px; position: absolute; z-index: 6; display: none; align-items: center; flex-direction: column; transition: 0.14s ease; top: 55px; width: 100%; background: #fff; border: 1px solid #E5E7E9; color: #080808; } .select-options{ position: relative; width: 100%; margin: 0; padding: 10px 8px; display: flex; gap: 2px; flex-direction: column; max-height: 380px; overflow-y: auto; } .select-options::-webkit-scrollbar{ width: 6px; } /* Track */ .select-options::-webkit-scrollbar-track{ background: #ff50003b; border-radius: 3px; } /* Handle */ .select-options::-webkit-scrollbar-thumb{ background: #ff5000; border-radius: 3px; } /* Handle on hover */ .select-options::-webkit-scrollbar-thumb:hover{ background: #ff5000; } .select-option{ display: block; font-weight: 600; padding: 8px 12px; border-radius: 10px; cursor: pointer; border: none; outline: none; background-color: transparent; text-align: left; color: #08080896; } .select-option:hover,.select-option:focus{ background-color: rgba(255, 255, 255, 0.1); } .select-option.active{ color: #080808; font-weight: 700; } .search-container{ width: 100%; padding: 10px 10px 3px; } .search-input{ width: 100%; border: 1px solid #eee; border-radius: 4px; height: 38px; padding: 0 14px; outline: none; } .search-input:focus{ box-shadow: 0 0 0 0.125rem rgba(0, 0, 0, 0.1); } .form-group{ margin-bottom: 1rem !important; } .modal-content{ background: #fff; border-radius: 15px; border: 1px solid #bebebe; } .modal-title{ line-height: 1.3; font-size: 19px; font-weight: 600; } .modal-header{ border-bottom: 1px solid #648ab04a; } .modal-body{ color: #ff5000; line-height: 1.3; } .ticket-response{ margin-bottom: 20px; display: none; } .ticket-response.active{ display: block; } .alert.alert-success{ color: #ff5000; background: #ff500014; border: 1px solid #ff50004d; } .alert.alert-danger{ color: #ee5b5b; background: #ee5b5b41; } .alert .close{ position: absolute; right: 20px; top: 13px; outline: none; background-color: transparent; border: none; font-size: 20px; color: #fff; } /* Pagination Styles */ /* swiperjs */ .swiper{ width: 100%; height: 100%; overflow: hidden; } .swiper-slide{ background: transparent; display: flex; box-sizing:border-box; padding-bottom: 10px; padding-top: 10px; } .swiper-pagination-bottom{ position: relative !important; bottom: -15px !important; height: 33px; } /* pagination dots color */ .pagination li.active .page-link{ background-color: #ff5000; color: #fff; } .pagination li .page-link{ margin: 0; height: 50px; padding: 0px; min-width: 50px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 17.3005px; line-height: 18px; color: #080808; position: relative; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 15px; } .pagination li .page-link:focus{ z-index: 2; } /* Pagination Styles FINISH */ /* ========================== Mobile Bottom Fixed Navbar ========================== */ .mobile-navbar{ position: fixed; z-index: 1031; left: 0px; right: 0px; bottom: 0px; height: 56px; border-top: 1px solid; background-color: #fff; border-color: #e8e8e8; padding: 3px 10px 0; } /* Hide mobile navbar on desktop screens */ @media (min-width: 992px){.mobile-navbar{ display: none; }} .mobile-navbar-content{ display: flex; gap: 10px; align-items: center; justify-content: space-around; } .mnc-item{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #ff5000; } .mnc-item.active{ color: #ff5000; } .mnc-item-icon{ font-size: 20px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; height: 30px; } .mnc-item-text{ font-size: 12px; font-weight: 500; } .table{ --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #080808; vertical-align: top; border-color: #dee2e6; } .icons{ font-size: 20px; display: flex; align-items: center; color: #637990 !important; padding: 10px; border-radius: 99px; } .spans{ font-size: 16px; padding: 0px 0px 0 10px; } .agr{ margin-bottom: 30px; } /* .op-stats.neutral { background-color: rgb(40 49 65); border-color: #35405a; color: #ffffff; } */ .page-item:first-child .page-link{ border-top-left-radius: 50px; border-bottom-left-radius: 50px; border: 1px solid #353f55; } .page-item:last-child .page-link{ border-top-right-radius: 50px; border-bottom-right-radius: 50px; border: 1px solid #353f55; } .pagination{ display: flex; justify-content: center; list-style: none; margin-top: 20px; gap: 10px; } /* .pagination li { border: 1px solid #252c3b; box-shadow: 0px 4px 16px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%); padding: 10px 20px; border-radius: 15px; } .pagination .active { background-color: #ff5000; } .pagination .active a { color: black !important; } .pagination li a { font-weight: 700; font-size: 20px; color: white !important; } */ /* ================ EK CSS BAŞLANGIÇ ================ */ /* --------------------------------------------------------------------------------------------*/ /* ------------------------------- Sign in Design By SGadget ------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* ============================================ MODERN FOOTER STYLES - ACCORDION BASED ============================================ */ .footer{ position: relative; z-index: 6; width: 100%; margin-top: 200px; } @media (max-width: 991px){.footer{ margin-top: 0px; }} .footer-top{ background: #f7f7f7b5; border-top: 1px solid #eeeeee; } .footer-bottom{ padding: 15px 0; border-top: 1px solid #e2e2e2; background: #f6f5f5; } .footer-bottom .text-md-start{ font-size: 14px; color: #797d89; line-height: 1.6; } /* Contact Column */ @media (min-width: 991px){.layout-footer-col-contact{ position: relative; bottom: 80px; }} .contact-row{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-radius: 25px; justify-content: space-between; background: url(https://storage.perfectcdn.com/4553qi/ln7d74ml6ot7zyj9.png) no-repeat, #fff; background-size: cover; background-position: center; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 991px){.contact-row{ background: none; border-radius: 0; border: none; box-shadow: none; }} .brand-logo{ display: flex; justify-content: center; } @media (min-width: 991px){.brand-logo{ justify-content: left; }} .brand-slogan{ color: #080808 !important; text-align: center; } @media (min-width: 991px){.brand-slogan{ max-width: 280px; text-align: left; }} .contact-flex{ display: flex; justify-content: center; gap: 15px; } @media (min-width: 991px){.contact-flex{ justify-content: space-around; gap: 0; }} .contact-boxes{ display: flex; flex-direction: row; gap: 15px; transition: transform 0.3s ease; } .contact-boxes:hover{ transform: translateY(-3px); } .footer-icon-box img{ width: 30px; height: 30px; } @media (min-width: 991px){.footer-icon-box img{ width: 50px; height: 50px; }} .clickable-contacts{ display: flex; flex-direction: column; gap: 4px; justify-content: center; } .clickable-contacts-text{ font-size: 16px; font-weight: 600; color: #080808; line-height: 1.2; } .clickable-contacts-subtext{ color: #08080882; } /* Layout Component Styles */ .layout-logo-max-width{ max-width: 200px; } .layout-justify-content-end{ justify-content: end; } .layout-logo-max-width-mobile{ max-width: 180px; } .layout-footer-logo-height{ width: 100%; height: auto; max-width: 200px; } .layout-footer-chevron-mobile{ color: #080808; font-size: 20px; } /* Footer Dropdown Menu */ @media (min-width: 991px){.footer-dropdown-menu{ position: relative; top: -50px; }} /* Footer Section Toggle Buttons */ .footer-droplist-button{ width: 100%; position: relative; display: flex; align-items: center; gap: 12px; padding: 16px 35px 16px 0; border: none; background: none; color: #080808; cursor: pointer; text-align: left; transition: all 0.3s ease; } @media (max-width: 991px){.footer-droplist-button{ border-radius: 15px; margin-bottom: 10px; padding: 16px; background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12); border: 1px solid rgba(0, 0, 0, .125); }} .footer-droplist-button:hover{ color: #ff5000; } .footer-droplist-button[aria-expanded="true"] .footer-chevron{ transform: rotate(180deg); } .layout-footer-icon-general{ font-size: 18px; color: #ff5000; flex-shrink: 0; } .footer-droplist-title{ font-size: 16px; font-weight: 600; letter-spacing: 0.5px; flex: 1; } .footer-chevron{ font-size: 14px; transition: transform 0.3s ease; flex-shrink: 0; } /* Services Section Content */ #kolon-1{ max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; } #kolon-1.active{ max-height: 5000px; } /* Services List */ .services-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } .menu-item{ margin: 0; position: relative; } .menu-item-toggle{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 8px; color: #080808; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-align: left; gap: 12px; background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12); border: 3px solid rgb(0 0 0 / 7%); } .menu-item-toggle:hover{ border-color: #ff5000; color: #000000; } .menu-item-toggle[aria-expanded="true"]{ border-color: #ff5000; color: #ff5000; } .menu-item-toggle span{ flex: 1; text-align: left; } .menu-item-chevron{ font-size: 12px; transition: transform 0.3s ease; flex-shrink: 0; } .menu-item-toggle a{ color: #080808; } .menu-item-toggle:hover a{ color: #ff5000; } .menu-item-toggle[aria-expanded="true"] .menu-item-chevron{ transform: rotate(180deg); } /* Drop Menu (Service Sublist) */ .drop-menu{ list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; padding-left: 0; background: transparent; position: relative; border-radius: 0; display: block; } .menu-item-toggle[aria-expanded="true"] + .drop-menu,.drop-menu.active{ max-height: 800px; padding: 12px 0 12px 20px; } @media (min-width: 991px){.menu-item-toggle[aria-expanded="true"] + .drop-menu,.drop-menu.active{ max-height: 200px; overflow-y: auto; padding: 12px 0 12px 20px; }} .drop-menu::before{ content: ""; position: absolute; left: 0; top: 22px; bottom: 0; width: 2px; background: linear-gradient(to bottom, #ff5000, transparent); opacity: 0; transition: opacity 0.3s ease; } .drop-menu.active::before{ opacity: 1; } .drop-menu-item{ margin: 0; width: 100%; } .drop-menu-item a{ display: block; color: #929cb7; font-size: 13px; text-decoration: none; padding: 10px 0; transition: all 0.3s ease; border-radius: 4px; position: relative; font-weight: 400; } @media (min-width: 991px){.drop-menu-item a::before{ content: "•"; position: absolute; left: 0; color: #ff5000; opacity: 0; transition: opacity 0.3s ease; font-weight: bold; }.drop-menu-item a:hover{ color: #ff5000; padding-left: 20px; }.drop-menu-item a:hover::before{ opacity: 1; }} /* Simple Lists (Provider & Company) */ #kolon-2,#kolon-3{ list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; display: flex; flex-direction: column; gap: 12px; } #kolon-2.active,#kolon-3.active{ max-height: 500px; } #kolon-2 .menu-item,#kolon-3 .menu-item{ margin: 0; } /* Scrollbar for Drop Menus */ .drop-menu::-webkit-scrollbar{ width: 6px; } .drop-menu::-webkit-scrollbar-track{ background: #ff500040; border-radius: 3px; } .drop-menu::-webkit-scrollbar-thumb{ background: #ff5000; border-radius: 3px; } .drop-menu::-webkit-scrollbar-thumb:hover{ background: #ff5000; } /* width */ .drop-menu::-webkit-scrollbar{ width: 6px; } /* Track */ .drop-menu::-webkit-scrollbar-track{ background: #ff500040; } /* Handle */ .drop-menu::-webkit-scrollbar-thumb{ background: #ff5000; } @media (max-width: 991px){.menu-item .drop-menu{ top: 100%; left: 0; right: auto; }} .menu-item:hover .drop-menu{ display: block; } /* ------------------- FOOTER SECTION ENDS ------------------- */ /* --------------------------- RANDOM ICONS SIGN IN STARTS --------------------------- */ .final-section{ margin: 160px 0 200px 0; } @media (min-width: 991px){.final-section{ padding: 130px 0 200px 0; }} .hbl-title{ text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 15px 0; } @media (min-width: 991px){.hbl-title{ padding: 0; }} .hbl-title .title{ font-weight: bold; font-size: 35px; line-height: 40px; letter-spacing: -0.04em; color: #080808; } .hbl-title .title span{ color: #ff5000; } .randomly-icons-part{ position: relative; } .fixed-m-frame{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; background-color: #2dfad5; color: #fff; font-size: 20px; } .fixed-xl-frame{ width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; background-color: #2dfad5; color: #fff; font-size: 30px; } .icon-white{ color: #ffffff; } .icon-black{ color: #000000; } /* left side icons */ .icons-left-1{ left: 23%; top: -40%; background: #298be5; box-shadow: 0px 0px 20px #298be5; animation: shake-left-up-to-right-down 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-1{ left: 11%; top: -30%; }} .icons-left-2{ left: 18%; top: 30%; background: #b25cf0; box-shadow: 0px 0px 20px #b25cf0; animation: shake-left-to-right 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-2{ left: 43%; top: 120%; }} .icons-left-3{ left: 23%; top: 100%; background: #ff5700; box-shadow: 0px 0px 20px #ff5700; animation: shake-left-down-to-right-up 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-3{ left: 20%; top: 110%; }} .icons-left-4{ left: 10%; top: -50%; background: #fa7e1e; box-shadow: 0px 0px 20px #fa7e1e; animation: shake-left-up-to-right-down 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-4{ left: 0%; top: -80%; }} .icons-left-5{ left: 5%; top: 30%; background: #c4302b; box-shadow: 0px 0px 20px #c4302b; animation: shake-left-to-right 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-5{ left: 0%; top: 140%; }} .icons-left-6{ left: 10%; top: 110%; background: #00acee; box-shadow: 0px 0px 20px #00acee; animation: shake-left-down-to-right-up 2s ease-in-out infinite; } @media (max-width: 800px){.icons-left-6{ left: 41%; top: 155%; }} /* right side icons */ .icons-right-1{ right: 23%; top: -40%; background: #ed812b; box-shadow: 0px 0px 20px #ed812b; animation: shake-right-up-to-left-down 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-1{ right: 42%; top: -35%; }} .icons-right-2{ right: 18%; top: 30%; background: #81b71a; box-shadow: 0px 0px 20px #81b71a; animation: shake-right-to-left 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-2{ right: 8%; top: -30%; }} .icons-right-3{ right: 23%; top: 100%; background: #0072b1; box-shadow: 0px 0px 20px #0072b1; animation: shake-right-down-to-left-up 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-3{ right: 18%; top: 110%; }} .icons-right-4{ right: 10%; top: -50%; background: #4267b2; box-shadow: 0px 0px 20px #4267b2; animation: shake-right-up-to-left-down 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-4{ right: 39%; top: -85%; }} .icons-right-5{ right: 5%; top: 30%; background: #fff; box-shadow: 0px 0px 20px #b2b2b2; animation: shake-right-to-left 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-5{ right: 0%; top: -80%; }} .icons-right-6{ right: 10%; top: 110%; background: #ffa500; box-shadow: 0px 4px 20px #ffa500; animation: shake-right-down-to-left-up 2s ease-in-out infinite; } @media (max-width: 800px){.icons-right-6{ right: 5%; top: 140%; }} /* shaker frames */ @keyframes shake-left-up-to-right-down { 0% { transform: translate(-3px, -3px); } 50% { transform: translate(3px, 3px); } 100% { transform: translate(-3px, -3px); } } @keyframes shake-right-up-to-left-down { 0% { transform: translate(3px, -3px); } 50% { transform: translate(-3px, 3px); } 100% { transform: translate(3px, -3px); } } @keyframes shake-left-to-right { 0% { transform: translateX(0); } 50% { transform: translateX(6px); } 100% { transform: translateX(0); } } @keyframes shake-right-to-left { 0% { transform: translateX(0); } 50% { transform: translateX(-6px); } 100% { transform: translateX(0); } } @keyframes shake-right-down-to-left-up { 0% { transform: translate(3px, 3px); } 50% { transform: translate(-3px, -3px); } 100% { transform: translate(3px, 3px); } } @keyframes shake-left-down-to-right-up { 0% { transform: translate(-3px, 3px); } 50% { transform: translate(3px, -3px); } 100% { transform: translate(-3px, 3px); } } /* ----------------------------- RANDOMLY ICONS PART RENEWED ENDS -------------------------------- */ /* ------------------------------- SIGN IN 360 ROTATE BIRD FERRIES ------------------------------- */ @keyframes dondur { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .saydamlik-sign-in:before{ content: ""; width: 930px; height: 80px; position: absolute; bottom: 0; background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%); z-index: 999; } @media (max-width: 991px){.responsive-img-edits{ height: 500px; }} @media (max-width: 800px){.responsive-img-edits{ height: 450px; }} @media (max-width: 700px){.responsive-img-edits{ height: 350px; }} @media (max-width: 600px){.responsive-img-edits{ height: 300px; }} @media (max-width: 500px){.responsive-img-edits{ height: 220px; }} .responsive-img-edits-icons{ height: 500px; overflow: hidden; position: relative; z-index: 99; display: flex; justify-content: center; flex-wrap: wrap } @media (max-width: 991px){.responsive-img-edits-icons{ height: 400px; width: 100%; overflow: hidden; z-index: 99; }} @media (max-width: 700px){.responsive-img-edits-icons{ height: 350px; width: 100%; overflow: hidden; z-index: 99; }} @media (max-width: 600px){.responsive-img-edits-icons{ height: 275px; width: 100%; overflow: hidden; z-index: 99; }} @media (max-width: 500px){.responsive-img-edits-icons{ height: 200px; width: 100%; overflow: hidden; z-index: 99; }} /* ----------------- CUSTOMER VİDEO STARTS -------------------- */ /* ------------------------------------------------ */ /* ---------------- Landing Page Style ----------- */ /* ------------------------------------------------ */ /* welcoming section */ .landing-main-title{ font-size: 30px; font-weight: 700; text-align: center; } @media only screen and (min-width: 991px){.landing-main-title{ font-size: 48px; }} .landing-main-title span{ color: #ff5000; position: relative; background: #ff5000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .landing-subtitle{ font-size: 14px; padding-bottom: 0; margin-bottom: 0; text-align: center; } @media only screen and (min-width: 991px){.landing-subtitle{ font-size: 18px; margin: auto; max-width: 800px; }} .animated-number-style{ font-size: 25px; font-weight: 600; } /* Priced services in boxes */ /* Orta container */ .qnt-main{ width: 100%; margin: auto; } @media (min-width: 992px){.qnt-main{ max-width: 800px; }} .qnt-card{ background: #fff; border-radius: 20px; padding: 10px; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 992px){.qnt-card{ padding: 10px; }} /* Paket grid */ .quantity-boxes{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } @media (max-width: 768px){.quantity-boxes{ grid-template-columns: repeat(3, 1fr); }} /* Paket kartı */ .edition{ position: relative; border-radius: 20px; padding: 6px 0; text-align: center; transition: .25s; cursor: pointer; overflow: hidden; background: #fff; border: 1px solid #d3d3d3; color: #080808; } @media (min-width: 991px){.edition:hover{ box-shadow: 0 2px 4px #d7d7d7; transform: translateY(-2px); }} /* Selected */ /* selected package */ .edition.active{ border: 2px solid #ff5000; } /* check icon */ .edition.active::after{ content:"✓"; position:absolute; top:8px; right: 8px; width:18px; height:18px; border-radius:50%; background:#ff5000; color:#fff; font-size: 13px; font-weight:700; display:flex; align-items:center; justify-content:center; } .mother-part{ color: #080808; } .service-discount{ font-size: 12px; color: #ff5000; font-weight: 600; } /* Fiyat kutusu */ .price-box{ padding: 20px 20px 15px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; background: #ffffff; border-radius: 20px; border: 2px solid #ff5000ba; position: relative; overflow: hidden; } @media (max-width: 768px){.price-box{ margin-top: 12px; padding: 15px }} .old-price{ text-decoration: line-through; color: #9ca3af; font-size: 18px; } .ribbon{ position:absolute; top:30px; right:-67px; color:#fff; font-weight:700; font-size:13px; padding:6px 60px; transform:rotate(45deg); letter-spacing:.5px; text-transform:uppercase; background: #ff5000; } .new-price{ font-size: 42px; font-weight: 600; color: #ff5000; margin: 10px 0 10px; } .btn-add-cart{ background: #ff5000; border: none; padding: 14px; border-radius: 14px; color: #000; font-weight: 700; transition: .2s; } .btn-add-cart:hover{ transform: scale(1.03); } /* ============================= */ /* REVIEWS SECTION DESKTOP */ /* ============================= */ .reviews-section{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; height:800px; overflow:hidden; position:relative; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, black 15%, black 85%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, black 15%, black 85%, transparent 100% ); } .reviews-col{ position:relative; } .reviews-track{ display:flex; flex-direction:column; gap:15px; animation:scrollReviews 25s linear infinite; will-change:transform; } .reviews-col.reverse .reviews-track{ animation-direction:reverse; } @keyframes scrollReviews{ 0%{ transform:translateY(0); } 100%{ transform:translateY(-50%); } } /* buton desktopta görünmesin */ .reviews-more-overlay{ display:none; } /* ============================= */ /* REVIEWS SECTION MOBILE */ /* ============================= */ @media (max-width:768px){.reviews-section{ grid-template-columns:1fr; height:auto; -webkit-mask-image:none; mask-image:none; }.reviews-col:nth-child(2),.reviews-col:nth-child(3){ display:none; }.reviews-section.expanded .reviews-col{ display:flex; }.reviews-track{ animation:none; transform:none; }.reviews-section::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:120px; background:linear-gradient( to bottom, rgba(28,30,43,0), #fff ); pointer-events:none; }.reviews-more-overlay{ display: block; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-weight: 600; color: #fff; cursor: pointer; z-index: 2; font-size: 14px; letter-spacing: .5px; background: rgba(0, 0, 0, .35); padding: 6px 14px; border-radius: 20px; backdrop-filter: blur(4px); }.reviews-section.expanded::after{ display:none; }.reviews-section.expanded .reviews-more-overlay{ position:relative; bottom:auto; left:auto; transform:none; display:block; margin: auto ; width:max-content; }} /* Review Card Design */ .review-card{ width:100%; } .comment-inner{ display:flex; gap:15px; align-items:center; } .review-modern{ border-radius:30px; padding:24px; max-width:500px; } .rev-color-1{ background: #ff500012; } .rev-color-2{ background: #ff50002b; } .rev-color-3{ background: #ff50004f; } /* HEADER */ .review-header{ display:flex; align-items:center; gap:15px; } .review-avatar{ width:55px; height:55px; border-radius:50%; object-fit:cover; } .review-name{ font-weight:600; font-size:15px; } .verified{ color: #ff5000; margin-left:5px; } .review-stars{ margin-left:auto; } .comment-stars{ font-size: 12px; color: #ff5000; } /* TEXT */ .review-text{ margin-top: 20px; font-size: 14px; line-height: 1.6; color: #2e2e2e; } /* IMAGE */ .review-image{ margin-top:25px; } .review-image img{ width:100%; border-radius:25px; display:block; } .review-avatar,.review-image img{ filter: brightness(1.1); } /* TAGS */ .review-tags{ display:flex; gap:12px; margin-top:20px; } .review-tags span{ background: #ffffff82; border: 1px solid #ffffffa6; padding:8px 14px; border-radius:20px; font-size:10px; font-weight:600; } /* landing page how to use part's timeline*/ .landing-video-call{ margin: auto; } @media (min-width: 991px){.landing-video-call{ width: 80%; margin: auto; }} /* --------- BADGE SECTION --------------*/ .badges-section{ background: none; } .badge-slider{ overflow: hidden; -webkit-mask-image: linear-gradient( to right, transparent 0%, black 30%, black 70%, transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, black 30%, black 70%, transparent 100% ); } .badge-track{ display:flex; gap:80px; width:max-content; animation:badgeScroll 25s linear infinite; } .badge-track img{ width:105px; height:auto; } @keyframes badgeScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } /* --------- Seo Texts Parts --------------*/ .informative-sections{ width: 100%; margin: auto; border-radius: 20px; padding: 25px; margin-bottom: 1rem; max-height: 350px; overflow: hidden; position: relative; transition: max-height .4s ease; } /* Fade */ .informative-sections::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(to bottom, rgba(28, 30, 43, 0), rgb(255 255 255)); transition: opacity .3s ease; } /* Read More text */ .read-more-overlay{ position:absolute; bottom:18px; left:50%; transform:translateX(-50%); font-weight:600; color:#fff; cursor:pointer; z-index:2; font-size:14px; letter-spacing:.5px; background:rgba(0,0,0,.35); padding:6px 14px; border-radius:20px; backdrop-filter: blur(4px); } /* Expanded */ .informative-sections.expanded{ max-height: 15000px; } .informative-sections.expanded::after{ opacity: 0; } .informative-sections.expanded .read-more-overlay{ position: relative; bottom: auto; margin-top: 20px; text-align: center; width: fit-content; } .scroll-boxes-left{ height: fit-content; text-align: left; font-size: 14px; padding: .5rem; color: #080808; } @media only screen and (min-width: 991px){.scroll-boxes-left{ padding: 25px 50px 25px 0 !important }} .scroll-boxes-right{ height: fit-content; text-align: left; font-size: 14px; padding: .5rem; color: #080808; } @media (min-width: 991px){.scroll-boxes-right{ padding: 25px 0px 25px 50px !important }} .seo-title-h2{ color: #ff5000; text-align: center; font-weight: bold; font-size: 30px; line-height: 40px; letter-spacing: -0.04em; } @media (min-width: 991px){.seo-title-h2{ padding: 0 30px; }} .scroll-boxes-left h3,.scroll-boxes-right h3{ color: #ff5000; font-size: 22px; text-align: center; } @media (min-width: 991px){.scroll-boxes-left h3,.scroll-boxes-right h3{ text-align: left; }} /*----- advantages of smm.ist part ----*/ .aq .aq-item:last-child{ margin-bottom:80px; } .faq-wrapper{ position:relative; max-height:300px; overflow:hidden; transition:max-height .6s cubic-bezier(.4,0,.2,1); } /* expanded */ .faq-wrapper.expanded{ max-height: 5000px; } /* fade */ .faq-overlay{ position:absolute; bottom:0; left:0; right:0; height:120px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:15px; background:linear-gradient( to bottom, rgba(20,22,35,0), #fff ); cursor:pointer; transition:opacity .3s ease; } .faq-more-text{ font-weight: 600; color: #fff; cursor: pointer; z-index: 2; font-size: 14px; letter-spacing: .5px; background: rgba(0, 0, 0, .35); padding: 6px 14px; border-radius: 20px; backdrop-filter: blur(4px); } .faq-more-text{ transition:transform .25s ease; } .faq-overlay:hover .faq-more-text{ transform:translateY(-3px); } /* ----- Free Trial Sections ------ */ .direction-section{ padding: 15px; } @media (max-width: 991px){.direction-section{ padding: 20px 0; }} .direction-trial-part-box{ margin: auto; text-align: center; align-items: center; justify-content: center; } .direction-paymet{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; } .direction-paymet img{ width: 40px; height: 40px; object-fit: contain; filter: brightness(1.1); padding: 3px; border-radius: 99px; border: 1px solid #d1d1d1; } @media (min-width: 991px){.direction-paymet img{ width: 50px; height: 50px; padding: 4px; border-radius: 999px; }} .live-notification{ width: 100%; max-width: 520px; margin: 20px auto; background: #ff50000d; border: 2px solid #ff50001c; border-radius: 20px; padding: 12px 16px; position: relative; overflow: hidden; height: 50px; } /* ortak yapı */ .notif-inner{ position: absolute; left: 16px; right: 16px; display: flex; align-items: center; gap: 10px; } /* giriş animasyonu */ .enter{ animation: slideIn 0.7s ease forwards; } /* çıkış animasyonu */ .exit{ animation: slideOut 0.3s ease forwards; } @keyframes slideIn { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } } /* canlı nokta */ .live-dot{ width: 10px; height: 10px; background: #ff5000; border-radius: 50%; box-shadow: 0 0 0 6px #ff50000d; } /* metin */ .notif-text{ font-size: 14px; color: #ff5000; } /* sağ taraf */ .notif-right{ margin-left: auto; display: flex; align-items: center; gap: 8px; color: #ff5000; font-weight: 600; } .check-icon{ width: 20px; height: 20px; border-radius: 50%; background: #ff500030; font-size: 10px; color: #ff5000; display: flex; align-items: center; justify-content: center; font-weight: 700; } .time-text{ font-size: 14px; opacity: 0.8; } .get-free-btn{ background: none; border: none; color: #ff5000; padding-top: 15px; font-size: 16px; font-weight: 400; } .free-trial-timer{ display: none; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); background: #fff; color: #080808; border-radius: 15px; align-items: center; text-align: center; } .free-trial-input{ display: none; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); background: #fff; color: #080808; border-radius: 15px; align-items: center; text-align: center; flex-direction: column; } .free-trial-completed{ display: none; border: 1px solid rgba(0, 0, 0, .125); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12); background: #fff; color: #080808; border-radius: 15px; align-items: center; text-align: center; font-weight: 500; flex-wrap: wrap; } .directions-final-box{ color: #fff; align-items: center; } .directions-final-top{ display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; } .directions-final-top-icons{ font-size: 15px; color: #ffa500; } .directions-final-top-img img{ --border-width: 3px; position: relative; display: inline-block; width: calc(35px + var(--border-width)); height: calc(35px + var(--border-width)); border-radius: 100%; overflow: hidden; border: var(--border-width) solid #fff; } .directions-final-top-img > img:not(:first-child){ margin-left: calc(-1 * (10px + var(--border-width))); } /* ------ Free Trial Count Down Style ------*/ .count-down{ width: 10em; height: 10em; } .count-down__number{ font-size: 14.5pc; font-family: "Source Sans Pro", Helvetica; font-weight: bold; fill: white; } .count-down__progress{ stroke: #c82b00; stroke-width: 16; fill: transparent; stroke-dasharray: 78.5em; stroke-dashoffset: 78.5em; animation: progressAnimation 1s; animation-iteration-count: infinite; animation-direction: reverse; animation-fill-mode: forward; animation-timing-function: ease-in-out; transform: rotate(-90deg); transform-origin: center center; } .count-down__progress-background{ stroke: none; stroke-width: 0; fill: #ff3d3a; } @keyframes progressAnimation { 0% { stroke-dashoffset: 78.5em; } 100% { stroke-dashoffset: 0; } } /* Provider Landings Start */ /* Küçük tablet */ /* Laptop */ /* ------------------------- Landing page specific styles ----------------------------*/ .info-image-box{ display: flex; justify-content:center; align-items: center; height: 100%; } @media (max-width: 991px){.info-image-box{ padding: 15px 60px; }} .informative-image{ width: 100%; border-radius: 25px; } /* ------------------------- Common Row Styles ----------------------------*/ .hero-row{ /* Row styling for hero section */ } /* ------------------------- Spacing Utilities ----------------------------*/ /* Additional comprehensive CSS classes for removing all inline styles */ /* Row styling with auto width and margin */ /* Image styling with border radius */ /* Landing page Whatsapp provider */ /* Updates Page Styles */ .updates-filter-button{ padding: var(--spacing-md); } /* ========================= PAYMENT METHODS ========================= */ /* GRID */ .payment-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; padding: 0; margin: 0 auto; align-items: start; } @media (max-width: 480px){.payment-grid{ grid-template-columns: repeat(3, 1fr); gap: 0.55rem; padding: 0; }} /* CARD */ .payment-card{ height: 150px; width: 100%; background: #ffffff; border: 1px solid rgba(0, 0, 0, .125); border-radius: 20px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); display: flex; align-items: center; justify-content: center; overflow: hidden; } /* ICON */ .payment-icon{ width: 70px; height: 70px; object-fit: contain; } /* ===== SMM.IST V2 START (tasarim/_build.py üretir; elle düzenleme) ===== */ /* ===================================================================== smm.ist v2 — tasarım sistemi --------------------------------------------------------------------- Kurallar - Bütün sınıflar "s-" ile başlar. Bootstrap 5 (.btn, .card, .nav …) ile çakışmaz; panel sayfaları bozulmadan yeni katman yanına eklenebilir. - Renk, boşluk, yazı ve hareket değerleri yalnız aşağıdaki değişkenlerden gelir. Sayfaya özel sabit renk yazılmaz. - Tekrar eden şablon başlıkları

değil, .s-h2 sınıflı

/ olur. Her sayfanın kendi içerik başlıkları

/

kalır (SEO). - Animasyonlar prefers-reduced-motion: reduce'da kapanır. ===================================================================== */ /* ---------- 1. Fontlar ---------- */ @font-face{font-family:"THICCCBOI";src:url(https://storage.perfectcdn.com/4553qi/04kdumz7tg7m41dh.woff2) format("woff2");font-weight:400;font-display:swap} @font-face{font-family:"THICCCBOI";src:url(https://storage.perfectcdn.com/4553qi/t2w1nx3k6op15dzk.woff2) format("woff2");font-weight:500;font-display:swap} @font-face{font-family:"THICCCBOI";src:url(https://storage.perfectcdn.com/4553qi/fue2rtztehmztsgl.woff2) format("woff2");font-weight:600;font-display:swap} @font-face{font-family:"THICCCBOI";src:url(https://storage.perfectcdn.com/4553qi/2ec9cn6ggyc0k2qb.woff2) format("woff2");font-weight:700;font-display:swap} @font-face{font-family:"THICCCBOI";src:url(https://storage.perfectcdn.com/4553qi/rmw04zw4ka8a0079.woff2) format("woff2");font-weight:800;font-display:swap} /* Gövde ve başlık yazı tipi: THICCCBOI (eski smm.ist gibi; Files'tan 400–800). Telefon sahneleri bilerek -apple-system. */ /* ---------- 2. Temel değerler (tokens) ---------- */ :root{ /* zemin ve yüzeyler */ --s-bg:#14151b; --s-surface:#1b1c23; --s-surface-2:#23242e; --s-surface-3:#2c2d38; --s-line:#2a2b34; --s-line-2:#383a45; /* metin */ --s-text:#f4f6fb; --s-muted:#9aa1b5; --s-faint:#6b7287; /* marka */ --s-lime:#ff5000; --s-lime-hover:#ff7333; --s-lime-ink:#220b00; --s-lime-soft:#ff500016; --s-blue:#3b8cff; --s-blue-soft:#3b8cff1f; --s-violet:#8a5cff; --s-violet-soft:#8a5cff1f; --s-beak:#ff8a3d; --s-star:#ffc83d; /* durum */ --s-success:#3ddc84; --s-success-soft:#3ddc841a; --s-warning:#ffb547; --s-warning-soft:#ffb5471a; --s-danger:#ff5d6c; --s-danger-soft:#ff5d6c1a; /* yazı */ --s-display:"THICCCBOI",system-ui,sans-serif; --s-body:"THICCCBOI",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --s-fs-hero:clamp(44px,8.5vw,92px); --s-fs-h1:clamp(38px,6vw,64px); --s-fs-h2:clamp(30px,4.6vw,52px); --s-fs-h3:clamp(20px,2.4vw,26px); --s-fs-lead:clamp(17px,2vw,20px); --s-fs-body:16px; --s-fs-small:14px; --s-fs-xs:12px; /* boşluk (4'ün katları) */ --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-section:clamp(64px,9vw,112px); /* köşe */ --s-r-xs:8px; --s-r-s:12px; --s-r-m:18px; --s-r-l:28px; --s-r-xl:36px; --s-r-pill:999px; /* gölge (yalnız yüzen öğeler) */ --s-shadow:0 30px 80px -30px #000; /* hareket */ --s-ease:cubic-bezier(.2,.7,.2,1); --s-fast:.2s; --s-med:.45s; --s-slow:.8s; /* yerleşim */ --s-max:1160px; --s-header:64px; } /* ---------- 3. Taban ---------- */ :where(.s-root),:where(.s-root) *{box-sizing:border-box} .s-root{background:var(--s-bg);color:var(--s-text);font:var(--s-fs-body)/1.6 var(--s-body);-webkit-font-smoothing:antialiased} :where(.s-root) img{max-width:100%;display:block} :where(.s-root) a{color:inherit;text-decoration:none} :where(.s-root) :focus-visible{outline:2px solid var(--s-lime);outline-offset:3px;border-radius:var(--s-r-xs)} .s-wrap{width:min(var(--s-max),100% - 32px);margin-inline:auto} .s-section{padding:var(--s-section) 0} .s-section + .s-section{border-top:1px solid var(--s-line)} /* ---------- 4. Tipografi ---------- */ .s-hero-title,.s-h1,.s-h2,.s-h3{font-family:var(--s-display);letter-spacing:-.025em;line-height:1.04;margin:0} .s-hero-title{font-size:var(--s-fs-hero);font-weight:800;max-width:11ch} .s-h1{font-size:var(--s-fs-h1);font-weight:800} .s-h2{font-size:var(--s-fs-h2);font-weight:800;max-width:18ch} .s-h3{font-size:var(--s-fs-h3);font-weight:700;line-height:1.15} .s-lead{font-size:var(--s-fs-lead);color:var(--s-muted);max-width:46ch;margin:0} .s-muted{color:var(--s-muted)} .s-small{font-size:var(--s-fs-small)} .s-accent{color:var(--s-lime)} /* ---------- 5. Buton ---------- */ .s-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);border-radius:var(--s-r-pill);border:1px solid transparent;font:600 16px var(--s-body);cursor:pointer;white-space:nowrap;transition:background var(--s-fast),border-color var(--s-fast),color var(--s-fast),transform var(--s-fast)} .s-btn:active{transform:translateY(1px)} .s-btn--primary{background:var(--s-lime);color:var(--s-lime-ink)} .s-btn--primary:hover{background:var(--s-lime-hover)} .s-btn--ghost{background:transparent;border-color:var(--s-line-2);color:var(--s-text)} .s-btn--ghost:hover{border-color:var(--s-muted)} .s-btn--dark{background:var(--s-lime-ink);color:var(--s-lime)} .s-btn--dark:hover{background:#000} .s-btn--sm{min-height:40px;padding:0 var(--s-4);font-size:var(--s-fs-small)} .s-btn--block{width:100%} .s-btn[disabled],.s-btn.is-loading{opacity:.55;pointer-events:none} .s-btn.is-loading::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:s-spin .7s linear infinite} /* ---------- 6. Etiket, rozet, durum ---------- */ .s-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--s-r-pill);border:1px solid var(--s-line);font:500 var(--s-fs-small)/1.2 var(--s-body);color:var(--s-muted)} .s-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)} .s-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--s-r-pill);font:600 var(--s-fs-xs)/1.3 var(--s-body);white-space:nowrap;background:var(--s-surface-2);color:var(--s-muted)} .s-badge--lime{background:var(--s-lime-soft);color:var(--s-lime)} .s-badge--success{background:var(--s-success-soft);color:var(--s-success)} .s-badge--warning{background:var(--s-warning-soft);color:var(--s-warning)} .s-badge--danger{background:var(--s-danger-soft);color:var(--s-danger)} .s-badge--info{background:var(--s-blue-soft);color:var(--s-blue)} .s-badge--dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .s-num{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:800 22px var(--s-display);color:var(--s-muted);border:1px solid var(--s-line-2);transition:all var(--s-med)} .s-num.is-active,.s-num--on{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink);box-shadow:0 8px 24px -8px #ff500080} /* ---------- 7. Kart ---------- */ .s-card{background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-r-l);padding:var(--s-6)} .s-card--raised{background:var(--s-box);box-shadow:0 1px 0 #0808080d inset} .s-card--lime{background:var(--s-lime);color:var(--s-lime-ink);border-color:var(--s-lime)} .s-card--lime .s-lead,.s-card--lime .s-muted{color:#3a1200} /* ---------- 8. Form ---------- */ .s-field{display:grid;gap:6px;margin-bottom:var(--s-4)} .s-label{font-size:var(--s-fs-small);color:var(--s-muted)} .s-input,.s-select{width:100%;min-height:50px;padding:0 var(--s-4);border-radius:14px;border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-text);font:16px var(--s-body);transition:border-color var(--s-fast)} .s-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--s-muted) 50%),linear-gradient(135deg,var(--s-muted) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:var(--s-10)} .s-input:focus,.s-select:focus{outline:none;border-color:var(--s-lime)} .s-input::placeholder{color:var(--s-faint)} .s-help{font-size:13px;color:var(--s-faint)} .s-field.is-error .s-input,.s-field.is-error .s-select{border-color:var(--s-danger)} .s-field.is-error .s-help{color:var(--s-danger)} .s-check{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--s-muted);font-size:var(--s-fs-small);cursor:pointer} .s-check input{accent-color:var(--s-lime);width:16px;height:16px} .s-input-group{display:flex;align-items:center;border:1px solid var(--s-line);border-radius:14px;background:var(--s-bg)} .s-input-group .s-input{border:0;background:transparent} .s-input-group span{padding:0 var(--s-4);color:var(--s-muted);font-size:var(--s-fs-small);white-space:nowrap} /* ---------- 9. Uyarı kutusu ---------- */ .s-alert{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border-radius:var(--s-r-m);border:1px solid;font-size:15px} .s-alert b{display:block;margin-bottom:2px} .s-alert--info{background:var(--s-blue-soft);border-color:#3b8cff40;color:#080808f4} .s-alert--success{background:var(--s-success-soft);border-color:#3ddc8440;color:#c7f5da} .s-alert--warning{background:var(--s-warning-soft);border-color:#ffb54740;color:#ffe3b8} .s-alert--danger{background:var(--s-danger-soft);border-color:#ff5d6c40;color:#080808f4} /* ---------- 10. Sekme (pill) ---------- */ .s-tabs{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none} .s-tabs::-webkit-scrollbar{display:none} .s-tab{flex:none;font:600 var(--s-fs-small) var(--s-body);padding:8px 14px;border-radius:var(--s-r-pill);border:1px solid var(--s-line-2);background:transparent;color:var(--s-muted);cursor:pointer;transition:all var(--s-fast)} .s-tab:hover{color:var(--s-text)} .s-tab[aria-selected=true]{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)} [role=tabpanel][hidden]{display:none} /* ---------- 11. Akordeon (SSS) ---------- */ .s-faq details{border-bottom:1px solid var(--s-line)} .s-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;font:700 19px/1.3 var(--s-display)} .s-faq summary::-webkit-details-marker{display:none} .s-faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:2px solid var(--s-muted);border-bottom:2px solid var(--s-muted);transform:rotate(45deg) translateY(-3px);transition:transform var(--s-fast)} .s-faq details[open] summary::after{transform:rotate(225deg)} .s-faq details > :not(summary){color:var(--s-muted);padding-bottom:var(--s-5);max-width:62ch;margin:0} /* ---------- 12. Tablo (siparişler, servisler) ---------- */ .s-table-wrap{border:1px solid var(--s-line);border-radius:var(--s-r-l);overflow:auto;background:var(--s-surface)} .s-table{width:100%;border-collapse:collapse;font-size:var(--s-fs-small)} .s-table th{text-align:left;font-weight:600;color:var(--s-faint);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--s-line);white-space:nowrap} .s-table td{padding:var(--s-4);border-bottom:1px solid var(--s-line);vertical-align:middle} .s-table tr:last-child td{border-bottom:0} .s-table tbody tr:hover{background:#08080805} .s-table .s-num-cell{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap} /* dar ekranda satırlar karta dönüşür */ @media (max-width:719px){.s-table--stack thead{display:none}.s-table--stack tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:var(--s-4);border-bottom:1px solid var(--s-line)}.s-table--stack td{padding:0;border:0}.s-table--stack td[data-label]::before{content:attr(data-label)" ";color:var(--s-faint)}} /* ---------- 13. Sayfalama ---------- */ .s-pager{display:flex;gap:6px;flex-wrap:wrap} .s-pager a,.s-pager span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 var(--s-3);border-radius:var(--s-r-s);border:1px solid var(--s-line);color:var(--s-muted);font-size:var(--s-fs-small)} .s-pager a:hover{border-color:var(--s-line-2);color:var(--s-text)} .s-pager [aria-current=page]{background:var(--s-surface-2);color:var(--s-text);border-color:var(--s-line-2)} /* ---------- 14. Avatar, puan ---------- */ .s-avatars{display:flex} .s-avatars img{width:36px;height:36px;border-radius:50%;border:2px solid var(--s-bg);margin-left:-10px;object-fit:cover} .s-avatars img:first-child{margin-left:0} .s-rating{font-size:var(--s-fs-small);line-height:1.3} .s-rating .s-stars{color:var(--s-star);letter-spacing:2px} .s-face{flex:none;width:52px;height:52px;border-radius:50%;background:var(--s-lime);overflow:hidden;position:relative} .s-face img{position:absolute;height:52px;width:auto;max-width:none;left:0;top:0} /* ---------- 15. Header ---------- */ .s-header{position:sticky;top:0;z-index:30;background:#f7f8facc;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s} .s-header.is-scrolled{border-color:var(--s-line)} .s-header .s-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:var(--s-header)} .s-logo img{height:36px;width:auto} .s-nav{display:none;gap:28px;font-size:15px;color:var(--s-muted)} .s-nav a:hover,.s-nav a[aria-current=page]{color:var(--s-text)} .s-header__actions{display:flex;gap:var(--s-2);align-items:center} .s-burger{width:40px;height:40px;border-radius:12px;border:1px solid var(--s-line-2);background:transparent;display:grid;place-items:center;cursor:pointer} .s-burger span,.s-burger span::before,.s-burger span::after{display:block;width:16px;height:2px;background:var(--s-text);border-radius:2px;position:relative;transition:transform var(--s-fast)} .s-burger span::before,.s-burger span::after{content:"";position:absolute;left:0} .s-burger span::before{top:-5px} .s-burger span::after{top:5px} .s-burger[aria-expanded=true] span{background:transparent} .s-burger[aria-expanded=true] span::before{transform:translateY(5px) rotate(45deg)} .s-burger[aria-expanded=true] span::after{transform:translateY(-5px) rotate(-45deg)} .s-sheet{position:fixed;inset:var(--s-header) 0 auto 0;background:var(--s-bg);border-bottom:1px solid var(--s-line);padding:var(--s-4) 16px var(--s-6);display:grid;gap:var(--s-2);z-index:29} .s-sheet[hidden]{display:none} .s-sheet a{padding:var(--s-3) 0;font:700 22px var(--s-display);border-bottom:1px solid var(--s-line)} @media (min-width:860px){.s-nav{display:flex}.s-burger,.s-sheet{display:none!important}} /* ---------- 16. Footer ---------- */ .s-footer{border-top:1px solid var(--s-line);padding:56px 0 40px;font-size:15px} .s-footer__top{display:grid;gap:var(--s-8);margin-bottom:var(--s-10)} .s-footer__top p{color:var(--s-muted);max-width:36ch;margin-top:14px} .s-community{display:flex;flex-wrap:wrap;gap:10px} .s-community a{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:var(--s-r-pill);border:1px solid var(--s-line);font-size:var(--s-fs-small)} .s-community a:hover{border-color:var(--s-line-2)} .s-community img{width:28px;height:28px} .s-footer__bottom{display:grid;gap:var(--s-3);margin-top:var(--s-8);color:var(--s-faint);font-size:13px} .s-footer__bottom nav{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--s-muted);font-size:var(--s-fs-small)} @media (min-width:1100px){.s-footer__top{grid-template-columns:minmax(280px,1fr) auto;align-items:end}.s-footer__bottom{grid-template-columns:1fr auto;align-items:center}} .s-linkpanel{border:1px solid var(--s-line);border-radius:var(--s-r-l);padding:var(--s-5);background:var(--s-surface)} .s-linkpanel .s-tabs{padding-bottom:var(--s-4);border-bottom:1px solid var(--s-line)} .s-linkpanel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 24px} .s-linkpanel li a{display:block;padding:6px 0;color:var(--s-muted);font-size:var(--s-fs-small)} .s-linkpanel li a:hover{color:var(--s-lime)} .s-linkpanel__title{font:700 20px var(--s-display);margin:18px 0 10px} /* ---------- 17. Video çerçevesi ---------- */ @property --s-angle{syntax:"";inherits:false;initial-value:0deg} .s-video{position:relative;border-radius:26px;padding:3px;background:conic-gradient(from var(--s-angle),var(--s-lime),var(--s-blue),var(--s-violet),var(--s-lime));box-shadow:var(--s-shadow)} .s-video > div{border-radius:23px;overflow:hidden;background:#0d0e15;aspect-ratio:16/9} .s-video iframe,.s-video video{display:block;width:100%;height:100%;border:0} /* ---------- 18. Kaydırma bandı (logolar) ---------- */ .s-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)} .s-marquee > ul{display:flex;gap:56px;width:max-content;align-items:center;list-style:none;margin:0;padding:0} .s-marquee img{height:56px;width:auto;opacity:.8} /* 724 logoları 200×80 ve kenar boşluklu; smm.ist'teki 22 px'lik yazı boyuna denk */ /* ---------- 19. Sahne (ekrana sabitlenen bölüm) ----------
… [data-scene-item] …
Geniş ekranda (≥960px) bölüm sabitlenir, kaydırma ilerledikçe aktif öğe değişir. Dar ekranda ve reduced-motion'da normal akışta kalır. */ .s-scene{position:relative} @media (min-width:960px){.js .s-scene{height:var(--s-scene-h,300vh)}.js .s-scene__stage{position:sticky;top:var(--s-header);min-height:calc(100vh - var(--s-header));display:flex;flex-direction:column;justify-content:center;padding:var(--s-8) 0}} .s-fade-swap{position:relative} .s-fade-swap > *{transition:opacity var(--s-med),transform var(--s-med) var(--s-ease)} @media (min-width:960px){.js .s-fade-swap > *{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.98);pointer-events:none}.js .s-fade-swap > .is-active{opacity:1;transform:none;pointer-events:auto}.js .s-fade-swap > .is-past{transform:translateY(-24px) scale(.98)}} .s-card[data-scene-tab]{transition:border-color var(--s-med),background var(--s-med)} .s-card[data-scene-tab].is-active{border-color:var(--s-line-2);background:var(--s-surface-2)} [data-scene-tab].is-active .s-num{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink);box-shadow:0 8px 24px -8px #ff500080} /* ---------- 20. Görünür olunca gelme ---------- */ @media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity var(--s-slow) var(--s-ease),transform var(--s-slow) var(--s-ease)}.js [data-reveal].is-in{opacity:1;transform:none}.s-video{animation:s-angle 8s linear infinite}.s-marquee > ul{animation:s-slide 32s linear infinite}.s-load > *{animation:s-rise var(--s-slow) var(--s-ease) both}.s-load > :nth-child(2){animation-delay:.08s}.s-load > :nth-child(3){animation-delay:.16s}.s-load > :nth-child(4){animation-delay:.24s}} @keyframes s-angle{to{--s-angle:360deg}} @keyframes s-slide{to{transform:translateX(-50%)}} @keyframes s-rise{from{opacity:0;transform:translateY(20px)}} @keyframes s-spin{to{transform:rotate(360deg)}} /* ===================================================================== BÖLÜMLER — sayfaların ortak bölüm kalıpları (ana sayfa + landingler) ===================================================================== */ /* ---------- 21. Hero ---------- */ .s-hero{padding:clamp(40px,7vw,96px) 0 clamp(56px,8vw,96px)} .s-hero__grid{display:grid;gap:var(--s-10)} .s-hero__grid .s-lead{margin:var(--s-5) 0 28px} @media (min-width:960px){.s-hero__grid{grid-template-columns:1.15fr .85fr;align-items:center}} .s-proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .s-pill-link{display:inline-flex;align-items:center;gap:var(--s-3);margin-top:28px;padding:8px 18px 8px 8px;border-radius:var(--s-r-pill);border:1px solid var(--s-line);font-size:15px} .s-pill-link:hover{border-color:var(--s-line-2)} .s-play{width:36px;height:36px;border-radius:50%;background:var(--s-surface-2);display:grid;place-items:center} .s-play::before{content:"";border-left:10px solid var(--s-lime);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px} /* perde: data-curtain verilen hero sabitlenir, sonraki bölümler üstüne kayar */ .s-curtain-on [data-curtain]{position:sticky;top:var(--s-header);z-index:0;transform-origin:50% 0;opacity:calc(1 - var(--s-hp,0)*.7);transform:scale(calc(1 - var(--s-hp,0)*.06))} .s-curtain-on main > :not([data-curtain]),.s-curtain-on .s-footer{position:relative;z-index:1;background:var(--s-bg)} .s-curtain-on [data-curtain] + *{border-radius:32px 32px 0 0;box-shadow:0 -1px 0 var(--s-line)} /* ---------- 22. Bölüm başı ---------- */ .s-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s-4);margin-bottom:var(--s-8)} .s-head .s-btn{flex:none} .s-center{text-align:center} .s-center .s-h2,.s-center .s-lead{margin-inline:auto} /* ---------- 23. Adım listesi (sahne sekmeleri) ---------- */ .s-split{display:grid;gap:var(--s-6);align-items:center} @media (min-width:960px){.s-split{grid-template-columns:.95fr 1.05fr;gap:56px}.s-split--even{grid-template-columns:1fr 1fr;gap:64px}} /* ---------- 24. Büyük kelime listesi (Why) ---------- */ .s-words{display:grid;gap:4px;margin-top:28px} .s-words button{all:unset;cursor:pointer;font:800 clamp(30px,4.6vw,54px)/1.08 var(--s-display);letter-spacing:-.025em;color:#565e7c;transition:color var(--s-med)} .s-words button:focus-visible{outline:2px solid var(--s-lime);outline-offset:4px;border-radius:8px} .s-words button.is-active{color:var(--s-text)} .s-dots{display:flex;gap:6px;margin-top:var(--s-4)} .s-dots i{height:4px;flex:1;border-radius:4px;background:var(--s-line);transition:background var(--s-med)} .s-dots i.is-active,.s-dots i.is-past{background:var(--s-lime)} @media (min-width:960px){.js .s-slides{min-height:440px}} .s-slide{border-radius:var(--s-r-l);border:1px solid var(--s-line);background:var(--s-surface);padding:var(--s-8);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:340px;overflow:hidden;position:relative} .s-slide p{color:var(--s-muted);font-size:18px;max-width:36ch;margin:0} .s-big{font:800 clamp(64px,9vw,110px)/.9 var(--s-display);letter-spacing:-.04em} .s-big small{font-size:.35em;color:var(--s-muted);letter-spacing:0;margin-right:8px} .s-slide--lime{background:radial-gradient(120% 90% at 100% 0%,#ff500026,transparent 60%),var(--s-surface)} .s-slide--blue{background:radial-gradient(120% 90% at 100% 0%,#3b8cff2e,transparent 60%),var(--s-surface)} .s-slide--violet{background:radial-gradient(120% 90% at 100% 0%,#8a5cff2e,transparent 60%),var(--s-surface)} .s-slide svg{position:absolute;top:28px;right:28px;width:min(60%,300px);height:auto} .s-slide path{stroke:var(--s-blue);stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:0} .js .s-slide path{stroke-dashoffset:600;transition:stroke-dashoffset 1.6s var(--s-ease)} .js .s-slide.is-active path,.js .s-slide.is-in path{stroke-dashoffset:0} .s-mini{position:absolute;top:28px;right:28px;width:min(58%,280px);border-radius:16px;border:1px solid var(--s-line-2);background:var(--s-bg);padding:14px;display:grid;gap:8px;font-size:13px} .s-mini div{display:flex;justify-content:space-between;color:var(--s-muted)} .s-mini b{color:var(--s-text)} /* ---------- 25. Ray: dar ekranda kaydırmalı kartlar, geniş ekranda sahne ---------- */ .s-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(82%,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none;align-items:start} .s-rail::-webkit-scrollbar{display:none} .s-rail > *{scroll-snap-align:start} @media (min-width:960px){.js .s-rail.s-fade-swap{display:block;overflow:visible;padding:0}} /* ---------- 26. Kişi listesi (ünlüler) ---------- */ /* ---------- 27. Yorum ---------- */ /* ---------- 28. Logo ızgarası (ödeme) ---------- */ .s-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;list-style:none;margin:0;padding:0} .s-logos li{aspect-ratio:1.4;border-radius:var(--s-r-m);background:var(--s-surface);border:1px solid var(--s-line);display:grid;place-items:center;padding:14px} .s-logos img{max-height:44px;width:auto;object-fit:contain} /* ---------- 29. Kapanış çağrısı (lime kart + maskot) ---------- */ .s-cta{position:relative;border-radius:var(--s-r-xl);background:var(--s-lime);color:var(--s-lime-ink);padding:clamp(36px,6vw,72px);display:grid;gap:18px} .s-cta .s-h2{color:var(--s-lime-ink);font-size:clamp(38px,6.5vw,76px);max-width:11ch} .s-cta p{font-size:clamp(17px,2vw,20px);max-width:36ch;color:#3a1200;margin:0} .s-cta .s-chip{border-color:transparent;background:#220b001a;color:var(--s-lime-ink);font-weight:600} .s-cta__duck{display:none} @media (min-width:900px){.s-cta{padding-right:280px}.s-cta__duck{display:block;position:absolute;right:72px;bottom:0;width:160px;height:450px;overflow:hidden;pointer-events:none}.s-cta__duck img{position:absolute;width:950px;max-width:none;left:-395px;top:-80px}} /* ---------- 30. Blog kartı ---------- */ .s-guides{display:grid;gap:var(--s-4)} @media (min-width:860px){.s-guides{grid-template-columns:repeat(3,1fr)}} .s-guide{display:flex;flex-direction:column;border-radius:var(--s-r-l);overflow:hidden;background:var(--s-surface);border:1px solid var(--s-line);transition:border-color var(--s-fast)} .s-guide:hover{border-color:var(--s-line-2)} .s-guide img{aspect-ratio:16/10;object-fit:cover;width:100%} .s-guide > div{padding:20px 22px 24px;display:grid;gap:8px} .s-guide p{color:var(--s-muted);font-size:15px;margin:0} /* ---------- 31. Paket seçici (landing) ---------- */ .s-pack{all:unset;box-sizing:border-box;cursor:pointer;border-radius:16px;border:1px solid var(--s-line);background:var(--s-bg);padding:10px 6px;display:grid;gap:2px;text-align:center;transition:border-color var(--s-fast),background var(--s-fast)} .s-pack b{font:800 clamp(18px,4.6vw,22px) var(--s-display)} .s-pack small{color:var(--s-muted);font-size:13px} .s-pack:hover{border-color:var(--s-line-2)} .s-pack[aria-checked=true]{border-color:var(--s-lime);background:var(--s-lime-soft)} .s-pack[aria-checked=true] small{color:var(--s-lime)} .s-pack:focus-visible{outline:2px solid var(--s-lime);outline-offset:2px} .s-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--s-line)} .s-total strong{font:800 32px var(--s-display);color:var(--s-lime)} .s-total small{display:block;color:var(--s-muted)} .s-ticks{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--s-muted);font-size:15px} .s-ticks li{display:flex;gap:10px;align-items:flex-start} .s-ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--s-lime-soft) center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' stroke='%23ff5000' stroke-width='2' fill='none'/%3E%3C/svg%3E")} /* ---------- 32. Uzun içerik (landing makalesi) ---------- */ .s-prose{max-width:72ch} .s-prose h2{font:800 clamp(28px,4vw,40px)/1.1 var(--s-display);letter-spacing:-.02em;margin:56px 0 14px} .s-prose h3{font:700 22px/1.2 var(--s-display);margin:32px 0 8px} .s-prose p,.s-prose li{color:#080808e1} .s-prose p{margin:0 0 16px} .s-prose a{color:var(--s-lime);text-decoration:underline;text-underline-offset:3px} .s-grid-cards{display:grid;gap:var(--s-3);margin:20px 0 8px} @media (min-width:700px){.s-grid-cards{grid-template-columns:1fr 1fr}} .s-grid-cards > div{padding:20px;border-radius:var(--s-r-m);background:var(--s-surface);border:1px solid var(--s-line)} .s-grid-cards b{display:block;font:700 18px var(--s-display);margin-bottom:4px;color:var(--s-text)} .s-grid-cards p{margin:0;color:var(--s-muted);font-size:15px} .s-toc{position:sticky;top:calc(var(--s-header) + 24px);display:none;gap:4px;font-size:14px} .s-toc a{color:var(--s-faint);padding:6px 0 6px 14px;border-left:2px solid var(--s-line)} .s-toc a.is-active{color:var(--s-text);border-color:var(--s-lime)} @media (min-width:1100px){.s-article{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}.s-toc{display:grid}} /* ===================================================================== v2.1 — renk çeşitliliği, oklu butonlar, servis kartları, yorum duvarı, animasyonlu SSS (Patron geri bildirimi 2026-10-20) ===================================================================== */ :root{ --s-pink:#ff5fa2; --s-pink-soft:#ff5fa21f; --s-cyan:#2fd3ff; --s-cyan-soft:#2fd3ff1f; --s-orange:#ff8a3d; --s-orange-soft:#ff8a3d1f; --s-yellow:#ffd43b; --s-yellow-soft:#ffd43b1f; --s-lime-2:#ff783a; --s-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* ---------- 33. Oklu ve renkli butonlar ---------- */ .s-btn--primary{background:linear-gradient(100deg,var(--s-lime) 0%,var(--s-lime-2) 100%);position:relative;overflow:hidden} .s-btn--primary::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff70 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--s-ease)} .s-btn--primary:hover::before{transform:translateX(120%)} .s-btn--light{background:#f4f6fb;color:#12131c} .s-btn--light:hover{background:#fff} .s-btn--arrow{padding-right:6px;gap:12px} .s-btn__ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform var(--s-fast) var(--s-ease)} .s-btn__ico::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--s-arrow) center/contain no-repeat;mask:var(--s-arrow) center/contain no-repeat} .s-btn--arrow:hover .s-btn__ico{transform:translateX(3px)} .s-btn--primary .s-btn__ico{background:var(--s-lime-ink);color:var(--s-lime)} .s-btn--light .s-btn__ico{background:var(--s-lime);color:var(--s-lime-ink)} .s-btn--dark .s-btn__ico{background:var(--s-lime);color:var(--s-lime-ink)} .s-btn--ghost .s-btn__ico{background:var(--s-surface-2);color:var(--s-text)} .s-btn--sm.s-btn--arrow{padding-right:4px} .s-btn--sm .s-btn__ico{width:30px;height:30px} /* ---------- 34. Renkli etiket (servis adı) ---------- */ .s-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:14px;font:inherit;line-height:1.15} .s-tag::before{content:"";flex:none;width:.95em;height:.95em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9 0 18%,transparent 19%),currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)} .s-tag--lime{background:var(--s-lime-soft);color:var(--s-lime)} .s-tag--violet{background:var(--s-violet-soft);color:#b296ff} .s-tag--blue{background:var(--s-blue-soft);color:#7fb3ff} .s-tag--pink{background:var(--s-pink-soft);color:var(--s-pink)} .s-tag--cyan{background:var(--s-cyan-soft);color:var(--s-cyan)} .s-tag--orange{background:var(--s-orange-soft);color:var(--s-orange)} /* ---------- 35. Servis kartı ---------- */ .s-svcs{display:grid;gap:var(--s-4)} @media (min-width:760px){.s-svcs{grid-template-columns:repeat(2,1fr)}} @media (min-width:1100px){.s-svcs{grid-template-columns:repeat(3,1fr)}} .s-svc{display:flex;flex-direction:column;gap:var(--s-5);padding:10px;border-radius:30px;background:var(--s-surface);border:1px solid var(--s-line);transition:transform var(--s-med) var(--s-ease),border-color var(--s-med)} .s-svc:hover{transform:translateY(-4px);border-color:var(--s-line-2)} .s-svc__top{border-radius:22px;background:var(--s-surface-2);padding:22px 22px 20px;display:grid;gap:14px;flex:1} .s-svc__title{font:700 clamp(24px,2.4vw,30px)/1.15 var(--s-display);letter-spacing:-.02em;margin:0} .s-svc__title .s-tag{margin-top:6px} .s-svc__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 10px 14px} .s-svc__price small{display:block;color:var(--s-muted);font-size:13px} .s-svc__price b{font:800 26px var(--s-display);letter-spacing:-.02em} .s-svc__price span{color:var(--s-muted);font-size:13px;margin-left:4px} .s-svc.is-current{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} /* ---------- 36. Yorum duvarı (kaydırdıkça sağa-sola kayan iki sıra) ---------- */ .s-wall__row{display:flex;gap:18px;width:max-content;will-change:transform} .s-wcard{flex:none;width:min(84vw,520px);border-radius:28px;background:var(--s-surface);border:1px solid var(--s-line);padding:26px;display:flex;flex-direction:column;gap:18px} .s-wcard__top{display:flex;justify-content:space-between;align-items:center;gap:10px} .s-wcard__stat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font:600 13px var(--s-body)} .s-wcard blockquote{margin:0;font:600 clamp(18px,1.7vw,22px)/1.4 var(--s-display);letter-spacing:-.005em;color:#080808;flex:1} .s-wcard__who{display:flex;align-items:center;gap:12px} .s-wcard__who img{width:44px;height:44px;border-radius:50%;object-fit:cover} .s-wcard__who b{display:block;font-weight:600} .s-wcard__who small{color:var(--s-muted);font-size:13px} .s-tile{flex:none;width:min(60vw,300px);border-radius:28px;overflow:hidden;position:relative} .s-tile img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.92} @media (prefers-reduced-motion:reduce){.s-wall__row{overflow-x:auto;width:auto;scroll-snap-type:x mandatory}.s-wall__row > *{scroll-snap-align:start}} /* ---------- 37. Animasyonlu SSS ---------- */ .s-qa{display:grid;gap:10px;max-width:860px} .s-qa details{border-radius:22px;background:var(--s-surface);border:1px solid var(--s-line);transition:background var(--s-med),border-color var(--s-med);overflow:hidden} .s-qa details:hover{border-color:var(--s-line-2)} .s-qa details[open]{background:var(--s-surface-2);border-color:color-mix(in srgb,var(--s-lime) 40%,transparent)} .s-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font:700 clamp(17px,1.6vw,20px)/1.3 var(--s-display)} .s-qa summary::-webkit-details-marker{display:none} .s-qa summary i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--s-surface-3);position:relative;transition:transform var(--s-med) var(--s-ease),background var(--s-med)} .s-qa summary i::before,.s-qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--s-text);transform:translate(-50%,-50%)} .s-qa summary i::after{transform:translate(-50%,-50%) rotate(90deg)} .s-qa details[open] summary i{transform:rotate(135deg);background:var(--s-lime)} .s-qa details[open] summary i::before,.s-qa details[open] summary i::after{background:var(--s-lime-ink)} .s-qa .s-qa__a{padding:0 22px 22px;color:var(--s-muted);max-width:68ch} .s-qa .s-qa__a p{margin:0} /* ---------- 38. Video tam otursun ---------- */ .s-video > div{display:block} /* ===================================================================== v2.2 — iframe video, hareketli mini arayüzlü adım kartları, eğik renkli ünlü kartları, iki sütunlu SSS (Patron geri bildirimi 2026-10-22) ===================================================================== */ :root{ --s-c-violet:#251b45; --s-c-green:#12301f; --s-c-blue:#0f2740; --s-c-pink:#3a1430; --s-c-orange:#3a2210; } /* ---------- 39. Video (iframe, çerçeveyi her durumda doldurur) ---------- */ .s-video2{position:relative;border-radius:30px;padding:3px;background:conic-gradient(from var(--s-angle),var(--s-lime),var(--s-blue),var(--s-violet),var(--s-pink),var(--s-lime));box-shadow:var(--s-shadow);max-width:920px;margin:0 auto} .s-video2 > div{position:relative;border-radius:27px;overflow:hidden;background:#0d0e15;aspect-ratio:16/9} .s-video2 iframe{position:absolute;inset:0;width:100%;height:100%;border:0} @media (prefers-reduced-motion:no-preference){.s-video2{animation:s-angle 8s linear infinite}} /* ---------- 40. Adım kartları + mini arayüzler ---------- */ .s-howcards{display:grid;gap:14px;margin-top:40px} @media (min-width:700px){.s-howcards{grid-template-columns:repeat(2,1fr)}} @media (min-width:1100px){.s-howcards{grid-template-columns:repeat(4,1fr)}} .s-hc{border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px;border:1px solid #08080810;min-height:340px} .s-hc--violet{background:var(--s-c-violet)} .s-hc--green{background:var(--s-c-green)} .s-hc--blue{background:var(--s-c-blue)} .s-hc--pink{background:var(--s-c-pink)} .s-hc__head{display:flex;align-items:center;justify-content:space-between;gap:10px} .s-hc__n{font:800 13px var(--s-body);padding:4px 10px;border-radius:99px;background:#08080814;color:var(--s-text)} .s-hc h3{font:700 22px/1.15 var(--s-display);margin:0} .s-hc p{margin:0;color:#080808e1;font-size:15px} .s-ui{flex:1;display:grid;place-items:center;min-height:150px} .s-ui__box{width:100%;max-width:240px;border-radius:18px;background:#ffffffe6;border:1px solid #08080814;padding:14px;display:grid;gap:10px;box-shadow:0 20px 40px -20px #0808084c} .s-ui__label{font-size:12px;color:var(--s-muted)} .s-ui__input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--s-lime);font:600 14px var(--s-body)} .s-ui__type{overflow:hidden;white-space:nowrap;border-right:2px solid var(--s-lime);width:0} .s-ui__chips{display:flex;gap:6px;flex-wrap:wrap} .s-ui__chips span{padding:6px 10px;border-radius:99px;border:1px solid #08080822;font:600 12px var(--s-body);color:#080808ed} .s-ui__chips span.on{background:var(--s-pink);border-color:var(--s-pink);color:#fff} .s-ui__toast{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:#000;font:600 12px var(--s-body)} .s-ui__toast i{width:18px;height:18px;border-radius:50%;background:var(--s-success)} .s-ui__big{font:800 34px var(--s-display);letter-spacing:-.02em} .s-ui__up{display:inline-flex;padding:3px 8px;border-radius:8px;background:var(--s-success-soft);color:var(--s-success);font:700 12px var(--s-body)} .s-ui svg{width:100%;height:44px} .s-ui svg path{fill:none;stroke:var(--s-blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:0} @media (prefers-reduced-motion:no-preference){.js .s-hc{opacity:0;transform:translateY(24px);transition:opacity .7s var(--s-ease),transform .7s var(--s-ease)}.js .s-hc.is-in{opacity:1;transform:none}.js .s-hc:nth-child(2){transition-delay:.08s}.js .s-hc:nth-child(3){transition-delay:.16s}.js .s-hc:nth-child(4){transition-delay:.24s}.s-hc.is-in .s-ui__type{animation:s-type 2.4s steps(14) .4s infinite alternate}.s-hc.is-in .s-ui__chips span:nth-child(3){animation:s-chip 3s 1s infinite}.s-hc.is-in .s-ui__toast{animation:s-pop .5s 1.4s both}.js .s-hc .s-ui svg path{stroke-dashoffset:300}.s-hc.is-in .s-ui svg path{transition:stroke-dashoffset 1.8s var(--s-ease) .3s;stroke-dashoffset:0}} @media (prefers-reduced-motion:reduce){.s-ui__type{width:auto;border:0}} @keyframes s-type{0%{width:0}70%,100%{width:13ch}} @keyframes s-chip{0%,30%{background:transparent;color:#080808ed;border-color:#08080822}40%,100%{background:var(--s-pink);border-color:var(--s-pink);color:#fff}} @keyframes s-pop{from{opacity:0;transform:translateY(10px) scale(.9)}} /* ---------- 41. Eğik renkli kartlar (ünlüler) ---------- */ /* ---------- 42. İki sütunlu SSS ---------- */ .s-qa2{display:grid;gap:16px;align-items:start} @media (min-width:960px){.s-qa2{grid-template-columns:1fr 1fr}} .s-qa2 > .s-qa{max-width:none;padding:10px;border-radius:30px;background:var(--s-surface);border:1px solid var(--s-line);gap:8px} .s-qa2 details{background:var(--s-surface-2);border-color:transparent;border-radius:20px} .s-qa2 summary{font:600 16px/1.35 var(--s-body);padding:18px 18px 18px 22px} .s-qa2 summary i{width:30px;height:30px;background:#08080814} .s-qa2 summary i::before,.s-qa2 summary i::after{width:12px} .s-root{overflow-x:clip} /* ===================================================================== v2.3 — Apple sistem renkleri, grafit kartlar, kaydırdıkça gelen yelpaze kartları (Patron geri bildirimi 2026-10-22) ===================================================================== */ :root{ /* Apple sistem renkleri (koyu mod) */ --s-blue:#0a84ff; --s-blue-soft:#0a84ff1f; --s-violet:#5e5ce6; --s-violet-soft:#5e5ce61f; --s-pink:#ff375f; --s-pink-soft:#ff375f1f; --s-orange:#ff9f0a; --s-orange-soft:#ff9f0a1f; --s-cyan:#64d2ff; --s-cyan-soft:#64d2ff1f; --s-yellow:#ffd60a; --s-yellow-soft:#ffd60a1f; --s-success:#30d158; --s-success-soft:#30d1581f; /* grafit kart: çok hafif renk süzmesi + ince ışık kenarı */ --s-graphite:linear-gradient(165deg,#22232c 0%,#191a22 55%,#16171e 100%); } .s-tag--violet{color:#8e8cff} .s-tag--blue{color:#5aa9ff} .s-tag--pink{color:#ff6b88} .s-tag--orange{color:#ffb340} .s-tag--cyan{color:#64d2ff} /* adım ve ünlü kartları: grafit zemin, renk yalnız ince üst ışıkta */ .s-hc{background:var(--s-graphite)!important;border:1px solid #08080812;position:relative;overflow:hidden} .s-hc::before{content:"";position:absolute;inset:0 0 auto 0;height:140px;pointer-events:none;background:radial-gradient(120% 100% at 0% 0%,var(--tint,#0a84ff) 0%,transparent 70%);opacity:.16} .s-hc > *{position:relative} .s-hc--violet{--tint:var(--s-violet)} .s-hc--green{--tint:var(--s-success)} .s-hc--blue{--tint:var(--s-blue)} .s-hc--pink{--tint:var(--s-pink)} .s-hc__n{background:color-mix(in srgb,var(--tint) 22%,transparent);color:color-mix(in srgb,var(--tint) 70%,var(--s-text))} /* yorum duvarı karoları: düz renk yerine grafit + renkli ince çerçeve */ .s-tile{background:#f7f8fa!important;border:1px solid color-mix(in srgb,var(--tint,#0a84ff) 35%,transparent)} .s-tile img{mix-blend-mode:normal;opacity:1} /* kaydırdıkça gelen yelpaze (geniş ekran): bölüm sabitlenir, kartlar alttan tek tek gelir */ /* ===================================================================== v2.4 — iPhone çerçevesi, 3D ikonlar (3dicons.co, CC0, gradient), ölçülü hareket (Patron 2026-10-22) ===================================================================== */ /* ---------- 43. iPhone çerçevesi (geniş ekranda; telefonda çerçevesiz) ---------- */ /* ---------- 44. 3D ikon ---------- */ .s-3d{display:block;width:var(--sz,64px);height:auto;filter:drop-shadow(0 14px 20px #08080826);pointer-events:none;user-select:none} @media (prefers-reduced-motion:no-preference){.s-float{animation:s-float var(--fd,7s) ease-in-out var(--fdel,0s) infinite}} @keyframes s-float{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--rot,0deg) + 4deg))}} /* hero etrafında süzülen ikonlar + fare derinliği (yalnız geniş ekran) */ .s-art{position:relative} .s-art__ico{display:none} @media (min-width:960px){.s-art__ico{display:block;position:absolute;z-index:3;transition:translate .6s var(--s-ease)}} /* servis kartı ikonu */ .s-svc__top{position:relative} .s-svc__title{padding-right:72px} /* adım kartı çıkartması */ .s-hc__ico{position:absolute!important;top:12px;right:12px;--sz:58px;z-index:2} .s-hc:hover .s-hc__ico{animation-duration:2.2s} /* liste kartı ikonu */ .s-grid-cards > div > .s-3d{--sz:48px;margin:-4px 0 10px -4px;transition:transform .5s var(--s-ease)} .s-grid-cards > div:hover > .s-3d{transform:rotate(-10deg) scale(1.1)} /* ===================================================================== v2.5 — Twicsy düzeninde açılış, sipariş paneli, son siparişler, güven şeridi, butonlu yorum slider'ı, önce/sonra iPhone (2026-10-22) ===================================================================== */ /* ---------- 45. Ortalı açılış ---------- */ .s-hero2{padding:clamp(32px,6vw,72px) 0 clamp(48px,7vw,88px);text-align:center;position:relative} .s-hero2 h1{font:800 clamp(42px,7.4vw,96px)/1.02 var(--s-display);letter-spacing:-.035em;max-width:14ch;margin:0 auto} .s-hl{display:inline-flex;align-items:center;gap:.12em;padding:.02em .28em .06em .14em;border-radius:.4em;background:var(--s-lime-soft);color:var(--s-lime);vertical-align:baseline} .s-hl .s-3d{--sz:.95em;display:inline-block;filter:drop-shadow(0 6px 10px #0808081f)} .s-hero2 .s-lead{margin:22px auto 0;max-width:52ch} .s-hero2 .s-lead b{color:var(--s-text);font-weight:600} /* ---------- 46. Sipariş paneli ---------- */ .s-order{margin:44px auto 0;max-width:1080px;border-radius:36px;padding:12px;background:var(--s-surface);border:1px solid var(--s-line);display:grid;gap:12px;text-align:left;box-shadow:0 60px 120px -60px #0808084c} @media (min-width:960px){.s-order{grid-template-columns:1.45fr 1fr}} .s-order__left{border-radius:28px;background:var(--s-surface-2);padding:22px} .s-order__right{border-radius:28px;border:1px solid var(--s-line);padding:22px;display:flex;flex-direction:column;gap:16px} .s-order__svc{display:flex;align-items:center;gap:12px} .s-order__svc .s-3d{--sz:52px} .s-order__svc b{display:block;font:700 19px var(--s-display)} .s-order__svc small{color:var(--s-muted)} .s-pricebox{border-radius:22px;background:var(--s-surface-2);overflow:hidden} .s-pricebox .s-oldp{font:600 22px var(--s-display);color:var(--s-faint);text-decoration:line-through} .s-pricebox .s-newp{font:800 clamp(40px,5vw,56px)/1 var(--s-display);letter-spacing:-.03em;color:var(--s-text)} .s-savebar__track{flex:1;height:10px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--s-line-2) 0 3px,transparent 3px 7px);position:relative;overflow:hidden} .s-savebar__track i{position:absolute;inset:0 auto 0 0;width:var(--paid,100%);background:repeating-linear-gradient(90deg,var(--s-muted) 0 3px,transparent 3px 7px);transition:width .5s var(--s-ease)} .s-order__right .s-btn--primary{min-height:56px;font-size:17px} /* ---------- 47. Son siparişler (kart yığını) ---------- */ .s-ticker{position:relative;height:74px;margin-top:4px} .s-ticker__item{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:22px;background:var(--s-surface-2);border:1px solid var(--s-line);transition:transform .6s var(--s-ease),opacity .6s} .s-ticker__item:nth-child(n){transform:translateY(16px) scale(.92);opacity:0} .s-ticker__item.is-active{transform:none;opacity:1;z-index:3} .s-ticker__item.is-next{transform:translateY(8px) scale(.96);opacity:.5;z-index:2} .s-ticker__item .s-3d{--sz:38px} .s-ticker__item b{display:block;font-weight:600;font-size:15px} .s-ticker__item small{color:var(--s-muted);font-size:13px} .s-ticker__item i{margin-left:auto;width:10px;height:10px;border-radius:50%;background:var(--s-success);box-shadow:0 0 0 5px var(--s-success-soft)} /* ---------- 48. Güven şeridi ---------- */ .s-trustbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px;margin:34px auto 0;max-width:1080px} .s-trustbar__sep{width:1px;height:28px;background:var(--s-line-2)} .s-paylist{display:flex;flex-wrap:wrap;gap:8px} .s-paylist span{width:52px;height:36px;border-radius:10px;background:#f4f6fb;display:grid;place-items:center;padding:4px} .s-paylist img{max-width:100%;max-height:100%;object-fit:contain} @media (max-width:860px){.s-trustbar__sep{display:none}} /* ---------- 49. Butonlu slider (yorumlar) ---------- */ .s-slider__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px max(16px,calc((100vw - var(--s-max))/2)) 8px;scrollbar-width:none;scroll-padding-inline:max(16px,calc((100vw - var(--s-max))/2))} .s-slider__track::-webkit-scrollbar{display:none} .s-slider__track > *{scroll-snap-align:start} .s-slider__track .s-tile{min-height:100%} .s-slider__ctrl{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:34px} .s-roundbtn{width:58px;height:58px;border-radius:50%;border:1px solid var(--s-line-2);background:var(--s-surface);color:var(--s-text);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s} .s-roundbtn:hover{background:var(--s-surface-2)} .s-roundbtn:active{transform:scale(.96)} .s-roundbtn::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--s-arrow) center/contain no-repeat;mask:var(--s-arrow) center/contain no-repeat} .s-roundbtn--prev::before{transform:scaleX(-1)} .s-roundbtn[disabled]{opacity:.35;cursor:default} .s-slider__info{display:flex;align-items:center;gap:14px;height:58px;padding:0 22px;border-radius:999px;border:1px solid var(--s-line);background:var(--s-surface);font:600 17px var(--s-body)} .s-slider__dots{display:flex;gap:6px;align-items:center} .s-slider__dots i{width:8px;height:8px;border-radius:4px;background:var(--s-line-2);transition:width .3s,background .3s} .s-slider__dots i.on{width:34px;background:var(--s-lime)} /* ---------- 50. Önce / Sonra (iPhone + Telegram kanal profili) ---------- */ /* Telegram kanal bilgi ekranı (koyu tema) */ .s-order__left{display:flex;flex-direction:column} .s-order__left > #packs{flex:1;display:flex;flex-direction:column} /* v2.5.1 — eşit 3×3 paket ızgarası */ .s-packgrid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px} .s-packgrid .s-pack{height:100%;padding:16px 8px 10px;border-radius:22px;background:var(--s-surface);gap:6px;align-content:center} .s-packgrid .s-pack b{font:800 clamp(22px,2.6vw,30px) var(--s-display);letter-spacing:-.02em} .s-packgrid .s-pack b small{font:500 13px var(--s-body);color:var(--s-muted);margin-left:4px;letter-spacing:0} @media (max-width:520px){.s-packgrid{gap:6px}.s-packgrid .s-pack{padding:12px 4px 8px;border-radius:16px}.s-packgrid .s-pack b small{display:block;margin:0;font-size:11px}} .s-order__left > #packs.s-packgrid{display:grid} /* v2.5.2 — fiyatsız paket kutuları, Apple yeşili tasarruf rozeti, hediye butonu, sade ödeme kutucukları */ .s-packgrid .s-pack{gap:2px} .s-pack__unit{display:block;color:var(--s-muted);font-size:13px;margin-bottom:8px} .s-saveb{justify-self:center;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font:700 12.5px var(--s-body);color:#0f7a37;background:#dcf5e5;box-shadow:inset 0 0 0 1px #1fa85559} /* 724: açık zeminde okunur yeşil */ .s-saveb::before{content:"";width:6px;height:6px;border-radius:50%;background:#1fa855;box-shadow:0 0 6px #1fa85599} .s-pack[aria-checked=true] .s-saveb:not(.s-saveb--none){color:#fff;background:linear-gradient(180deg,#2bbf64,#1fa855);box-shadow:0 6px 18px -6px #1fa855aa} .s-pack[aria-checked=true] .s-saveb::before{background:#fff;box-shadow:none} .s-youSave{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font:700 13px var(--s-body);color:#06210f;background:linear-gradient(180deg,#5ee584,#30d158);box-shadow:0 6px 18px -8px #30d158} .s-youSave:empty{display:none} .s-freebtn{gap:10px} .s-freebtn .s-3d{--sz:30px;filter:drop-shadow(0 4px 8px #0808081f)} .s-trustbar .s-ticker{width:min(380px,100%);height:66px;margin:0} .s-trustbar .s-ticker__item{padding:10px 14px;border-radius:20px} .s-paylist{gap:6px} .s-paylist span{width:auto;height:30px;padding:0 10px;border-radius:8px;background:transparent;border:1px solid var(--s-line-2);color:var(--s-muted);font:600 12px var(--s-body);letter-spacing:.01em;display:inline-flex;align-items:center} .s-trustbar .s-paylist{flex-basis:100%;justify-content:center} .s-saveb{white-space:nowrap} .s-trustbar .s-ticker__item b,.s-trustbar .s-ticker__item strong,.s-trustbar .s-ticker__item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:560px){.s-saveb{padding:4px 8px;font-size:11px;gap:4px}.s-saveb::before{width:5px;height:5px}.s-trustbar .s-ticker__item{font-size:13px}} .s-trustbar .s-ticker__item>div{min-width:0} .s-trustbar .s-ticker__item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* ===================================================================== v2.6 — açılış sadeleşti, ödeme logoları, mini video, büyüme sahnesi, video kartları (A/B), sonsuz yorum şeridi, devamını gör ===================================================================== */ /* başlık: en fazla 2 satır; JS (data-fit) gerekirse küçültür */ .s-hero2 h1{max-width:min(100%,1120px);font-size:clamp(34px,6.4vw,88px);text-wrap:balance} /* özet kutusu: üstte miktar + tasarruf, altta eski → yeni fiyat */ .s-pricebox__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 0;font-weight:600} .s-pricebox__qty{font:700 17px var(--s-display);letter-spacing:-.01em} .s-pricebox__nums{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;padding:8px 18px 18px;flex-wrap:wrap} .s-root .s-pricebox .s-oldp{position:relative;display:inline-block;font:600 22px var(--s-display);color:#8e94a8;text-decoration:none;margin:0;padding:0 2px} .s-root .s-pricebox .s-oldp::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:2.5px;border-radius:2px;background:#ff453a;transform:rotate(-10deg);box-shadow:0 0 8px #ff453a80} .s-root .s-pricebox .s-ribbon{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:999px;font:700 13px/1 var(--s-body);letter-spacing:.02em;color:#052e12;background:linear-gradient(180deg,#6eeb93,#30d158);box-shadow:0 8px 22px -8px #30d158,inset 0 1px 0 #ffffff70;position:relative;overflow:hidden} .s-root .s-pricebox .s-ribbon::before{content:"";width:14px;height:14px;flex:none;background:#052e12;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 2.1 3.2-.3.9 3.1 2.8 1.6-1.1 3 1.1 3-2.8 1.6-.9 3.1-3.2-.3L12 22l-2.4-2.1-3.2.3-.9-3.1-2.8-1.6 1.1-3-1.1-3 2.8-1.6.9-3.1 3.2.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 2.1 3.2-.3.9 3.1 2.8 1.6-1.1 3 1.1 3-2.8 1.6-.9 3.1-3.2-.3L12 22l-2.4-2.1-3.2.3-.9-3.1-2.8-1.6 1.1-3-1.1-3 2.8-1.6.9-3.1 3.2.3z'/%3E%3C/svg%3E") center/contain no-repeat} @media (prefers-reduced-motion:no-preference){.s-root .s-pricebox .s-ribbon::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);animation:s-shine 3.2s ease-in-out infinite}} @keyframes s-shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}} .s-root .s-pricebox .s-ribbon:empty{display:none} .s-order__right .s-ticker{width:100%;height:66px;margin:2px 0 0} .s-order__right .s-ticker__item{padding:10px 14px;border-radius:20px} .s-order__right .s-ticker__item>div{min-width:0} .s-order__right .s-ticker__item b,.s-order__right .s-ticker__item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* güven şeridi: puan · mini video · ödeme logoları */ .s-minivid{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:18px;border:1px solid var(--s-line);background:var(--s-surface);transition:border-color .25s,transform .25s var(--s-ease)} .s-minivid:hover{border-color:var(--s-line-2);transform:translateY(-2px)} .s-minivid:focus-visible{outline:2px solid var(--s-lime);outline-offset:3px} .s-minivid__thumb{position:relative;width:84px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;flex:none} .s-minivid__thumb img{width:100%;height:100%;object-fit:cover} .s-minivid__thumb i{position:absolute;inset:0;margin:auto;width:28px;height:28px;border-radius:50%;background:#ffffffe6;box-shadow:0 6px 16px -4px #000} .s-minivid__thumb i::before{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #12131c;border-top:6px solid transparent;border-bottom:6px solid transparent} .s-minivid__txt b{display:block;font-weight:600;font-size:15px;color:var(--s-text)} .s-minivid__txt small{color:var(--s-muted);font-size:12.5px} .s-trustbar .s-paylist{flex-basis:auto;gap:8px;justify-content:center;align-items:center} .s-paylogo{width:40px;height:28px;display:block} .s-paylist .s-paytile{padding:0;width:38px;height:26px;margin:1px;border-radius:6px;border:1px solid #dcd7e4;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box} .s-paytile img{display:block;max-width:30px;max-height:17px} .s-paylist .s-paytile--amex{background:#00a8e1;border-color:#00a8e1} @media (max-width:760px){.s-trustbar .s-trustbar__sep{display:none}.s-trustbar .s-paylist{flex-basis:100%}} /* servis kartları: tek ikon etiketin içinde */ .s-svc__title{padding-right:0} .s-tag--ico{padding-left:4px} .s-tag--ico::before{display:none} .s-tag__ico{--sz:1.35em;margin:-.18em 0;filter:drop-shadow(0 4px 8px #08080824)} .s-svc:hover .s-tag__ico{transform:rotate(-10deg) scale(1.08);transition:transform .5s var(--s-ease)} /* ikincil buton: grafit cam, beyaz ok dairesi; üstüne gelince ışık süzülür */ .s-btn--light{background:linear-gradient(180deg,#08080814,#08080808);color:var(--s-text);border:1px solid #08080824;box-shadow:inset 0 1px 0 #0808081a;position:relative;overflow:hidden} .s-btn--light:hover{background:linear-gradient(180deg,#0808081f,#0808080d);border-color:#08080840} .s-btn--light .s-btn__ico{background:#f5f5f7;color:#111;transition:transform .35s var(--s-ease),background .35s} .s-btn--light:hover .s-btn__ico{transform:translateX(3px);background:var(--s-lime)} .s-btn--light::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#08080826 50%,transparent 65%);transform:translateX(-110%);transition:transform .7s var(--s-ease);pointer-events:none} .s-btn--light:hover::after{transform:translateX(110%)} /* devamını gör (dar ekran) */ .s-more.is-clamped > .s-prose{max-height:1100px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)} .s-more__btn{margin:18px auto 0;display:flex} .s-prose [id]{scroll-margin-top:calc(var(--s-header,72px) + 16px)} /* video kartları: video kartın kendisidir, bilgiler üstünde */ .s-reel{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0c0d12;box-shadow:0 30px 60px -30px #000,0 0 0 1px #ffffff14;isolation:isolate;transition:transform .5s var(--s-ease),box-shadow .5s} .s-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2} .s-reel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000008c 0%,transparent 22%,transparent 55%,#000000d9 100%);pointer-events:none} .s-reel__open{all:unset;position:absolute;inset:0;cursor:pointer;z-index:1} .s-reel__open:focus-visible{outline:2px solid var(--s-lime);outline-offset:-4px;border-radius:26px} .s-reel__play{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:#ffffff38;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff55;opacity:0;transform:scale(.85);transition:opacity .3s,transform .3s var(--s-ease)} .s-reel__play::before{content:"";position:absolute;left:23px;top:19px;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent} .s-reel:hover .s-reel__play,.s-reel__open:focus-visible .s-reel__play{opacity:1;transform:none} .s-reel__chip{position:absolute;top:14px;left:14px;padding:6px 11px;border-radius:999px;font:600 11.5px var(--s-body);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#ffffff2b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none} .s-reel__info{position:absolute;left:16px;right:16px;bottom:52px;display:flex;align-items:center;gap:10px;pointer-events:none} .s-reel__info img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #ffffffcc} .s-reel__info b{display:block;font:700 18px/1.15 var(--s-display);color:#fff} .s-reel__info small{color:#ffffffc0;font-size:13px} .s-reel__links{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px;z-index:2} .s-reel__links a{font:600 11.5px var(--s-body);padding:5px 10px;border-radius:999px;color:#fff;background:#ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .s-reel__links a:hover{background:#ffffff40} .s-reel:hover{transform:translateY(-6px);box-shadow:0 40px 70px -30px #000,0 0 0 1px #ffffff26} /* video penceresi */ .s-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeup .3s var(--s-ease) both} .s-modal__box{width:min(1000px,100%,calc((100vh - 80px) * var(--r,1.78)));max-height:calc(100vh - 80px);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 100px -20px #0808084c} .s-modal__box[style*="9/16"]{width:min(420px,100%,calc((100vh - 80px) * .5625))} .s-modal__box iframe{width:100%;height:100%;border:0;display:block} .s-modal__x{all:unset;position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:#08080826;cursor:pointer} .s-modal__x::before,.s-modal__x::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:2px;background:#fff;transform:rotate(45deg)} .s-modal__x::after{transform:rotate(-45deg)} /* sonsuz yorum şeridi */ .s-loop .s-slider__track{overflow:visible;scroll-snap-type:none;scroll-behavior:auto;padding:4px 0 8px;width:max-content;will-change:transform;touch-action:pan-y;cursor:grab;user-select:none} .s-loop .s-slider__track:active{cursor:grabbing} .s-loop .s-slider__track img{-webkit-user-drag:none} /* ---- ünlüler D: genişleyen şeritler ---- */ .s-strips{display:grid;gap:32px;align-items:center} @media (min-width:960px){.s-strips{grid-template-columns:minmax(260px,1fr) auto}} .s-strips__list{display:grid;gap:6px} .s-strips__who{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid transparent;transition:background .3s,border-color .3s} .s-strips__who img{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s} .s-strips__who b{display:block;font-weight:600;color:var(--s-muted);transition:color .3s} .s-strips__who small{color:var(--s-faint);font-size:13px} .s-strips__who.is-active{background:var(--s-surface);border-color:var(--s-line)} .s-strips__who.is-active img{filter:none;opacity:1;box-shadow:0 0 0 2px var(--s-lime)} .s-strips__who.is-active b{color:var(--s-text)} .s-strips__who:focus-visible{outline:2px solid var(--s-lime)} .s-strips__row{--h:min(600px,calc(100vh - var(--s-header,0px) - 120px));display:flex;gap:10px;height:var(--h)} .s-strip{flex:0 0 86px;aspect-ratio:auto;height:100%;transition:flex-basis .7s var(--s-ease),transform .5s var(--s-ease)} .s-strip.is-active{flex-basis:calc(var(--h) * .5625)} .s-strip:hover{transform:none} .s-strip:not(.is-active) .s-reel__chip,.s-strip:not(.is-active) .s-reel__info,.s-strip:not(.is-active) .s-reel__links,.s-strip:not(.is-active) .s-reel__play{opacity:0;pointer-events:none} .s-strip .s-reel__chip,.s-strip .s-reel__info,.s-strip .s-reel__links{transition:opacity .4s .25s} .s-strip:not(.is-active) video{filter:saturate(.6) brightness(.65)} .s-strip::before{content:attr(data-name);position:absolute;left:50%;bottom:22px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font:700 16px var(--s-display);color:#fff;white-space:nowrap;z-index:2;pointer-events:none;transition:opacity .3s} .s-strip.is-active::before{opacity:0} @media (max-width:959px){.s-strips__list{display:none}.s-strips__row{--h:calc((100vw - 32px - 3 * 44px - 30px) * 16 / 9);height:var(--h);justify-content:center}.s-strip{flex-basis:44px}.s-strip::before{font-size:13px;bottom:14px}} /* ===================================================================== v2.7 — tek kutu stili, sade sipariş paneli, başlık vurguları, tek kartta yorum, kapanış sahnesi, alternatifler ===================================================================== */ /* ---- tek kutu stili (adım kartlarındaki grafit + gölge); içteki kutular bir ton koyu ---- */ :root{--s-box:linear-gradient(180deg,#23242e 0%,#1b1c23 100%);--s-box-line:#ffffff12;--s-box-shadow:inset 0 1px 0 #ffffff0d,0 30px 60px -34px #000000e6;--s-box-in:#14151b;--s-box-in-line:#ffffff0c} .s-order,.s-svc,.s-hc,.s-wcard,.s-qa2 > .s-qa,.s-grid-cards > div,.s-minivid,.s-strips__who.is-active,.s-cta{background:var(--s-box)!important;border:1px solid var(--s-box-line)!important;box-shadow:var(--s-box-shadow)} .s-order__left,.s-pricebox,.s-svc__top,.s-qa2 details,.s-ui__box,.s-order__right .s-ticker__item{background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important} .s-order__right{border-color:transparent!important} /* ---- sipariş paneli: daha küçük ve sade ---- */ .s-order{max-width:960px;padding:10px;border-radius:32px;gap:10px;box-shadow:var(--s-box-shadow),0 60px 140px -50px #0808084c} @media (min-width:900px){.s-order{grid-template-columns:1.1fr 1fr}} .s-order__left{padding:14px;border-radius:24px} .s-packgrid{gap:8px} .s-packgrid .s-pack{position:relative;padding:14px 6px 10px;border-radius:18px;background:#f7f8fa;border:1px solid #0808080d;gap:0} .s-packgrid .s-pack b{font-size:clamp(20px,2.1vw,24px)} .s-pack__unit{font-size:12px;margin-bottom:7px} .s-saveb{padding:4px 9px;font-size:11.5px} .s-packgrid .s-pack[aria-checked=true]{border-color:var(--s-lime);background:#f7f8fa} .s-flag{width:max-content;position:absolute;top:-9px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:999px;font:700 10.5px/1.2 var(--s-body);letter-spacing:.02em;white-space:nowrap;color:var(--s-text);box-shadow:0 6px 14px -6px #0808084c} .s-flag .s-3d{--sz:15px;filter:none} .s-flag--best{background:linear-gradient(180deg,#ffb340,#ff9f0a);color:#2b1700} .s-flag--rec{background:linear-gradient(180deg,#4aa3ff,#0a84ff)} .s-packgrid{padding-top:6px} .s-order__right{padding:16px 14px 14px;gap:10px} .s-order__svc .s-3d{--sz:44px} .s-order__svc b{font-size:17px} .s-order__svc small{font-size:13px} .s-pricebox{border-radius:22px;padding:16px 18px;display:grid;gap:4px;background:radial-gradient(120% 90% at 100% 0%,#ff500012,transparent 60%),var(--s-box-in)!important} .s-pricebox__head{padding:0} .s-pricebox__qty{font:600 15px var(--s-body);color:var(--s-muted)} .s-pricebox__nums{justify-content:flex-start;align-items:center;gap:12px;padding:2px 0 0} .s-root .s-pricebox .s-newp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .s-odo{display:inline-flex;font:800 clamp(44px,5vw,58px)/1 var(--s-display);letter-spacing:-.03em;color:var(--s-text)} .s-odo__d{display:inline-block;height:1em;overflow:hidden} .s-odo__d i{display:flex;flex-direction:column;font-style:normal;transition:transform .7s cubic-bezier(.2,.8,.2,1)} .s-odo__d i span,.s-odo__c{height:1em;line-height:1} .s-root .s-pricebox .s-oldp{font-size:19px} .s-pricebox__foot{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--s-faint)} .s-pricebox__foot svg{width:14px;height:14px} .s-order__right .s-btn--primary{min-height:52px} .s-order__right .s-freebtn{min-height:48px} /* ---- başlık vurguları (Twicsy gibi, göze batmadan) ---- */ .s-h2 .s-hl,.s-prose h2 .s-hl{padding:0 .24em .04em .12em;border-radius:.32em;gap:.1em;line-height:1.05} .s-hl .s-3d{--sz:.9em} .s-hl--blue{background:#0a84ff1f;color:#5aa9ff} .s-hl--violet{background:#5e5ce626;color:#9b99ff} .s-hl--pink{background:#ff375f1f;color:#ff6b88} .s-hl--orange{background:#ff9f0a1f;color:#ffb340} .s-hl--green{background:#30d1581f;color:#5ad18c} .s-prose h2{line-height:1.15} /* ---- mavi tik ---- */ .s-verified{display:inline-block;width:16px;height:16px;margin-left:5px;vertical-align:-2px;flex:none} .s-reel__info .s-verified{width:17px;height:17px} /* ---- yorumlar: görsel ve yorum tek kartta ---- */ .s-loop .s-slider__track{align-items:stretch} .s-wcard{flex-direction:row;padding:10px;gap:10px;width:auto;border-radius:30px} .s-wcard__body{width:min(78vw,420px);padding:16px 16px 12px;display:flex;flex-direction:column;gap:16px} .s-wcard__top{display:flex;justify-content:space-between;align-items:center;gap:10px} .s-stars5{color:#ff9f0a;letter-spacing:2px;font-size:15px} .s-wcard blockquote{flex:1;margin:0;font:500 clamp(17px,1.6vw,20px)/1.45 var(--s-body);color:var(--s-text)} .s-wcard__who small{display:block} .s-wcard__shot{width:min(52vw,250px);border-radius:22px;overflow:hidden;flex:none;background:var(--s-box-in)} .s-wcard__shot img{width:100%;height:100%;object-fit:cover} @media (max-width:640px){.s-wcard--shot{flex-direction:column}.s-wcard--shot .s-wcard__shot{width:auto;height:200px}.s-wcard__body{width:min(76vw,340px)}} /* ---- kapanış sahnesi ---- */ .s-bigrows{position:absolute;inset:-4% 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none} .s-bigrow{white-space:nowrap;font:800 clamp(40px,8.4vh,96px)/1 var(--s-display);letter-spacing:-.03em;color:#08080812} .s-bigrow > div{display:inline-flex;gap:.45em;transform:translateX(calc(-25% + var(--dir) * var(--p,0) * 30vw))} .s-bigrow i{font-style:normal;color:#ff500026} /* hizmet ve adım kartları: dar ekranda sonsuz, kaydırmaya bağlı şerit */ @media (max-width:759px){.s-loopm{margin:0 -16px;overflow-x:clip}.s-loopm.is-looping > [data-track]{position:relative;display:flex!important;gap:12px;width:max-content;margin:0;will-change:transform;touch-action:pan-y;user-select:none}.s-loopm.is-looping > [data-track] > *{flex:none;width:min(80vw,320px)}.s-loopm.is-looping .s-svc:hover{transform:none}} @media (max-width:759px){.s-loopm .s-svc__foot{flex-wrap:nowrap;gap:10px}.s-loopm .s-svc__price{white-space:nowrap}.s-loopm .s-svc__foot .s-btn{margin-left:auto}} /* ---- önce/sonra: bildirim yağmuru (tam ekran siyah sahne) ---- */ .s-rain{position:relative;height:520vh} .s-rain__stage{position:sticky;top:var(--s-header,0px);height:calc(100vh - var(--s-header,0px));overflow:hidden;background:#f6f7f9;display:grid;place-items:center} .s-rain__title{position:absolute;left:0;right:0;top:50%;margin:0 auto;padding:0 16px;max-width:16ch;text-align:center;font:800 clamp(36px,6.4vw,92px)/1.04 var(--s-display);letter-spacing:-.035em;color:var(--s-text); opacity:calc(var(--tin,0) * (1 - var(--tout,0)));transform:translateY(calc(-50% + (1 - var(--tin,0)) * 40px - var(--tout,0) * 80px)) scale(calc(.94 + var(--tin,0) * .06 - var(--tout,0) * .06));filter:blur(calc((1 - var(--tin,0)) * 10px + var(--tout,0) * 12px))} .s-rain__phone{position:relative;z-index:2;transform:translateY(calc((1 - var(--ph,0)) * 105vh)) rotateX(calc((1 - var(--ph,0)) * 18deg));transform-origin:50% 100%} .s-rain__emo{position:absolute;inset:0;z-index:1;pointer-events:none} .s-rain__emo i{position:absolute;font-style:normal;line-height:1;opacity:0;filter:blur(var(--blur,0)) drop-shadow(0 18px 24px #08080833);will-change:transform} .s-rain__note{position:absolute;bottom:14px;left:0;right:0;text-align:center;margin:0;font-size:12px;color:#08080859;opacity:var(--ph,0)} /* gerçekçi iPhone */ .s-ip{--w:min(330px,calc((100vh - var(--s-header,0px) - 60px) * .47),78vw);width:var(--w);aspect-ratio:9/19.5;border-radius:calc(var(--w) * .17);padding:calc(var(--w) * .012);position:relative; background:linear-gradient(140deg,#a7aab0 0%,#4b4e54 14%,#2a2c30 32%,#6e7178 50%,#2b2d31 70%,#8d9096 88%,#3c3f44 100%); box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #ffffff40,0 50px 120px -30px #000,0 0 80px -20px #ffffff14} .s-ip::before,.s-ip::after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#5a5d63,#9a9da3)} .s-ip::before{left:-3px;top:18%;height:5%;box-shadow:0 calc(var(--w) * .16) 0 0 #7b7e84,0 calc(var(--w) * .31) 0 0 #7b7e84} .s-ip::after{right:-3px;top:27%;height:12%} .s-ip__bezel{height:100%;border-radius:calc(var(--w) * .158);background:#000;padding:calc(var(--w) * .03)} .s-ip__screen{position:relative;height:100%;border-radius:calc(var(--w) * .13);overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",sans-serif;color:#fff;text-align:left} .s-ip__island{position:absolute;top:calc(var(--w) * .03);left:50%;transform:translateX(-50%);width:32%;height:calc(var(--w) * .095);border-radius:99px;background:#000;z-index:6} .s-ip__status{position:absolute;top:calc(var(--w) * .045);left:9%;right:8%;display:flex;justify-content:space-between;align-items:center;z-index:5;font:600 calc(var(--w) * .046) -apple-system,sans-serif} .s-ip__icons{display:flex;gap:5px;align-items:center} .s-ip__icons svg{height:calc(var(--w) * .033);fill:#fff} .s-ip__bat{display:inline-block;width:calc(var(--w) * .075);height:calc(var(--w) * .036);border-radius:4px;border:1.2px solid #ffffffa6;padding:1.5px;position:relative} .s-ip__bat::after{content:"";position:absolute;right:-3.5px;top:30%;height:40%;width:2px;border-radius:0 2px 2px 0;background:#ffffffa6} .s-ip__bat b{display:block;height:100%;width:80%;border-radius:2px;background:#fff} .s-ip__home{position:absolute;bottom:calc(var(--w) * .022);left:50%;transform:translateX(-50%);width:36%;height:4px;border-radius:4px;background:#fff;z-index:5} .s-ip__glare{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(115deg,#ffffff14 0%,transparent 30%,transparent 70%,#ffffff08 100%)} /* kilit ekranı */ .s-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--w) * .2) calc(var(--w) * .035) calc(var(--w) * .1); background:radial-gradient(90% 55% at 15% 10%,#3f5bd8 0%,transparent 60%),radial-gradient(80% 60% at 95% 40%,#7a3fd1 0%,transparent 60%),radial-gradient(90% 60% at 40% 100%,#0f8a9c 0%,transparent 60%),#0b0f2a} .s-lock__date{font:600 calc(var(--w) * .05) -apple-system,sans-serif;color:#ffffffd9} .s-lock__time{font:700 calc(var(--w) * .26)/1 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.03em;color:#ffffffeb;margin-top:2px;text-shadow:0 2px 20px #0004} .s-lock__widget{display:flex;align-items:center;gap:10px;width:100%;margin-top:calc(var(--w) * .04);padding:10px 12px;border-radius:20px;background:#ffffff2e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .5s,box-shadow .5s} .s-lock__widget b{display:block;font-size:13px} .s-lock__widget small{font-size:12px;color:#ffffffd0;font-variant-numeric:tabular-nums;white-space:nowrap} .s-lock__ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#5ea9ff,#3b6fe0);display:grid;place-items:center;font-weight:700;flex:none} .s-lock__up{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#30d15840;color:#7cf0a0;display:grid;place-items:center;font-weight:700} .s-rain.is-after .s-lock__widget{background:#30d15855;box-shadow:0 0 0 1px #30d15899,0 0 40px -6px #30d158aa} .s-note{display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:18px;background:#ffffff38;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-height:0;opacity:0;margin-top:0;transform:translateY(-14px) scale(.96);transition:max-height .45s var(--s-ease),opacity .35s,margin .45s,padding .45s,transform .55s cubic-bezier(.34,1.56,.64,1)} .s-note__ico{width:30px;height:30px;border-radius:8px;overflow:hidden;flex:none;background:#ff5000;display:grid;place-items:center} .s-note__ico svg,.s-note__ico img{width:100%;height:100%;object-fit:cover} .s-note div{min-width:0;flex:1} .s-note b{display:block;font-size:12.5px} .s-note small{display:block;font-size:12px;color:#fffffff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-note time{font-size:11px;color:#ffffffb0;align-self:flex-start} .s-lock__btns{position:absolute;bottom:calc(var(--w) * .07);left:9%;right:9%;display:flex;justify-content:space-between} .s-lock__btns span{width:calc(var(--w) * .13);aspect-ratio:1;border-radius:50%;background:#00000059;backdrop-filter:blur(10px)} @media (max-width:600px){.s-note b,.s-note small{font-size:11px}.s-note__ico{width:26px;height:26px}.s-lock__widget{padding:7px 10px}} @media (prefers-reduced-motion:reduce){.s-rain{height:auto}.s-rain__stage{position:relative;height:100vh}.s-rain__title{display:none}} /* hizmet kartı başlığı: biraz küçük, tek satır */ .s-svc__title{font-size:clamp(20px,1.9vw,26px);white-space:nowrap;overflow:hidden} .s-svc__title .s-tag{white-space:nowrap} /* video ile adım kartları arası */ #how .s-loopm{margin-top:24px} #how .s-howcards{margin-top:24px} /* yorumlar: görsel kırpılmaz, kart görsele göre genişler */ .s-wcard{align-items:stretch} .s-wcard__body{min-height:360px} .s-wcard__shot{width:auto;height:360px;background:none} .s-wcard__shot img{width:auto;height:100%;object-fit:contain;display:block;border-radius:22px} @media (max-width:640px){.s-loop .s-slider__track{align-items:flex-start}.s-wcard{flex-direction:column;padding:8px}.s-wcard__body{width:min(78vw,330px);min-height:0;padding:14px}.s-wcard__shot{width:min(78vw,330px);height:auto}.s-wcard__shot img{width:100%;height:auto}.s-wcard blockquote{font-size:16px}} @media (max-width:640px){.s-wcard--shot .s-wcard__shot{height:auto;width:min(78vw,330px)}} .s-lock{padding-bottom:calc(var(--w) * .24)} @media (max-width:600px){.s-rain .s-ip{--w:min(64vw,calc((100vh - var(--s-header,0px) - 80px) * .47))}} /* bildirim yağmuru: sahne her cihazda tam ekran (header üstünde durur), emojiler merkezden fırlar, arkada servis şeritleri */ .s-rain__stage{top:0;height:100vh;height:100dvh;padding-top:var(--s-header,0px);box-sizing:border-box} .s-rain__stage{place-items:center} .s-rain__emo i{left:50%;top:calc(50% + var(--s-header,0px) / 2);transform:translate(-50%,-50%) scale(.2)} .s-rain__rows{inset:0;opacity:.85;z-index:0} .s-rain__rows .s-bigrow{font-size:clamp(34px,7vh,84px);color:#0808080f} .s-rain__title{top:calc(50% + var(--s-header,0px) / 2);z-index:3} /* dar ekran: sahneler daha uzun (kaydırma hızlı olduğu için), yorumlar kart kart, eşit boy, görsel kırpılmadan */ @media (max-width:759px){.s-rain{height:680vh}.s-loop .s-slider__track{align-items:stretch;gap:12px}.s-wcard,.s-wcard--shot{width:min(84vw,340px);flex-direction:column;padding:8px}.s-wcard__body,.s-wcard--shot .s-wcard__body{width:auto;min-height:0;flex:1;padding:14px}.s-wcard blockquote{flex:1}.s-wcard__shot,.s-wcard--shot .s-wcard__shot{width:auto;height:220px;position:relative;overflow:hidden;border-radius:18px;flex:none}.s-wcard__shot::before{content:"";position:absolute;inset:-24px;background:var(--img) center/cover;filter:blur(18px) brightness(.45)}.s-wcard__shot img,.s-wcard--shot .s-wcard__shot img{position:relative;width:100%;height:100%;object-fit:contain;border-radius:0}} /* emojilerin gölgesi yalnız büyüklerde (kaydırma akıcılığı) */ .s-rain__emo i{filter:blur(var(--blur,0))} /* fıskiye parçacıkları: sol-üst köşeden JS ile konumlanır */ .s-rain__emo > *{left:0!important;top:0!important} .s-rain__ava{position:absolute;aspect-ratio:1;border-radius:50%;object-fit:cover;opacity:0;box-shadow:0 0 0 3px #ff5000,0 10px 20px -6px #0808084c;will-change:transform} .s-lock__btns span{display:grid;place-items:center} .s-lock__btns svg{width:46%;height:46%} /* hizmet kartı: fiyat butonla orantılı */ .s-svc__price small{font-size:12px} .s-svc__price b{font-size:clamp(20px,1.8vw,24px)} .s-svc__price span{font-size:12px} /* adımlar: geniş ekranda ızgara; dar ekranda yatay kaydırma + oklar */ .s-snap__ctrl{display:none} @media (max-width:759px){.s-snap{margin:24px -16px 0}.s-snap .s-howcards{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 16px 6px;margin:0;scrollbar-width:none}.s-snap .s-howcards::-webkit-scrollbar{display:none}.s-snap .s-howcards > *{flex:none;width:min(80vw,320px);scroll-snap-align:center}.s-snap__ctrl{display:flex;margin-top:18px}.s-snap .s-roundbtn:disabled{opacity:.35}} /* ===================================================================== Kapanış: "Growth, made simple." → karta dönüşen panel, ikon tekerleği, maskot ===================================================================== */ .s-fin{position:relative;height:520vh} .s-fin__stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden} .s-fin__panel{position:absolute;inset:0;background:#f6f7f9;overflow:hidden; border-radius:calc((1 - var(--enter,1)) * 50vw) calc((1 - var(--enter,1)) * 50vw) 0 0 / calc((1 - var(--enter,1)) * 34vh) calc((1 - var(--enter,1)) * 34vh) 0 0; clip-path:inset(calc(var(--inset,0) * (var(--s-header,0px) + 3vh)) calc(var(--inset,0) * 4vw) calc(var(--inset,0) * 3vh) round calc(var(--inset,0) * 36px))} .s-fin__rows{opacity:calc(1 - var(--rowsOut,0))} .s-fin__big{position:absolute;left:0;right:0;top:calc(50% + var(--s-header,0px) / 2);margin:0;display:flex;justify-content:center;align-items:center;gap:.25em;font:800 clamp(40px,7vw,104px)/1 var(--s-display);letter-spacing:-.04em;color:var(--s-text);transform:translateY(calc(-50% - var(--rowsOut,0) * 30vh));opacity:calc(1 - var(--rowsOut,0));perspective:600px;padding:0 16px} .s-fin__letters{display:inline-flex;flex-wrap:wrap;justify-content:center} .s-fin__letters span{display:inline-block;white-space:pre;opacity:var(--t,0);transform:translateY(calc((1 - var(--t,0)) * .7em)) rotateX(calc((1 - var(--t,0)) * -80deg)) rotateZ(calc((1 - var(--t,0)) * 12deg));filter:blur(calc((1 - var(--t,0)) * 6px));transform-origin:50% 100%} .s-fin__big .s-fin__pop{--sz:clamp(48px,7vw,110px);width:var(--sz);transform:scale(var(--pop,0)) rotate(calc((1 - var(--pop,0)) * -40deg));filter:drop-shadow(0 20px 30px #08080833)} .s-fin__end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:calc(var(--s-header,0px) + clamp(40px,9vh,96px));pointer-events:none} .s-fin__end a{pointer-events:auto} .s-fin__title{position:relative;z-index:5;margin:0;text-align:center;font:800 clamp(38px,6.4vw,96px)/1.02 var(--s-display);letter-spacing:-.04em;color:var(--s-text);padding:0 16px} .s-fin__title > span{display:block;overflow:hidden;padding-bottom:.06em} .s-fin__title > span > b{display:inline-block;font-weight:inherit} .s-fin__title > span:nth-child(1) > b{transform:translateY(calc((1 - var(--l1,0)) * 110%));opacity:var(--l1,0);filter:blur(calc((1 - var(--l1,0)) * 8px))} .s-fin__title > span:nth-child(2) > b{transform:translateY(calc((1 - var(--l2,0)) * 110%));opacity:var(--l2,0);filter:blur(calc((1 - var(--l2,0)) * 8px))} .s-fin__title .s-hl{padding:0 .24em .04em .12em;border-radius:.32em;gap:.1em;line-height:1.05} .s-fin__cta{position:relative;z-index:5;opacity:var(--cta,0);transform:translateY(calc((1 - var(--cta,0)) * 24px))} .s-fin__cta .s-btn{min-height:58px;font-size:17px;padding-left:28px} /* ikon tekerleği: tam daire döner, kartın altında yalnız üst yarısı görünür; alttan yükselir */ .s-fin__wheel{--ww:min(1000px,96vw,calc((100vh - var(--s-header,0px)) * 1.25));position:absolute;left:50%;bottom:calc(var(--inset,0) * 3vh);width:var(--ww);height:calc(var(--ww) / 2);overflow:hidden;transform:translate(-50%,calc((1 - var(--wheel,0)) * 100%));opacity:min(1,calc(var(--wheel,0) * 3))} .s-fin__wheel img{width:100%;height:auto;display:block;animation:s-spin 100s linear infinite} .s-fin__wheel::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#f6f7f9)} @keyframes s-spin{to{transform:rotate(360deg)}} .s-fin__duck{left:50%;bottom:calc(var(--inset,0) * 3vh);--dw:calc(min(1000px,96vw,calc((100vh - var(--s-header,0px)) * 1.25)) * .44);z-index:4} /* maskot: kodla canlanır (giriş zıplaması, süzülme, kafa sallama, gölge) */ .s-duck{position:absolute;width:var(--dw,clamp(180px,22vw,320px));aspect-ratio:1;transform:translate(-50%,0) translateY(calc((1 - var(--duck,0)) * 70%)) scale(calc(.4 + .6 * var(--duck,0)));opacity:min(1,calc(var(--duck,0) * 4));transform-origin:50% 100%} .s-duck__shadow{position:absolute;left:50%;bottom:2%;width:46%;height:7%;border-radius:50%;background:radial-gradient(#000c,transparent 70%);transform:translateX(-50%);animation:s-duckshadow 3.2s ease-in-out infinite} .s-duck__bob{width:100%;height:100%;animation:s-duckfloat 3.2s ease-in-out infinite} .s-duck__img{width:100%;height:100%;object-fit:contain;transform-origin:50% 92%;animation:s-duckbop 1.6s ease-in-out infinite;filter:drop-shadow(0 30px 40px #0808083d)} @keyframes s-duckfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4%)}} @keyframes s-duckshadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(.82);opacity:.6}} @keyframes s-duckbop{0%,100%{transform:rotate(-2.5deg) scale(1,1)}25%{transform:rotate(0) scale(1.015,.985)}50%{transform:rotate(2.5deg) scale(1,1)}75%{transform:rotate(0) scale(.99,1.01)}} @media (max-width:759px){.s-fin{height:680vh}.s-fin__end{padding-top:calc(var(--s-header,0px) + 7vh)}.s-fin__wheel{--ww:min(150vw,calc((100vh - var(--s-header,0px)) * 1.1))}.s-fin__duck{--dw:min(56vw,30vh)}} @media (prefers-reduced-motion:reduce){.s-fin{height:auto}.s-fin__stage{position:relative}.s-fin__rows,.s-fin__big{display:none}.s-fin__wheel img,.s-duck__img,.s-duck__bob,.s-duck__shadow{animation:none}} /* kapanış kartı sayfa kabı genişliğine küçülür (footer hizası); maskot sabit, signin'deki gibi tekerleğin ortasında büyük durur */ .s-fin__panel{clip-path:inset(calc(var(--inset,0) * (var(--s-header,0px) + 3vh)) calc(var(--inset,0) * max(16px,(100% - var(--s-max)) / 2)) calc(var(--inset,0) * 3vh) round calc(var(--inset,0) * 36px))} .s-fin__wheel{--ww:min(var(--s-max),92vw,calc((100vh - var(--s-header,0px)) * 1.2))} .s-fin__duck{--dw:calc(var(--ww-d,min(var(--s-max),92vw,calc((100vh - var(--s-header,0px)) * 1.2))) * .5);bottom:calc(var(--inset,0) * 3vh - 1%);transform:translate(-50%,calc((1 - var(--duck,0)) * 100%));opacity:min(1,calc(var(--duck,0) * 3));transform-origin:50% 100%} .s-fin__duck .s-duck__img,.s-fin__duck .s-duck__bob{animation:none;transform:none} .s-fin__duck .s-duck__shadow{display:none} @media (max-width:759px){.s-fin__wheel{--ww:min(150vw,calc((100vh - var(--s-header,0px)) * 1.1))}.s-fin__duck{--dw:min(78vw,40vh)}} /* maskot görseli 950px karede: kuş yalnız %17 genişlik, %47 yükseklik, altında %44 boşluk → büyüt ve aşağı kaydır */ .s-fin__duck{--dw:calc(min(var(--s-max),92vw,calc((100vh - var(--s-header,0px)) * 1.2)) * .92);bottom:calc(var(--inset,0) * 3vh - var(--dw) * .445)} @media (max-width:759px){.s-fin__duck{--dw:calc(min(150vw,calc((100vh - var(--s-header,0px)) * 1.1)) * .8)}} @media (max-width:759px){.s-fin__wheel{--ww:min(190vw,calc((100vh - var(--s-header,0px)) * 1.25))}.s-fin__duck{--dw:calc(min(190vw,calc((100vh - var(--s-header,0px)) * 1.25)) * .62)}} .s-fin__panel{clip-path:inset(calc(var(--inset,0) * (var(--s-header,0px) + 3vh)) calc(var(--inset,0) * max(16px,(100% - var(--cw,var(--s-max))) / 2)) calc(var(--inset,0) * 3vh) round calc(var(--inset,0) * 36px))} /* kapanış ilk panel: arka şeritler smm.ist logosu; başlık kelime kelime (kelime ortasından kırılmaz) */ .s-mark{display:inline-block;flex:none;height:.82em;aspect-ratio:629/125;background:url(data:image/webp;base64,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) center/contain no-repeat;opacity:.13;filter:grayscale(.2)} .s-fin__rows .s-bigrow > div{gap:.7em;align-items:center} .s-fin__w{display:inline-block;white-space:nowrap} .s-fin__w:last-child span{color:var(--s-lime)} .s-fin__letters{gap:0 .25em} @media (max-width:759px){.s-fin__rows .s-bigrow{font-size:clamp(28px,9vw,40px)}.s-fin__big{flex-direction:column;gap:.1em}.s-fin__letters{flex-direction:column;align-items:center;font-size:clamp(58px,18vw,96px);line-height:.95}.s-fin__big .s-fin__pop{--sz:clamp(56px,16vw,90px)}} /* Twicsy tarzı buton: koyu hap, dönen renkli kenar ışığı, parlayan nokta; alttan yükselerek gelir */ @property --s-ang{syntax:"";inherits:false;initial-value:0deg} .s-fin__cta{position:absolute;left:50%;bottom:calc(var(--inset,0) * 3vh + clamp(18px,4vh,40px));z-index:7;transform:translate(-50%,calc((1 - var(--cta,0)) * 160%));opacity:var(--cta,0)} .s-glowbtn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px 16px 22px;border-radius:999px;background:#ffffff;color:var(--s-text);font:600 17px var(--s-body);white-space:nowrap;isolation:isolate;box-shadow:0 18px 50px -14px #ff375f66,0 10px 40px -10px #5e5ce666} .s-glowbtn::before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-2;background:conic-gradient(from var(--s-ang),#ff5000,#64d2ff,#5e5ce6,#ff375f,#ff9f0a,#ff5000);animation:s-glowspin 4s linear infinite} .s-glowbtn::after{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,#f7f8fa,#f6f7f9)} .s-glowbtn i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #ffffffaa} .s-glowbtn:hover{transform:translateY(-2px)} @keyframes s-glowspin{to{--s-ang:360deg}} /* mobil: kuş tekerleğe oranlı (masaüstündeki gibi), tekerlek kartı doldurur */ @media (max-width:759px){.s-fin__duck{--dw:calc(min(190vw,calc((100vh - var(--s-header,0px)) * 1.25)) * .9)}.s-fin__cta{bottom:calc(var(--inset,0) * 3vh + 16px)}.s-glowbtn{font-size:16px;padding:14px 26px 14px 20px}} /* önce/sonra başlığı mobilde büyük */ @media (max-width:759px){.s-rain__title{font-size:clamp(44px,13vw,64px)}} @media (max-width:759px){.s-rain__rows .s-bigrow{font-size:clamp(26px,8.5vw,38px)}} @media (max-width:600px){.s-rain .s-ip{--w:min(58vw,calc((100vh - var(--s-header,0px) - 80px) * .47))}.s-rain__ava{width:min(40px,100%)!important;max-width:40px}} /* emoji boyutu değişkenle: dar ekranda orantılı küçülür */ .s-rain__emo i{font-size:var(--fs,48px)} @media (max-width:600px){.s-rain__emo i{font-size:calc(var(--fs,48px) * .62)}} /* kapanış düzeni: buton başlığın altında; tekerlek + maskot butonun altındaki alanı doldurur (--fw JS ile) */ .s-fin__cta{position:relative;left:auto;bottom:auto;margin-top:6px;transform:translateY(calc((1 - var(--cta,0)) * 40px));opacity:var(--cta,0)} .s-fin__wheel{width:var(--fw,900px);height:calc(var(--fw,900px) / 2)} .s-fin__duck{--dw:calc(var(--fw,900px) * .9)} @media (max-width:759px){.s-fin__wheel{width:var(--fw,600px);height:calc(var(--fw,600px) / 2)}.s-fin__duck{--dw:calc(var(--fw,600px) * .9)}.s-fin__cta{bottom:auto}} /* ---- puan kapsülü (Apple tarzı): üst üste yüzler · 4.9 + yıldızlar / alt satırda açıklama ---- */ .s-rate{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:999px;background:linear-gradient(180deg,#0808080f,#08080806);box-shadow:inset 0 0 0 1px #08080817,inset 0 1px 0 #08080812} .s-rate__faces{display:flex} .s-rate__faces img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px #15161e;margin-left:-10px} .s-rate__faces img:first-child{margin-left:0} .s-rate__txt{display:grid;line-height:1.15} .s-rate__txt > span{display:flex;align-items:center;gap:7px} .s-rate__txt b{font:700 17px var(--s-display);color:var(--s-text);letter-spacing:-.01em} .s-rate__stars{color:#ffd60a;font-size:13px;letter-spacing:1.5px} .s-rate__txt small{font-size:12px;color:var(--s-faint)} /* ---- bölümler çizgiyle değil, dönüşümlü bir ton koyu zeminle ayrılır ---- */ .s-section + .s-section{border-top:0} .s-section--alt{background:#ffffff} .s-rain,.s-fin{border-top:0} .s-root hr,.s-embed hr{display:none} /* ---- iPhone: sade, gerçekçi (ince titanyum kenar, iOS kilit ekranı, bildirim yığını) ---- */ .s-ip{padding:calc(var(--w) * .009);background:linear-gradient(135deg,#c9ccd1 0%,#6d7076 18%,#3b3e43 40%,#8e9197 62%,#4a4d52 82%,#b4b7bc 100%);box-shadow:0 0 0 .5px #000,inset 0 0 0 .5px #ffffff66,0 40px 100px -30px #000,0 10px 30px -10px #0009} .s-ip__bezel{padding:calc(var(--w) * .026)} .s-ip__glare{background:linear-gradient(120deg,#ffffff0d 0%,transparent 25%)} .s-rain .s-lock{background:radial-gradient(120% 70% at 20% 0%,#2d3f8f 0%,transparent 55%),radial-gradient(90% 60% at 100% 35%,#4a2a7a 0%,transparent 60%),radial-gradient(100% 60% at 30% 100%,#0e3b55 0%,transparent 60%),linear-gradient(180deg,#0b1026,#0a0b18);padding:calc(var(--w) * .2) calc(var(--w) * .04) calc(var(--w) * .26)!important;align-items:stretch} .s-rain .s-lock__date{text-align:center;font:600 calc(var(--w) * .052) -apple-system,"SF Pro Text",sans-serif;color:#ffffffd9;letter-spacing:.01em} .s-rain .s-lock__time{text-align:center;font:600 calc(var(--w) * .27)/.95 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.025em;color:#ffffffe6;text-shadow:none;margin:2px 0 0} .s-rain .s-lock__widget{align-self:center;width:auto;margin-top:calc(var(--w) * .035);gap:8px;padding:6px 12px 6px 6px;border-radius:14px;background:#ffffff1f;box-shadow:none} .s-rain .s-lock__widget > span:nth-child(2){display:grid;line-height:1.1} .s-rain .s-lock__widget small{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em} .s-rain .s-lock__widget b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums} .s-rain .s-lock__ava{width:28px;height:28px;font-size:13px} .s-rain .s-lock__up{width:20px;height:20px;font-size:11px;margin-left:4px} .s-rain.is-after .s-lock__widget{background:#30d15840;box-shadow:inset 0 0 0 1px #30d15880} .s-lock__stack{position:relative;flex:1;margin-top:calc(var(--w) * .05)} .s-rain .s-note{position:absolute;left:0;right:0;top:0;max-height:none;margin:0;height:calc(var(--w) * .2);padding:0 12px;gap:10px;border-radius:calc(var(--w) * .062);background:#2a2b33b8;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 1px 0 #ffffff14 inset;opacity:0;transform-origin:50% 0;transition:transform .55s cubic-bezier(.2,.9,.25,1.15),opacity .35s} .s-rain .s-note__ico{width:calc(var(--w) * .11);height:calc(var(--w) * .11);border-radius:calc(var(--w) * .026)} .s-rain .s-note b{font-size:calc(var(--w) * .042);font-weight:600;color:#fff} .s-rain .s-note small{font-size:calc(var(--w) * .04);color:#ffffffd6} .s-rain .s-note time{font-size:calc(var(--w) * .034);color:#ffffff8c;align-self:center;white-space:nowrap} @media (max-width:600px){.s-rain .s-note b,.s-rain .s-note small{font-size:calc(var(--w) * .043)}.s-rain .s-note{padding:0 10px}} .s-rain .s-note__ico{background:#2aabee} .s-rain .s-note__ico svg{transform:scale(1.42)} .s-rain .s-note__ico:has(img){background:#ff5000} /* tasarruf: üstte yeşil SAVE hapı + fiyatın altında Apple Store tarzı sade satır */ .s-pricebox__line{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;font:500 14px var(--s-body);color:#5ad18c;margin-top:2px} .s-pricebox__line b{font-weight:700} .s-root .s-pricebox .s-pricebox__line .s-oldp{font:500 14px var(--s-body);color:#8e94a8;padding:0;text-decoration:line-through;text-decoration-color:#ff453a;text-decoration-thickness:1.5px} .s-root .s-pricebox .s-pricebox__line .s-oldp::after{display:none} /* bildirimde smm.ist uygulama ikonu: logodaki kuş profili */ .s-rain .s-note__ico--smm{background:#ff5000 url(data:image/webp;base64,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) center/112% no-repeat} /* fiyat kutusu: yüzde yeşil hapta, altta yalnız "You save $x", üstü çizili eski fiyat büyük fiyatın yanında */ .s-root .s-pricebox .s-ribbon{display:none!important} .s-savepill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:999px;font:700 13px/1 var(--s-body);letter-spacing:.02em;color:#052e12;background:linear-gradient(180deg,#6eeb93,#30d158);box-shadow:0 8px 22px -8px #30d158,inset 0 1px 0 #ffffff70;position:relative;overflow:hidden} .s-savepill::before{content:"";width:14px;height:14px;flex:none;background:#052e12;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 2.1 3.2-.3.9 3.1 2.8 1.6-1.1 3 1.1 3-2.8 1.6-.9 3.1-3.2-.3L12 22l-2.4-2.1-3.2.3-.9-3.1-2.8-1.6 1.1-3-1.1-3 2.8-1.6.9-3.1 3.2.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 2.1 3.2-.3.9 3.1 2.8 1.6-1.1 3 1.1 3-2.8 1.6-.9 3.1-3.2-.3L12 22l-2.4-2.1-3.2.3-.9-3.1-2.8-1.6 1.1-3-1.1-3 2.8-1.6.9-3.1 3.2.3z'/%3E%3C/svg%3E") center/contain no-repeat} @media (prefers-reduced-motion:no-preference){.s-savepill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);animation:s-shine 3.2s ease-in-out infinite}} .s-pricebox__line{font-size:14px} /* önce/sonra başlığı: belirgin giriş (alttan, bulanıktan netleşerek, hafif büyüyerek) */ .s-rain__title{transform:translateY(calc(-50% + (1 - var(--tin,0)) * 80px - var(--tout,0) * 90px)) scale(calc(.86 + var(--tin,0) * .14 - var(--tout,0) * .08));filter:blur(calc((1 - var(--tin,0)) * 16px + var(--tout,0) * 14px));opacity:calc(var(--tin,0) * (1 - var(--tout,0)))} /* ---- iPhone: Liquid Glass (iOS 26) — renkli akışkan duvar kâğıdı, cam bildirimler, cam tuşlar ---- */ .s-rain .s-lock{background: radial-gradient(60% 45% at 18% 22%,#ff6a3d 0%,transparent 70%), radial-gradient(55% 45% at 85% 30%,#c13dff 0%,transparent 72%), radial-gradient(70% 50% at 50% 62%,#2f4dff 0%,transparent 70%), radial-gradient(60% 40% at 15% 92%,#00b3c7 0%,transparent 70%), radial-gradient(60% 40% at 90% 95%,#5b2bd1 0%,transparent 70%), #0b0d2a!important} .s-rain .s-lock::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 0%,#0000 55%,#00000059 100%);pointer-events:none} .s-rain .s-lock > *{position:relative} .s-rain .s-lock__date{color:#ffffffeb;text-shadow:0 1px 8px #0003} .s-rain .s-lock__time{color:#ffffffd9;text-shadow:0 2px 24px #0000004d,0 0 1px #ffffff80} /* cam yüzey reçetesi: yarı saydam beyaz + bulanık arka + doygunluk + üst kenar parlaması + ince iç kenarlar */ .s-rain .s-note,.s-rain .s-lock__widget,.s-rain .s-lock__btns span{ background:linear-gradient(180deg,#ffffff2e 0%,#ffffff14 100%)!important; -webkit-backdrop-filter:blur(22px) saturate(1.9) brightness(1.08);backdrop-filter:blur(22px) saturate(1.9) brightness(1.08); box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff1f,inset 1px 0 0 #ffffff26,inset -1px 0 0 #ffffff26,inset 0 0 24px #ffffff0f,0 8px 24px -10px #0006!important} .s-rain .s-note b{color:#fff} .s-rain .s-note small{color:#ffffffe6} .s-rain .s-note time{color:#ffffffa6} .s-rain .s-lock__widget{border-radius:16px} .s-rain .s-lock__btns span{width:calc(var(--w) * .14)} .s-rain .s-lock__btns svg{filter:drop-shadow(0 1px 2px #0005)} .s-rain.is-after .s-lock__widget{background:linear-gradient(180deg,#30d15866,#30d15833)!important} /* paket etiketleri: kutunun üst kenarında renkli bant (komşu kutulara taşmaz) */ .s-packgrid .s-pack{overflow:hidden} .s-packgrid .s-pack:has(.s-flag){padding-top:26px} .s-flag{top:0;left:0;right:0;transform:none;width:auto;border-radius:0;justify-content:center;padding:4px 6px;font-size:10.5px;box-shadow:none} .s-flag .s-3d{--sz:13px} /* iPhone durum çubuğu: sol üstte operatör (eSIM) + sessiz; sağda sinyal, Wi-Fi, pil yüzdesi */ .s-ip__carrier{display:inline-flex;align-items:center;gap:4px;font:600 calc(var(--w) * .043) -apple-system,"SF Pro Text",sans-serif;letter-spacing:.01em} .s-ip__carrier svg{width:calc(var(--w) * .04);height:calc(var(--w) * .04)} .s-ip__icons{gap:calc(var(--w) * .014)} .s-ip__icons svg{height:calc(var(--w) * .034);width:auto;fill:#fff;overflow:visible} .s-ip__bat{width:calc(var(--w) * .085);height:calc(var(--w) * .042);border-radius:calc(var(--w) * .013);border:0;padding:0;background:#ffffff59;display:grid;place-items:center} .s-ip__bat::after{right:calc(var(--w) * -.009);width:calc(var(--w) * .006);height:35%;top:32%;background:#ffffff73} .s-ip__bat b{width:auto;height:auto;background:none;color:#000;font:700 calc(var(--w) * .027)/1 -apple-system,"SF Pro Text",sans-serif;font-style:normal} /* kilit ekranı saati: iOS 26 gibi yuvarlak, kalın, buzlu cam rakamlar */ .s-rain .s-lock__date{font:600 calc(var(--w) * .055) -apple-system,"SF Pro Text",sans-serif;color:#ffffffeb} .s-rain .s-lock__time{font:700 calc(var(--w) * .3)/.95 ui-rounded,"SF Pro Rounded",-apple-system,"SF Pro Display",system-ui,sans-serif;letter-spacing:-.01em; background:linear-gradient(180deg,#ffffffd9 0%,#ffffff8c 55%,#ffffffb3 100%);-webkit-background-clip:text;background-clip:text;color:transparent; -webkit-text-stroke:1px #ffffff40;filter:drop-shadow(0 2px 6px #0000004d) drop-shadow(0 0 1px #ffffff66);text-shadow:none} /* alt tuşlar: ekranın içinde, iOS konumunda (yanlardan ~%10, alttan ~%7), buzlu cam daire */ .s-rain .s-lock > .s-lock__btns{position:absolute;left:11%;right:11%;bottom:calc(var(--w) * .1);display:flex;justify-content:space-between} .s-rain .s-lock__btns span{width:calc(var(--w) * .15);height:calc(var(--w) * .15);border-radius:50%} .s-rain .s-lock__btns svg{width:44%;height:44%} /* ===== header cam + aktif sayfa, sade puan, servis kartı alt satırı (2026-10-25) ===== */ .s-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:background .35s var(--s-ease),border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s} .s-header.is-scrolled{background:#ffffffa6;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-color:#08080814} .s-nav{align-items:center;gap:6px} .s-nav a{padding:7px 14px;border-radius:999px;transition:color .2s,background .2s} .s-nav a:hover{background:#0808080d} .s-nav a[aria-current=page]{color:var(--s-text);background:#08080817;box-shadow:inset 0 0 0 1px #08080812} .s-sheet a[aria-current=page]{color:var(--s-lime)} .s-rate{padding:0;background:none;box-shadow:none;gap:10px} .s-rate__faces img{width:28px;height:28px;margin-left:-8px;box-shadow:0 0 0 2px var(--s-bg)} .s-rate__txt{display:flex;align-items:center;gap:8px} .s-rate__txt b{font-size:15px} .s-rate__stars{font-size:12px;letter-spacing:1px} .s-rate__txt small{font-size:13px;color:var(--s-muted)} .s-rate__txt small::before{content:"·";margin-right:8px;color:var(--s-faint)} @media (max-width:767px){.s-trustbar .s-minivid,.s-trustbar .s-paylist{display:none}.s-trustbar{margin-top:26px}} .s-svc__foot{flex-wrap:nowrap;font-size:15px;gap:10px} .s-svc__price b{font-size:1.25em} .s-svc__price span{font-size:.8em} .s-svc__foot .s-btn{flex:none;white-space:nowrap;font-size:1em} /* ===== header yalın (Twicsy): üstte zeminle aynı, kaydırınca cam; hiç çizgi yok ===== */ .s-header,.s-header.is-scrolled{border-bottom:0!important;box-shadow:none} .s-header.is-scrolled{background:#ffffffcc;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)} /* ===== SSS: mobilde iki sütun tek kutuda akar ===== */ @media (max-width:959px){ .s-qa2{gap:8px;padding:10px;border-radius:30px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-qa2 > .s-qa{background:none!important;border:0!important;box-shadow:none!important;padding:0;gap:8px;max-width:none} .s-qa2 details{background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;border-radius:20px} .s-qa2 summary{font:600 16px/1.35 var(--s-body);padding:16px 16px 16px 20px} .s-qa2 summary i{width:30px;height:30px;background:#08080814} .s-qa2 summary i::before,.s-qa2 summary i::after{width:12px} } /* ===== footer (Twicsy düzeni) ===== */ .s-ft{padding:80px 0 0;font-size:15px;background:var(--s-bg);overflow:hidden} .s-ft__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px} .s-ft__col h2{font:400 16px/1.5 var(--s-body);color:var(--s-muted);margin:0 0 18px;letter-spacing:0} .s-ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px} .s-ft__col a{font:500 15px/22px var(--s-body);color:var(--s-text);transition:color .2s} .s-ft__col a:hover{color:var(--s-lime)} .s-ft__social{display:flex;gap:14px;margin-top:24px} .s-ft__social img{width:22px;height:22px;display:block;filter:grayscale(1) brightness(1.6);opacity:.5;transition:filter .25s,opacity .25s} .s-ft__social a:hover img{filter:none;opacity:1} .s-ft__bottom{display:grid;gap:40px;margin-top:72px;align-items:center} .s-ft__cta{position:relative;display:flex;align-items:center;gap:18px} .s-ft__card{display:flex;align-items:center;gap:20px;padding:12px;padding-right:28px;border-radius:32px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:0 24px 60px -20px #0808083d;transition:transform .35s var(--s-ease)} .s-ft__card:hover{transform:translateY(-3px)} .s-ft__users{flex:none;display:grid;justify-items:center;gap:2px;padding:22px 26px;border-radius:22px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-ft__faces{display:flex;margin-bottom:8px} .s-ft__faces img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--s-box-in);margin-left:-10px} .s-ft__faces img:first-child{margin-left:0} .s-ft__users b{font:600 20px/1.2 var(--s-display);letter-spacing:-.5px;color:var(--s-text)} .s-ft__users small{font-size:13px;color:var(--s-muted)} .s-ft__go{display:grid;gap:8px} .s-ft__go b{font:700 34px/1.1 var(--s-display);letter-spacing:-.85px;color:var(--s-text)} .s-ft__go small{font:500 14px/1.55 var(--s-body);color:var(--s-muted);max-width:26ch} .s-ft__duck{width:110px;height:auto;flex:none;animation:s-ftbob 4s ease-in-out infinite} @keyframes s-ftbob{50%{transform:translateY(-8px) rotate(-3deg)}} .s-ft__legal{display:grid;gap:18px} .s-ft__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px} .s-ft__row nav{display:flex;flex-wrap:wrap;gap:8px 20px} .s-ft__row nav a{font:500 14px var(--s-body);color:var(--s-text)} .s-ft__row nav a:hover{color:var(--s-lime)} .s-ft__lang{position:relative} .s-ft__lang summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--s-surface-2);font:600 14px var(--s-body);color:var(--s-text)} .s-ft__lang summary::-webkit-details-marker{display:none} .s-ft__lang summary{padding-left:16px} .s-ft__lang summary i{width:8px;height:8px;border-left:2px solid var(--s-muted);border-top:2px solid var(--s-muted);transform:rotate(45deg) translateY(2px)} .s-ft__lang ul{position:absolute;left:0;bottom:calc(100% + 8px);margin:0;padding:6px;list-style:none;min-width:170px;border-radius:16px;background:var(--s-surface-2);border:1px solid var(--s-line-2);box-shadow:0 20px 50px -10px #0808083d;z-index:5} .s-ft__lang li a{display:block;padding:8px 12px;border-radius:10px;font-size:14px;color:var(--s-text)} .s-ft__lang li a:hover,.s-ft__lang li a[aria-current]{background:#08080810} .s-ft__legal p{margin:0;font-size:13px;line-height:1.5;color:var(--s-faint);max-width:52ch} .s-ft__pay{justify-content:flex-start!important;flex-basis:auto!important} .s-ft__word{font:800 clamp(64px,17vw,240px)/.8 var(--s-display);letter-spacing:-.065em;color:var(--s-text);text-align:center;height:.66em;overflow:hidden;margin-top:56px;white-space:nowrap;user-select:none} @media (min-width:900px){ .s-ft__cols{grid-template-columns:1fr 1fr 1.15fr .8fr;padding-inline:5%} .s-ft__bottom{grid-template-columns:auto 1fr;gap:48px;padding-inline:4%} .s-ft__legal{justify-self:end} } @media (max-width:899px){ .s-ft{padding-top:56px} .s-ft__cta{display:block} .s-ft__card{gap:16px;padding-right:18px} .s-ft__users{padding:18px 18px} .s-ft__go b{font-size:28px} .s-ft__duck{position:absolute;right:-6px;top:-54px;width:76px} } .s-header:not(.is-scrolled){background:var(--s-bg)} .s-ft__social a{color:var(--s-faint);display:grid;transition:color .2s} .s-ft__social a:hover{color:var(--s-text)} .s-ft__duck{width:190px;margin:-50px -40px -40px -50px;pointer-events:none} @media (max-width:899px){.s-ft__duck{width:120px;margin:0;right:-26px;top:-70px}} /* footer sade: bağlantı sütunları, maskot ve sosyal ikonlar kaldırıldı */ .s-ft__bottom{margin-top:0} /* ===== giriş sayfası = ana sayfa (signin.twig) ===== */ .s-login{margin:40px auto 0;max-width:1080px;padding:12px;border-radius:32px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow),0 60px 140px -50px #0808084c;text-align:left;display:grid;gap:12px} .s-login .s-alert{margin:0} .s-login__row{display:grid;gap:10px} .s-login__f{min-height:58px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);padding-left:18px;transition:border-color .2s} .s-login__f:focus-within{border-color:var(--s-lime)} .s-login__f svg{flex:none;width:19px;height:19px;color:var(--s-faint)} .s-login__f .s-input{min-height:56px;padding:0 16px 0 12px;font-size:16px} .s-login__row > .s-btn{min-height:58px;border-radius:18px;justify-content:center} .s-gwrap{position:relative} .s-gwrap #google-signin-hidden{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden} .s-gbtn{width:100%;min-height:58px;border-radius:18px;justify-content:center;gap:10px} .s-gbtn svg{width:20px;height:20px;flex:none} .s-login__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:6px 10px 8px;font-size:14px;color:var(--s-muted)} .s-login__meta > a{color:var(--s-muted)} .s-login__meta a:hover{color:var(--s-text)} .s-login__su{margin-left:auto} .s-login__su a{color:var(--s-lime);font-weight:600;margin-left:4px} .s-login__cap{padding:0 6px 6px} @media (min-width:900px){.s-login__row{grid-template-columns:1fr 1fr auto 230px}.s-login__row > .s-btn{padding-inline:26px 6px}} @media (max-width:899px){.s-login__row{grid-template-columns:1fr 1fr}.s-login__f{grid-column:1/-1}.s-login__su{margin-left:0;width:100%}} .s-home .s-trustbar{margin-top:30px} .s-home h1{max-width:22ch} /* 724: başlık daha uzun; 2 satıra sığsın */ .s-howcards:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,1fr)} @media (max-width:759px){.s-howcards:has(> :nth-child(3):last-child){grid-template-columns:none}} .s-why3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px} .s-why3 > div{padding:26px;border-radius:26px;background:var(--s-box)!important;border:1px solid var(--s-box-line)!important} .s-why3 .s-3d{width:58px;height:58px;margin-bottom:16px} .s-why3 b{font-size:21px} @media (max-width:759px){.s-why3{grid-template-columns:1fr}} /* 724: "Neden en iyisi" — yeni tasarım kutusu; üstte iç kutuda 3B görsel (canlı sitedeki görsellerden kesildi) */ .s-why3--art > div{display:flex;flex-direction:column} .s-why3__art{display:grid;place-items:center;height:190px;margin:0 0 20px;border-radius:20px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);overflow:hidden} .s-why3__art img{max-height:150px;max-width:78%;width:auto;filter:drop-shadow(0 16px 22px #ff500026);transition:transform .5s var(--s-ease)} .s-why3--art > div:hover .s-why3__art img{transform:translateY(-6px) rotate(-3deg)} .s-why3--art b{font-size:22px} .s-why3--art p{color:var(--s-muted)} @media (max-width:759px){.s-why3__art{height:150px}.s-why3__art img{max-height:118px}} /* 724: ödül rozetleri şeridi */ .s-awards{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:28px} .s-awards img{height:118px;width:auto} @media (max-width:759px){.s-awards{gap:14px}.s-awards img{height:82px}} .s-blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px} .s-blogcard{display:flex;flex-direction:column;padding:10px;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow);transition:transform .35s var(--s-ease)} .s-blogcard:hover{transform:translateY(-4px)} .s-blogcard__img{display:block;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:var(--s-box-in)} .s-blogcard__img img{width:100%;height:100%;object-fit:cover;display:block} .s-blogcard__body{display:grid;gap:8px;padding:16px 12px 10px} .s-blogcard h3{margin:0;font:700 19px/1.3 var(--s-display);color:var(--s-text)} .s-blogcard p{margin:0;font-size:14.5px;color:var(--s-muted)} .s-blogcard__more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:600 14px var(--s-body);color:var(--s-lime)} .s-blogcard__more i{width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)} @media (max-width:899px){.s-blogs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}.s-blogs::-webkit-scrollbar{display:none}.s-blogcard{flex:none;width:min(80vw,320px);scroll-snap-align:center}} .s-login__f .s-input:-webkit-autofill,.s-login__f .s-input:-webkit-autofill:hover,.s-login__f .s-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--s-text);-webkit-box-shadow:0 0 0 100px var(--s-box-in) inset;caret-color:var(--s-text);transition:background-color 9999s} /* ===== hesap sayfaları: kayıt, şifre sıfırlama (ortak kart) ===== */ .s-auth{position:relative;padding:clamp(28px,6vw,72px) 0 clamp(56px,8vw,96px);overflow:hidden} .s-auth::before{content:"";position:absolute;left:50%;top:-180px;width:min(900px,140vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--s-lime) 13%,transparent),transparent);pointer-events:none} .s-auth .s-wrap{position:relative;display:grid;justify-items:center;gap:26px} .s-auth__card{width:min(100%,480px);padding:32px 28px 26px;border-radius:32px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow),0 60px 140px -50px #0808084c;text-align:center} .s-auth__icon{width:64px;height:64px;border-radius:18px;display:block;margin:0 auto 18px;box-shadow:0 12px 30px -10px #0808084c} .s-auth h1{font:800 clamp(28px,4.4vw,36px)/1.12 var(--s-display);letter-spacing:-.03em;margin:0;text-wrap:balance} .s-auth h1 .s-hl{font-size:inherit} .s-auth__sub{margin:12px auto 0;max-width:36ch;color:var(--s-muted);font-size:15px;line-height:1.5} .s-auth__form{display:grid;gap:10px;margin-top:24px;text-align:left} .s-auth__form .s-alert{margin:0 0 4px} .s-auth__form .s-input[readonly]{color:var(--s-muted);cursor:default} .s-auth__form .s-btn--block{min-height:58px;border-radius:18px;margin-top:6px;justify-content:center} .s-auth__terms{align-items:flex-start;padding:4px 4px 0;line-height:1.45} .s-auth__terms input{margin-top:2px;flex:none} .s-auth__terms a{color:var(--s-lime)} .s-auth__alt{margin:18px 0 0;font-size:14px;color:var(--s-muted)} .s-auth__alt a{color:var(--s-lime);font-weight:600;margin-left:4px} .s-auth__form .s-input:-webkit-autofill,.s-auth__form .s-input:-webkit-autofill:hover,.s-auth__form .s-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--s-text);-webkit-box-shadow:0 0 0 100px var(--s-box-in) inset;caret-color:var(--s-text);transition:background-color 9999s} @media (max-width:520px){.s-auth__card{padding:26px 16px 20px;border-radius:28px}} .s-auth__or{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--s-faint);font-size:13px} .s-auth__or::before,.s-auth__or::after{content:"";flex:1;height:1px;background:var(--s-line)} /* ===== içerik sayfaları (about, terms, faq, api, blog, yazı) ===== */ .s-page{position:relative;padding:clamp(28px,6vw,72px) 0 clamp(56px,8vw,104px)} .s-page::before{content:"";position:absolute;left:50%;top:-200px;width:min(1000px,150vw);height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--s-lime) 10%,transparent),transparent);pointer-events:none} .s-page .s-wrap{position:relative} .s-page--narrow .s-wrap{max-width:900px} .s-pagehead{text-align:center;margin:0 auto clamp(28px,4vw,44px);max-width:760px} .s-pagehead h1{font:800 clamp(34px,5.6vw,64px)/1.04 var(--s-display);letter-spacing:-.035em;margin:0;text-wrap:balance} .s-pagehead .s-lead{margin:16px auto 0;max-width:52ch} .s-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:#0808080d;border:1px solid var(--s-line);font:600 13px var(--s-body);color:var(--s-muted)} .s-prosecard{max-width:none;padding:clamp(22px,4vw,44px);border-radius:32px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow);color:#080808e1;font-size:16px;line-height:1.7} .s-prosecard a{color:var(--s-lime)} .s-prosecard hr{border:0;height:1px;background:var(--s-line);margin:28px 0} .s-prosecard img{max-width:100%;height:auto;border-radius:16px} .s-terms{font-size:15.5px} .s-tablewrap{border-radius:24px;overflow:auto;background:var(--s-box);border:1px solid var(--s-box-line);margin:0 0 14px} .s-tablewrap .s-table td:first-child{color:var(--s-muted);width:38%} .s-tablewrap .s-table th{color:var(--s-faint)} .s-tablewrap code,.s-api code{font:500 13.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--s-text);background:#0808080d;padding:2px 7px;border-radius:7px;word-break:break-all} .s-api__m{margin-top:40px} .s-api__m h2{font:700 22px var(--s-display);margin:0 0 14px;letter-spacing:-.01em} .s-api__type{max-width:340px;margin-bottom:12px} .s-api__type .s-select{border-color:var(--s-box-line);background-color:var(--s-box)} .s-api__ex{margin:18px 0 8px;font:600 14px var(--s-body);color:var(--s-muted)} .s-code{margin:0;padding:18px 20px;border-radius:20px;background:#f6f7f9;border:1px solid var(--s-line);color:#e8b9a4;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;white-space:pre} .s-api > .s-btn{margin-top:36px} .s-blogs--page{margin-top:0} @media (max-width:899px){.s-blogs--page{display:grid;grid-template-columns:1fr;margin-inline:0;padding:0;overflow:visible}.s-blogs--page .s-blogcard{width:auto}} @media (min-width:600px) and (max-width:899px){.s-blogs--page{grid-template-columns:1fr 1fr}} .s-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px} .s-pager a{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);font:600 15px var(--s-body);color:var(--s-muted)} .s-pager a:hover{color:var(--s-text)} .s-pager a[aria-current]{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)} .s-post__img{margin:0 0 28px;border-radius:28px;overflow:hidden;border:1px solid var(--s-box-line)} .s-post__img img{display:block;width:100%;height:auto} .s-post h1{font:800 clamp(30px,4.6vw,52px)/1.08 var(--s-display);letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance} .s-post .s-prose{max-width:none;font-size:17px;line-height:1.75} .s-post .s-prose img{max-width:100%;height:auto;border-radius:18px} .s-post .s-prose a{color:var(--s-lime)} .s-post__back{margin-top:40px} /* e-posta değiştirme penceresi (Bootstrap modal, panel JS'i yönetir) */ .s-modal .modal-content{background:var(--s-box);border:1px solid var(--s-box-line);border-radius:28px;color:var(--s-text);box-shadow:0 40px 120px -30px #0808084c} .s-modal .modal-header,.s-modal .modal-footer{border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px} .s-modal .modal-title{font:700 20px var(--s-display);margin:0} .s-modal__x{background:#08080810;border:0;border-radius:50%;width:34px;height:34px;color:var(--s-text);font-size:20px;line-height:1;opacity:1;text-shadow:none} .s-modal .modal-body{display:grid;gap:8px;padding:0 22px} .s-modal .s-input{background:var(--s-box-in);border-color:var(--s-box-in-line)} .s-input--static{display:flex;align-items:center;color:var(--s-muted)} .s-flabel{font:600 13px var(--s-body);color:var(--s-muted);margin-top:8px} .s-modal .modal-footer{justify-content:flex-end} .s-auth__form .s-btn--light.s-btn--block{min-height:54px;border-radius:18px;justify-content:center} /* ===== hizmetler sayfası (services.twig) — eski JS kancaları korunur, eski stiller ezilir ===== */ .s-svcp{display:grid;grid-template-columns:minmax(0,1fr);gap:16px} .s-svcp > *,.s-svcp__cat,.s-svcp__items{min-width:0} .s-svcp__dash{display:grid;gap:14px;grid-template-columns:1fr 1fr} .s-svcp__resell,.s-svcp__level{padding:22px;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-svcp__resell{background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--s-lime) 14%,transparent),transparent 60%),var(--s-box)} .s-svcp__resell .s-eyebrow{margin-bottom:10px} .s-svcp__resell p{margin:0 0 16px;color:var(--s-muted);font-size:15px;max-width:46ch} .s-svcp__resell strong{color:var(--s-text)} .s-svcp__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .s-svcp__stats > div{padding:14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);display:grid;gap:4px} .s-svcp__stats small{font-size:12.5px;color:var(--s-muted)} .s-svcp__stats b{font:700 20px var(--s-display);color:var(--s-text)} .s-svcp__stats .is-hl{background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 35%,transparent)} .s-svcp__stats .is-hl b{color:var(--s-lime)} .s-svcp__motiv{margin-top:14px} .s-svcp__motiv p{margin:0 0 8px;font-size:14px;color:var(--s-muted)} .s-svcp__motiv strong{color:var(--s-text)} .s-svcp__track{height:8px;border-radius:99px;background:#08080812;overflow:hidden} .s-svcp__track > div{height:100%;max-width:100%;border-radius:99px;background:linear-gradient(90deg,var(--s-lime-2,#ff5000),var(--s-lime))} .s-svcp__bar{position:sticky;top:calc(var(--pp-header,0px) + 10px);z-index:5;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:8px;padding:8px;border-radius:24px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:0 20px 50px -20px #0808084c} .s-svcp__bar .s-select{min-height:50px;border-radius:16px;background-color:var(--s-box-in);border-color:var(--s-box-in-line)} .s-svcp__search{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border-radius:16px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);margin:0} .s-svcp__search:focus-within{border-color:var(--s-lime)} .s-svcp__search svg{width:18px;height:18px;flex:none;color:var(--s-faint)} .s-svcp__search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--s-text);font:500 15px var(--s-body)} .s-svcp__search input::placeholder{color:var(--s-faint)} .s-svcp__none{padding:40px 20px;text-align:center;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line)} .s-svcp__none b{display:block;font:700 22px var(--s-display);margin-bottom:6px} .s-svcp__none p{margin:0;color:var(--s-muted)} .s-svcp__list{display:grid;gap:16px} .s-svcp__cat{padding:8px;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-svcp__cathead{display:flex;align-items:center;gap:10px;margin:0;padding:14px 14px 10px;font:700 19px/1.3 var(--s-display);color:var(--s-text);letter-spacing:-.01em} .s-svcp__cathead img{width:22px;height:22px;object-fit:contain} .s-svcp__cathead .fab,.s-svcp__cathead .fas,.s-svcp__cathead .far{font-size:20px} .s-svcp__cols,.s-root .s-svcp .service-item .s-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px 110px 150px 92px;align-items:center;gap:12px} .s-svcp__cols{padding:8px 14px;font:600 12px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.04em} .s-root .s-svcp .si-wrapper{border-radius:18px;transition:background .15s} .s-root .s-svcp .si-wrapper:hover{background:#08080806} .s-root .s-svcp .si-wrapper + .si-wrapper{box-shadow:0 -1px 0 var(--s-line)} .s-root .s-svcp .service-item{padding:0;margin:0;background:none;border:0;border-radius:0} .s-root .s-svcp .service-item .s-row{padding:12px 14px;flex-wrap:nowrap} .s-svcp__name{display:flex;align-items:center;gap:10px;min-width:0} .s-root .s-svcp .sp-serv-title{display:block;margin:0;font:500 14.5px/1.4 var(--s-body);color:var(--s-text)} .s-svcp__c{font:500 14px var(--s-body);color:var(--s-muted)} .s-svcp__rate .prices{display:inline-block;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--s-lime) 13%,transparent);color:var(--s-lime);font:700 14px var(--s-body)} .s-svcp__btn .s-btn{width:100%;justify-content:center} .s-fav{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#0808080a;transition:background .2s,transform .2s} .s-fav::before{content:"★";font-size:15px;line-height:1;color:var(--s-faint)} .s-fav:hover{transform:scale(1.08)} .s-fav[data-fav-state="true"]{background:#ffd60a22} .s-fav[data-fav-state="true"]::before{color:#ffd60a} @media (max-width:899px){ .s-svcp__dash{grid-template-columns:1fr} .s-svcp__bar{grid-template-columns:1fr} .s-svcp__cols{display:none} .s-root .s-svcp .service-item .s-row{grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px} .s-svcp__name{grid-column:1/-1;align-items:flex-start} .s-svcp__c::before{content:attr(data-title);display:block;font:600 11.5px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px} .s-svcp__btn{grid-column:1/-1} .s-root .s-svcp .si-wrapper + .si-wrapper{box-shadow:0 -1px 0 var(--s-line)} .s-svcp__stats b{font-size:17px} } /* açıklama penceresi (#sp-modal) */ .s-root.sp-modal{position:fixed;inset:0;z-index:2020;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px} .s-root.sp-modal.active{display:flex} .s-spm__card{position:relative;width:min(620px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:30px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:0 50px 140px -30px #0808084c;overflow:hidden} .s-spm__x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:#08080814;color:var(--s-text);font-size:22px;line-height:1;cursor:pointer} .s-spm__head{padding:26px 24px 18px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--s-lime) 14%,transparent),transparent 60%);border-bottom:1px solid var(--s-line)} .s-root .sp-modal-service-id{display:inline-block;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--s-lime) 15%,transparent);color:var(--s-lime);font:600 13px var(--s-body)} .s-root .sp-modal-title{margin:0 44px 16px 0;font:700 19px/1.35 var(--s-display);color:var(--s-text);text-align:left} .s-root .sp-modal-link{display:inline-flex;padding:0 6px 0 22px;border-radius:999px;transform:none} .s-root .sp-modal-link:hover{transform:none} .s-spm__body{padding:20px 24px 26px;overflow:auto} .s-root .sp-modal-body-card{max-height:none;padding:0;color:#080808e1;font-size:15px;line-height:1.65;overflow:visible} @media (max-width:899px){.s-svcp__bar{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;padding:6px;border-radius:20px}.s-svcp__bar .s-select,.s-svcp__search{min-height:44px;border-radius:14px;font-size:14px}.s-svcp__bar .s-select{padding-left:12px;padding-right:30px;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%}.s-svcp__search{padding:0 12px;gap:8px}.s-svcp__search input{font-size:14px}} /* ===== hizmetler: sade (son kullanıcı) mod + Reseller mode düğmesi ===== */ .s-svcp__top{display:flex;align-items:center;justify-content:space-between;gap:12px} .s-svcp__chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px} .s-svcp__chips::-webkit-scrollbar{display:none} /* platformlar kaymaz, satır satır aşağı iner (New Order gibi) */ .s-svcp__chips{flex-wrap:wrap;overflow:visible} .s-svcp__top{align-items:flex-start} .s-svcp__top .s-switch{margin-top:8px} .s-svcp__chips button{flex:none;height:40px;padding:0 16px;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-muted);font:600 14px var(--s-body);cursor:pointer;transition:background .2s,color .2s} .s-svcp__chips button:hover{color:var(--s-text)} .s-svcp__chips button[aria-selected="true"]{background:var(--s-text);border-color:var(--s-text);color:#111} .s-switch{position:relative;flex:none;display:inline-flex;align-items:center;gap:10px;font:600 14px var(--s-body);color:var(--s-muted);cursor:pointer;user-select:none} .s-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} .s-switch__ui{position:relative;width:46px;height:28px;border-radius:99px;background:#0808081f;transition:background .2s} .s-switch__ui::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0808081f;transition:transform .25s var(--s-ease),background .2s} .s-switch input:checked + .s-switch__ui{background:var(--s-lime)} .s-switch input:checked + .s-switch__ui::after{transform:translateX(18px);background:#111} .s-switch input:focus-visible + .s-switch__ui{outline:2px solid var(--s-lime);outline-offset:2px} .s-svcp.is-reseller .s-switch{color:var(--s-text)} /* iki modda ortak: kimi parçalar yalnız birinde */ .s-svcp__nice,.s-svcp__v2,.s-svcp__order{display:none} .s-svcp:not(.is-reseller) .s-svcp__nice{display:block} .s-svcp:not(.is-reseller) .s-svcp__v2{display:inline} .s-svcp:not(.is-reseller) .s-svcp__v1{display:none} .s-svcp:not(.is-reseller) .s-svcp__order{display:inline-flex} .s-root .s-svcp:not(.is-reseller) .sp-serv-title{display:none} .s-svcp:not(.is-reseller) .s-svcp__cols{display:none} /* sade mod: hizmetler karşılaştırılabilir kartlar */ .s-svcp:not(.is-reseller) .s-svcp__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;padding:2px 6px 8px} .s-root .s-svcp:not(.is-reseller) .si-wrapper{position:relative;border-radius:22px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);box-shadow:none;transition:border-color .2s,transform .2s} .s-root .s-svcp:not(.is-reseller) .si-wrapper:hover{border-color:var(--s-line-2);transform:translateY(-2px);background:var(--s-box-in)} .s-root .s-svcp:not(.is-reseller) .si-wrapper.is-best{border-color:color-mix(in srgb,var(--s-lime) 45%,transparent)} .s-root .s-svcp:not(.is-reseller) .si-wrapper.is-best::before{content:"Best price";position:absolute;top:-1px;right:18px;padding:3px 10px;border-radius:0 0 10px 10px;background:var(--s-lime);color:var(--s-lime-ink);font:700 11px var(--s-body);letter-spacing:.02em} .s-root .s-svcp:not(.is-reseller) .service-item .s-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:16px;height:100%;align-content:start} .s-svcp:not(.is-reseller) .s-svcp__name{grid-column:1/-1;align-items:flex-start} .s-svcp:not(.is-reseller) .s-svcp__rate{grid-column:1/-1;display:flex;align-items:baseline;gap:6px} .s-svcp:not(.is-reseller) .s-svcp__rate .prices{padding:0;background:none;color:var(--s-text);font:800 26px/1 var(--s-display);letter-spacing:-.02em} .s-svcp:not(.is-reseller) .s-svcp__rate::after{content:"per 1000";font:500 13px var(--s-body);color:var(--s-faint)} .s-svcp:not(.is-reseller) .s-svcp__c:not(.s-svcp__rate)::before{content:attr(data-title);display:block;font:600 11px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px} .s-svcp:not(.is-reseller) .s-svcp__c:has(> span:empty){display:none} .s-svcp:not(.is-reseller) .s-svcp__btn{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;align-self:end} .s-svcp:not(.is-reseller) .s-svcp__btn .s-btn{width:100%;justify-content:center;min-height:40px} .s-svcp__nice b{display:block;font:600 15.5px/1.35 var(--s-body);color:var(--s-text);padding-right:64px} .s-svcp__nice ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .s-svcp__nice li{padding:3px 9px;border-radius:999px;background:#0808080d;border:1px solid var(--s-line);font:500 12px var(--s-body);color:var(--s-muted)} @media (max-width:899px){ .s-svcp__top{flex-direction:column;align-items:stretch} .s-switch{align-self:flex-end} .s-svcp:not(.is-reseller) .s-svcp__items{grid-template-columns:1fr;padding:2px 2px 6px} .s-root .s-svcp:not(.is-reseller) .si-wrapper + .si-wrapper{box-shadow:none} } .s-svcp:not(.is-reseller) .s-svcp__rate::before{display:none} /* platform simgesi: nötr karo, simge marka rengiyle boyanır (eski temadaki gibi; renk/degrade PLAT_JS'ten) */ .s-pico{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;padding:0!important;border-radius:9px;font-size:15px!important;background:var(--s-box-in);border:1px solid var(--s-box-in-line);font-weight:400} .is-fa > i{display:block;padding:0!important;line-height:1;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent} .s-pico.is-img img{width:60%;height:60%;object-fit:contain}.s-pico.is-emo{font-style:normal} .s-svcp__chips button{display:inline-flex;align-items:center;gap:8px} .s-svcp__chips button .s-pico{width:18px;height:18px;background:none;border:0;font-size:15px!important} /* ===== giriş yapmış kullanıcı (sidebar düzeni): tam genişlik, kompakt başlık ===== */ .s-page.is-app::before{display:none} .s-page.is-app .s-pagehead{text-align:left;max-width:none;margin:0 0 20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px} .s-page.is-app .s-pagehead .s-eyebrow{display:none} .s-page.is-app .s-pagehead h1{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.025em} .s-page.is-app .s-pagehead h1 .s-hl{padding-block:2px} .s-page.is-app .s-pagehead h1 .s-3d{width:1em;height:1em} .s-page.is-app .s-pagehead .s-lead{margin:0;font-size:14.5px;max-width:none} .s-page.is-app.s-page--narrow .s-prosecard,.s-page.is-app .s-api,.s-page.is-app .s-post{max-width:980px} .s-svcp__motiv:not(:has(p)){display:none} .s-svcp__level{display:flex;flex-direction:column;justify-content:center} /* panel düzeni (giriş yapmış): eski .app-content gibi sidebar'a yer aç */ /* ===== panel sidebar (layout.twig, #sidebar.s-side) — 2026-10-27 yenileme: lacivert yüzey, hover/aktif durumları ===== */ .s-side{background:linear-gradient(180deg,#f7f8fa 0%,#ffffff 100%)!important;border-right:1px solid #08080812;box-shadow:none} .s-side .sidebar-logo{padding:22px 22px 12px;text-align:left} .s-side .sidebar-logo a{font:800 22px var(--s-display);color:var(--s-text);letter-spacing:-.02em} .s-side .sidebar-logo img{max-height:40px;width:auto} .s-side .sidebar-body{padding:4px 16px 18px} .s-side .sidebar-account{margin:6px 0 10px} .s-side .sidebar-account-wrapper{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border-radius:16px;background:#0808080a;border:1px solid #08080812;transition:background .2s,border-color .2s} .s-side .sidebar-account a:hover .sidebar-account-wrapper{background:#08080812;border-color:#0808081f} .s-side .sidebar-account-wrapper .user-photo img{width:36px;height:36px;border-radius:50%;border:0;background:var(--s-lime);object-fit:cover} .s-side .sidebar-account-wrapper .content{flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--s-text);font:600 14.5px var(--s-body)} .s-side .sidebar-account-wrapper .content .fa-cog{color:#6b7287;font-size:14px;transition:color .2s,transform .45s} .s-side .sidebar-account a:hover .fa-cog{color:var(--s-lime);transform:rotate(60deg)} .s-side .sidebar-balance{margin:0 0 12px;padding:0} .s-side .sidebar-balance-wrapper{display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;background:#0808080a;border:1px solid #08080812} .s-side .sidebar-balance-wrapper .icon{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;background:var(--s-lime);color:var(--s-lime-ink);font:700 13px var(--s-body)} .s-side .sidebar-balance-wrapper .icon i{color:inherit} .s-side .sidebar-balance-wrapper .content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px} .s-side .sidebar-balance-wrapper .content .s-balance{font:800 17px var(--s-display);color:var(--s-text);font-variant-numeric:tabular-nums} .s-side .sidebar-balance-wrapper .content{min-width:0} .s-side .sidebar-balance-wrapper .content .s-balance{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .s-side .sidebar-balance-wrapper.is-long .icon{padding:7px 9px} .s-side .sidebar-balance-wrapper.is-long .icon span{display:none} .s-side .s-bal-add{order:3;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#08080814;color:var(--s-text);font-size:12px;transition:background .2s,color .2s} .s-side .s-bal-add:hover{background:var(--s-lime);color:var(--s-lime-ink)} .s-side .sidebar-menu{list-style:none;margin:0;padding:0;display:grid;gap:4px} .s-side .s-menu-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;background:transparent;border:0;color:#080808ec;font:600 14.5px var(--s-body);transition:background .2s,color .2s} .s-side .s-menu-link:hover{background:#0808080d;color:var(--s-text)} .s-side .s-menu-link .icon{width:18px;text-align:center;color:#6b7287;transition:color .2s} .s-side .s-menu-link:hover .icon{color:var(--s-lime)} .s-side .s-menu-link .left{display:flex;align-items:center;gap:12px} .s-side .special-link-neworder,.s-side .special-link-addfunds{justify-content:center;gap:8px;min-height:48px;margin-bottom:4px;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .25s,filter .2s} .s-side .special-link-neworder{background:var(--s-lime)!important;color:var(--s-lime-ink)!important;box-shadow:0 10px 24px -14px #ff5000aa} .s-side .special-link-neworder:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px #ff5000cc} .s-side .special-link-addfunds{background:var(--s-box)!important;color:var(--s-text)!important;border:1px solid var(--s-box-line)!important;box-shadow:var(--s-box-shadow)} .s-side .special-link-addfunds:hover{transform:translateY(-1px);border-color:var(--s-line-2)!important} .s-side .special-link-neworder .icon,.s-side .special-link-addfunds .icon{width:auto;color:inherit!important} .s-side .submenu-accordion-toggle .right{width:auto} .s-side .submenu-accordion-toggle .right i{font-size:12px;transition:transform .3s} .s-side .submenu-accordion-item.open > .submenu-accordion-toggle{color:var(--s-text)} .s-side .submenu-accordion-item.open > .submenu-accordion-toggle .right i{transform:rotate(180deg)} .s-side .submenu-accordion-item.is-current > .submenu-accordion-toggle{background:#ff500014;color:var(--s-text)} .s-side .submenu-accordion-item.is-current > .submenu-accordion-toggle .g-ico{color:var(--s-lime)} .s-side .submenu-accordion-item.is-current > .submenu-accordion-toggle::before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--s-lime)} .s-side .submenu{list-style:none;margin:2px 0 6px;padding:0 0 0 30px;border:0} .s-side .submenu .s-menu-link{min-height:36px;font-size:14px;font-weight:500;color:#9aa1b5;justify-content:flex-start;gap:10px} .s-side .submenu .s-menu-link:hover{color:var(--s-text);background:#0808080a} .s-side .submenu-item.active > .s-menu-link{background:transparent;color:var(--s-lime)} .s-side .submenu-item.active > .s-menu-link .icon{color:var(--s-lime)} .s-side .sidebar-menu > .s-menu-item:not(.submenu-accordion-item) > .s-menu-link:not([class*=special]){color:#9aa1b5} .s-side .sidebar-menu > .s-menu-item.active > .s-menu-link:not([class*=special]){background:#ff500014;color:var(--s-text)} .s-side .sidebar-signout-wrapper{margin-top:18px;padding:0} .s-side .btn-log-out{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border-radius:14px;background:transparent!important;border:1px solid #0808081f!important;color:#9aa1b5!important;font:600 14.5px var(--s-body);transition:border-color .2s,color .2s,background .2s} .s-side .btn-log-out:hover{border-color:#ff453a66!important;color:#ff6b61!important;background:#ff453a0f!important} /* ===== yeni sipariş (neworder.twig, .s-no) — kancalar aynı, görünüm V2 ===== */ .dashboard-root .s-no{background:var(--s-bg)} .dashboard-root .s-no #PageTitle{display:none} .s-no .card{background:var(--s-box);border:1px solid var(--s-box-line);border-radius:28px;box-shadow:var(--s-box-shadow);color:var(--s-text)} .s-no .card.no-border{border:1px solid var(--s-box-line)} .s-no .card-body{padding:18px} /* üst kartlar: ortaklık + seviye */ .s-no .dashboard-head-wrapper{margin-bottom:18px} .s-no .ds-first-card{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--s-lime) 15%,transparent),transparent 60%),var(--s-box)!important;height:100%} .s-no .affiliate-badge{display:inline-flex;margin:0 0 10px;padding:6px 14px;border-radius:999px;background:#0808080d;border:1px solid var(--s-line);font:600 13px var(--s-body);color:var(--s-muted)} .s-no .affiliate-highlight .text{margin:0 0 16px;color:var(--s-muted);font-size:15px;max-width:48ch} .s-no .affiliate-highlight .text strong{color:var(--s-text)} .s-no .affiliate-highlight .btn{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--s-lime);border:0;color:var(--s-lime-ink);font:700 14px var(--s-body)} .s-no .card-new-order-levels{height:100%;background:var(--s-box)!important} .s-no .level-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .s-no .stat-box{padding:14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);text-align:left} .s-no .stat-title{font-size:12.5px;color:var(--s-muted);margin-bottom:4px} .s-no .stat-value{font:700 20px var(--s-display);color:var(--s-text)} .s-no .stat-box.highlight{background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 35%,transparent)} .s-no .stat-box.highlight .stat-value{color:var(--s-lime)} .s-no .motivation-bar{margin-top:14px} .s-no .motivation-bar:not(:has(strong)){display:none} .s-no .motivation-text{font-size:14px;color:var(--s-muted);margin-bottom:8px} .s-no .motivation-text strong{color:var(--s-text)} .s-no .motivation-track{height:8px;border-radius:99px;background:#08080812;overflow:hidden} .s-no .motivation-fill{height:100%;max-width:100%;border-radius:99px;background:var(--s-lime)} /* sekmeler: New Order / Auto Orders / Mass order */ .s-no .card-head{margin-bottom:10px} .s-no .af-nav{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);flex-wrap:nowrap} .s-no .af-nav .nav-item{list-style:none} .s-no .af-nav .nav-link{min-height:38px;padding:0 16px;border-radius:999px;color:var(--s-muted);font:600 14px var(--s-body);background:transparent;border:0;cursor:pointer} .s-no .af-nav .nav-link .i-primary,.s-no .af-nav .nav-link .i-secondary{background:none;color:inherit;width:auto;height:auto} .s-no .af-nav .nav-item.active .nav-link{background:var(--s-text);color:#111!important} .s-no .af-nav a{text-decoration:none} /* platform çipleri */ .s-no #noc-wrapper{padding:0} .s-no .d-cat-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:700 14px var(--s-body);cursor:pointer;transition:border-color .2s,transform .2s} .s-no .d-cat-btn:hover{border-color:var(--s-line-2);transform:translateY(-1px)} .s-no .d-cat-btn.all-style{width:auto;padding:0 18px;border-radius:999px} .s-no .d-cat-btn.active{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)!important} .s-no .d-cat-btn.active i{-webkit-text-fill-color:currentColor;background:none;color:var(--s-lime-ink)} .s-no .d-cat-btn i{font-size:20px} .s-no .d-cat-btn img{max-width:22px;max-height:22px} /* form alanları */ .s-no .form-label,.s-no #fields .control-label{display:block;margin:0 0 6px;font:600 13px var(--s-body);color:var(--s-muted)} .s-no .form-label .p-color{color:inherit} .s-no .form-control,.s-no #template-input{min-height:52px;padding:12px 16px;border-radius:16px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:500 15px var(--s-body);box-shadow:none} .s-no textarea.form-control{min-height:110px} .s-no .form-control:focus,.s-no #template-input:focus{border-color:var(--s-lime);background:var(--s-box-in);color:var(--s-text);box-shadow:none;outline:0} .s-no .form-control::placeholder{color:var(--s-faint)} .s-no #template-input{padding-left:42px} .s-no #new-order-search .fa-search{color:var(--s-faint)} .s-no #fields .form-group{margin-bottom:14px} .s-no #fields small,.s-no #fields .help-block{color:var(--s-faint);font-size:12.5px} /* actulus seçim kutusu */ .s-no .select-container{position:relative} .s-no .select-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;padding:10px 16px;border-radius:16px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:500 15px var(--s-body);text-align:left;transition:border-color .2s} .s-no .select-button:hover{border-color:var(--s-line-2)} .s-no .select-button .selected-text{flex:1;min-width:0;white-space:normal;line-height:1.4} .s-no .select-arrow{color:var(--s-faint);flex:none} .s-no .select-options-wrapper{border-radius:18px;background:var(--s-box);border:1px solid var(--s-line-2);box-shadow:0 30px 80px -20px #0808084c;overflow:hidden} .s-no .select-options{max-height:340px;overflow:auto;padding:6px} .s-no .select-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:12px;background:transparent;border:0;color:var(--s-muted);font:500 14px/1.4 var(--s-body);text-align:left} .s-no .select-option:hover{background:#0808080d;color:var(--s-text)} .s-no .select-option.active{background:color-mix(in srgb,var(--s-lime) 12%,transparent);color:var(--s-text)} /* tutar + gönder */ .s-no .charge-btn-wrapper{display:flex;align-items:center;justify-content:space-between!important;gap:10px;min-height:56px;padding:6px 8px 6px 18px;border-radius:18px!important;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text)!important} .s-no .charge-btn-wrapper .icon{display:inline-flex;align-items:center;gap:8px;color:var(--s-muted);font:600 13px var(--s-body);background:none} .s-no .charge-btn-wrapper .icon i{color:var(--s-lime)} .s-no .charge-btn-wrapper #charge{min-height:0;padding:0 8px;background:transparent;border:0;text-align:right;font:800 22px var(--s-display);color:var(--s-text)} .s-no .submit-btn{min-height:56px;align-items:center;border-radius:999px!important;background:var(--s-lime)!important;border:0;color:var(--s-lime-ink)!important;font:700 16px var(--s-body);box-shadow:0 14px 40px -14px color-mix(in srgb,var(--s-lime) 75%,transparent);transition:filter .2s,transform .2s} .s-no .submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px)} .s-no .live-order-box{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:14px;background:#08080806;border:1px solid var(--s-line);color:var(--s-muted);font-size:13.5px} .s-no .live-order-box strong{color:var(--s-text)} .s-no .terms{color:var(--s-muted);font-size:14px} .s-no .terms a{color:var(--s-lime)} /* sağ sütun: hizmet açıklaması */ .s-no .service-title{font:700 17px/1.4 var(--s-display);color:var(--s-text);margin:0 0 14px} .s-no .no-ser-box{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-no .no-ser-box .d-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--s-lime) 14%,transparent);color:var(--s-lime)} .s-no .no-ser-box .title,.s-no .no-ser-box .title-sample-link{font:600 13.5px var(--s-body);color:var(--s-muted)} .s-no .no-ser-box .text,.s-no .no-ser-box .s-color{margin-left:auto;color:var(--s-text)!important;font:600 14px var(--s-body);text-align:right} .s-no .no-ser-box.text-center{justify-content:flex-start} .s-no .no-ser-box.long-text{display:block;padding:16px 18px;color:#080808e1;font-size:14.5px;line-height:1.65} .s-no .alert{border-radius:18px} .s-side .sidebar-account a{display:block} .s-side .sidebar-menu > .s-menu-item:not(.submenu-accordion-item) > .s-menu-link:not(.special-link-neworder):not(.special-link-addfunds){justify-content:flex-start} .s-no .charge-btn-wrapper .icon span{display:inline!important} .s-no .card-new-order-levels .card-body{display:flex;flex-direction:column;justify-content:center;height:100%} /* ===== bakiye yükleme (addfunds.twig, .s-af) — smm.ist twig'i aynen, görünüm ortak paletten ===== */ .s-af .af-nav .nav-link{display:inline-flex;align-items:center} .s-af .af-nav .nav-link.active{background:var(--s-text);color:#111!important} .s-af .bonus-notification-box{width:100%;height:56px;border-radius:16px;background:var(--s-lime) url(https://storage.perfectcdn.com/8x1jve/stzauuq77651b4b4.png) left/cover no-repeat} /* 724 Türkçe bonus görseli */ /* ödeme kutuları: satırı doldurur — masaüstü 6, tablet 4, telefon 3 sütun (smm.ist ile aynı) */ .s-af .af-nav-pay{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0;margin:0 0 10px!important;list-style:none} .s-af .af-nav-pay .nav-item{display:flex;min-width:0;list-style:none} .s-af .payment-method-btn{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;padding:12px 6px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 12px/15px var(--s-body);text-align:center;overflow-wrap:anywhere;transition:border-color .2s,transform .2s,background .2s} .s-af .payment-method-btn:hover{border-color:var(--s-line-2);color:var(--s-text);transform:translateY(-1px)} .s-af .payment-method-btn.active{background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));border-color:var(--s-lime);color:var(--s-text)} .s-af .payment-method-btn .icon{display:grid;place-items:center;height:36px} .s-af .payment-method-btn .text{display:flex;align-items:center;justify-content:center} .s-af .payment-resizer-height{height:100%;max-height:36px;max-width:100%;width:auto;object-fit:contain} .s-af .other-payment-toggle .opt-count{background:#08080814;color:var(--s-text)} /* tutar */ .s-af #amount{min-height:52px;border-radius:999px;font:600 18px var(--s-body)} .s-af .quick-amounts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} .s-af .quick-amount-btn{min-height:38px;padding:0 16px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 14px var(--s-body);cursor:pointer;transition:border-color .2s,color .2s,background .2s} .s-af .quick-amount-btn:hover{border-color:var(--s-line-2);color:var(--s-text)} .s-af .quick-amount-btn.active{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)} .s-af .quick-amount-btn.d-none{display:none} @media (min-width:992px){.s-af .quick-amounts{justify-content:flex-start}.s-af .quick-amount-btn.d-lg-block{display:block}} /* ücret / toplam / alınacak: her ekranda yan yana 3 kutu; ücretsiz yöntemde tek kutu */ /* ücret kutuları: esnek satır — gizlenen kutu (ücretsiz yöntemde Fee/Total) kendiliğinden düşer; seçiciye ya da JS'e bağlı değil (eski :has(.fee-column[style*="display: none"]) kuralı Safari'de satır düzenini gecikmeli güncelliyordu) */ .s-af .payment-summary-grid{display:flex;gap:8px;margin:14px 0} .s-af .summary-column{flex:1 1 0;min-width:0;max-width:none;margin:0} .s-af .summary-box{height:100%;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-af .summary-box.receive-box{background:color-mix(in srgb,var(--s-lime) 10%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 32%,transparent)} .s-af .summary-label{display:flex;align-items:center;gap:8px;font:600 12.5px var(--s-body);color:var(--s-muted)} .s-af .summary-label i{color:var(--s-lime)} .s-af .summary-value{font:800 20px var(--s-display);color:var(--s-text)} .s-af .summary-value.total-value,.s-af .summary-value.receive-value{color:var(--s-lime)} .s-af .summary-note{font-size:12px;color:var(--s-faint)} .s-af .summary-bonus{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px} .s-af .bonus-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--s-lime);color:var(--s-lime-ink);font:700 12px var(--s-body)} .s-af .bonus-amount{font:700 13px var(--s-body);color:var(--s-lime)} .s-af .fg-tax-note{border-radius:16px} /* gönder + güven */ .s-af #submitBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border-radius:999px;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 16px var(--s-body);box-shadow:0 14px 40px -14px color-mix(in srgb,var(--s-lime) 75%,transparent)} .s-af #submitBtn:hover{filter:brightness(1.05)} .s-af .trust-box{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;padding:0} .s-af .secure-payment-box,.s-af .live-order-box{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#08080806;border:1px solid var(--s-line);color:var(--s-muted);font-size:13px;white-space:nowrap} .s-af .secure-icon{color:var(--s-lime)} .s-af .live-text strong{color:var(--s-text)} .s-af .live-dot{position:relative;width:9px;height:9px;flex:none;border-radius:50%;background:var(--s-lime);box-shadow:0 0 0 5px color-mix(in srgb,var(--s-lime) 12%,transparent)} /* yöntem açıklaması */ .s-af .addfunds-payment-info-body{margin-top:16px!important;padding:20px;max-height:400px;overflow:auto;border-radius:22px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-af .af-pm-title{font:700 20px var(--s-display);color:var(--s-text);margin-bottom:8px} .s-af .af-pm-about{font:600 14.5px var(--s-body);color:var(--s-muted);margin-bottom:14px} .s-af .af-pm-text{color:#080808e1;font-size:14.5px;line-height:1.65} /* PayPal / Western (elle ödeme) */ .s-af .paypal-section{padding:6px 0 0} .s-af .paypal-instructions,.s-af .paypal-address-box{padding:16px 18px;margin-bottom:12px;border-radius:20px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-af .paypal-instructions ul{list-style:none;margin:0;padding:0} .s-af .paypal-instructions li{display:flex;align-items:center;gap:10px;padding:6px 0;color:#080808e1;font-size:14px} .s-af .paypal-instructions li i{color:var(--s-lime)} .s-af .paypal-label{display:block;color:var(--s-faint);font-size:12px;margin-bottom:6px} .s-af .paypal-username a{color:var(--s-lime)} .s-af .paypal-email-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 14px;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line)} .s-af .paypal-email-copy span{color:var(--s-lime);font-weight:600;font-size:14px;overflow-wrap:anywhere} .s-af .copy-btn{border-radius:999px;background:var(--s-lime);color:var(--s-lime-ink);border:0;padding:6px 12px;font-weight:700} /* seviyeler + geçmiş */ .s-af .levels-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px} .s-af .level-card{display:flex;gap:14px;align-items:center;padding:16px;border-radius:24px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-af .level-card.active{border-color:var(--s-lime);background:color-mix(in srgb,var(--s-lime) 8%,var(--s-box))} .s-af .abl-first-clomun{display:grid;justify-items:center;gap:6px;min-width:96px;text-align:center} .s-af .level-logo{width:44px;height:auto} .s-af .level-requirement{font-size:12px;color:var(--s-faint)} .s-af .level-card ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--s-muted)} .s-af .af-ph{padding:12px 16px;margin-bottom:8px;border-radius:16px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font-size:14px} .s-af .af-ph .s-color{color:var(--s-lime)!important} .s-af .pagination{gap:6px} @media (min-width:992px){.s-af .bonus-notification-box{height:85px}} @media (max-width:991.98px){.s-af .af-nav-pay{grid-template-columns:repeat(4,minmax(0,1fr))}.s-af .bonus-notification-box{height:48px}} @media (max-width:899px){.s-af .levels-grid{grid-template-columns:1fr}} @media (max-width:575.98px){ .s-af .af-nav-pay{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .s-af .payment-method-btn{padding:10px 4px;border-radius:14px;font-size:11px;line-height:14px} .s-af .bonus-notification-box{height:44px;border-radius:12px} .s-af .payment-summary-grid{gap:6px} .s-af .summary-box{padding:10px;border-radius:14px;gap:4px} .s-af .summary-label{gap:5px;font-size:11px;line-height:1.25;align-items:flex-start} .s-af .summary-value{font-size:15px} .s-af .summary-note{font-size:10.5px} .s-af .bonus-badge{padding:3px 8px;font-size:10.5px} .s-af .bonus-amount{font-size:12px} .s-af .addfunds-payment-info-body{max-height:300px;padding:16px} .s-af .trust-box{justify-content:center} } /* ===== destek (tickets.twig .s-tk, viewticket.twig .s-vt) ===== */ .s-tk .tp-card{height:100%;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--s-lime) 13%,transparent),transparent 60%),var(--s-box)!important} .s-tk .tp-badge{display:inline-flex;margin-bottom:12px;padding:6px 14px;border-radius:999px;background:#0808080d;border:1px solid var(--s-line);font:600 13px var(--s-body);color:var(--s-muted)} .s-tk .tp-text{margin:0 0 8px;color:var(--s-muted);font-size:14.5px} .s-tk .tp-text strong{color:var(--s-text)} .s-tk .tp-muted{color:var(--s-faint)} .s-tk .tp-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:var(--s-muted);font-size:14.5px} .s-tk .tp-list li{display:flex;gap:8px} .s-tk .tp-list li::before{content:"✓";color:var(--s-lime);font-weight:700} .s-tk .dashboard-head-wrapper{margin-bottom:18px} .s-tk .card-header{background:none;border:0;padding:18px 18px 0} .s-tk .card-title{margin:0;font:700 18px var(--s-display);color:var(--s-text)} .s-tk .d-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--s-lime) 14%,transparent);color:var(--s-lime)} .s-tk .btn-primary.btn-block,.s-tk #ticketsend .btn-primary{width:100%;min-height:54px;border-radius:999px;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 15px var(--s-body)} .s-tk .tickets-uploader .btn,.s-tk .tickets-uploader button{border-radius:999px} .s-tk .sc-ticket-card{display:block;margin-bottom:8px;padding:12px 16px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);text-decoration:none;transition:border-color .2s,transform .2s} .s-tk .sc-ticket-card:hover{border-color:var(--s-line-2);transform:translateY(-1px)} .s-tk .sctc-title{margin:0 0 2px;font:600 11.5px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.04em} .s-tk .sctc-text{font:600 14px var(--s-body);color:var(--s-text)} .s-tk .sctc-text.s-color{color:var(--s-lime)!important} .s-tk .sctc-text.i-color{color:#ffc56b} /* sohbet */ .s-vt .sd-head{margin-bottom:16px} .s-vt .sd-back{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-muted);font:600 14px var(--s-body);text-decoration:none} .s-vt .sd-back:hover{color:var(--s-text)} .s-vt .sd-tid{display:flex;align-items:center;gap:12px} .s-vt .sd-tid .title{margin:0;font:700 20px var(--s-display);color:var(--s-text)} .s-vt .sd-tid .tid{padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--s-lime) 14%,transparent);color:var(--s-lime);font:700 14px var(--s-body)} .s-vt .sd-cb{padding:14px 18px} .s-vt .tc-ti-title{margin:0;font:600 14px var(--s-body);color:var(--s-muted)} .s-vt .tc-ti-text{font:700 14px var(--s-body)} .s-vt .tc-ti-box .title{font:700 22px/1.25 var(--s-display);color:var(--s-text);margin:0 0 10px} .s-vt .tc-ti-box .text{color:var(--s-muted);font-size:14px} .s-vt .smmist-mark{margin-top:12px;font:700 15px var(--s-display);color:var(--s-text)} .s-vt .schat-chat-body{max-height:56vh;overflow:auto;padding:4px 6px 10px} .s-vt .ticket-message-block{display:flex;margin-bottom:8px} .s-vt .ticket-message-right{justify-content:flex-end} .s-vt .ticket-msg-container{max-width:78%} .s-vt .ticket-msg{padding:10px 14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font-size:14.5px;line-height:1.5;word-break:break-word} .s-vt .ticket-message-right .ticket-msg{background:color-mix(in srgb,var(--s-lime) 14%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 30%,transparent);border-bottom-right-radius:6px} .s-vt .ticket-message-left .ticket-msg{border-bottom-left-radius:6px} .s-vt .date-time{margin-top:4px;font-size:11.5px;color:var(--s-faint)} .s-vt .ticket-message-right .date-time{text-align:right} .s-vt .file-box a{color:var(--s-lime)} .s-vt .schat-input{margin-top:10px} .s-vt .schat-msg-input{display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-vt .schat-msg-input:focus-within{border-color:var(--s-lime)} .s-vt .schat-msg-input input[type=text]{flex:1;min-width:0;padding:0 12px;background:transparent;border:0;outline:0;color:var(--s-text);font:500 15px var(--s-body)} .s-vt .sd-send-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 14px var(--s-body)} .s-root.s-vt .ticket-message-block .ticket-msg{background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line);color:var(--s-text)!important} .s-root.s-vt .ticket-message-right .ticket-msg{background:color-mix(in srgb,var(--s-lime) 14%,var(--s-box-in))!important;border-color:color-mix(in srgb,var(--s-lime) 30%,transparent)} .s-root.s-tk .tickets-uploader button{background:#08080810!important;border:1px solid var(--s-line-2)!important;color:var(--s-text)!important;border-radius:999px!important;box-shadow:none!important} .s-root.s-tk .tickets-uploader button:hover{border-color:var(--s-lime)!important} .s-root.s-tk #uploader-button{background:#08080810!important;border:1px solid var(--s-line-2)!important;color:var(--s-text)!important;border-radius:999px!important;box-shadow:none!important}.s-root.s-tk #uploader-button:hover{border-color:var(--s-lime)!important} /* ===== hesap (account.twig, .s-acc) ===== */ .s-acc .d-hello--item{display:flex;align-items:center;gap:10px} .s-acc .icon-wrapper,.s-acc .dh-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--s-lime) 14%,transparent);color:var(--s-lime)} .s-acc .text-2{font:600 12.5px var(--s-body);color:var(--s-muted)} .s-acc .text-3{font:700 17px var(--s-display);color:var(--s-text)} .s-acc .card-header{background:none;border:0;padding:18px 18px 0} .s-acc .card-title{margin:0;font:700 17px var(--s-display);color:var(--s-text)} .s-acc .card-head-text{font-size:13px;color:var(--s-muted)} .s-acc .d-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--s-lime) 14%,transparent);color:var(--s-lime)} .s-acc .btn-primary.btn-block,.s-acc .btn-primary{min-height:50px;border-radius:999px!important;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 15px var(--s-body)} .s-acc .usr-avatar-img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--s-lime)} .s-acc select.form-control,.s-acc .form-select{min-height:52px;border-radius:16px;background-color:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text)} .s-acc .modal-content{background:var(--s-box);border:1px solid var(--s-box-line);border-radius:26px;color:var(--s-text)} /* ===== ortaklık (affiliates.twig, .s-aff) ===== */ .s-aff{display:grid;gap:14px} .s-aff__link{padding:20px;border-radius:28px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--s-lime) 14%,transparent),transparent 60%),var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-aff__link > small,.s-aff__terms small,.s-aff__stats small{display:block;font:600 12.5px var(--s-body);color:var(--s-muted);margin-bottom:6px} .s-aff__copy{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-aff__copy input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--s-text);font:500 15px var(--s-body)} .s-aff__terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px} .s-aff__terms > div,.s-aff__stats > div{padding:14px;border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-aff__terms b,.s-aff__stats b{font:700 20px var(--s-display);color:var(--s-text)} .s-aff__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:10px;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line)} .s-aff__stats .is-hl{background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 35%,transparent)} .s-aff__stats .is-hl b{color:var(--s-lime)} .s-aff__stats .is-hl .s-btn{margin-top:10px} /* ===== panelin varsayılan Bootstrap 3 sayfaları (.s-pp: mass order, drip-feed, subscriptions, refill, refunds, notifications, updates, child panel) ===== */ .s-pp .container,.s-pp .container-fluid{max-width:none;width:auto;padding:0} .s-pp__head{margin:0 0 18px} .s-pp__head h1{margin:0;font:800 clamp(24px,2.4vw,32px)/1.1 var(--s-display);letter-spacing:-.025em;color:var(--s-text)} .s-pp .col-md-8.col-md-offset-2,.s-pp .col-md-10.col-md-offset-1,.s-pp .col-lg-8.col-lg-offset-2{max-width:980px;margin-left:0} .s-pp .nav-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:0;list-style:none} .s-pp .nav-pills > li{float:none;list-style:none} .s-pp .nav-pills > li > a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 14px var(--s-body);text-decoration:none} .s-pp .nav-pills > li > a:hover{color:var(--s-text);border-color:var(--s-line-2)} .s-pp .nav-pills > li.active > a{background:var(--s-text);border-color:var(--s-text);color:#111} .s-pp .nav-pills > li.search,.s-pp .nav-pills > li.pull-right{margin-left:auto} .s-pp .input-group{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-pp .input-group .form-control{min-height:36px;padding:0;background:transparent;border:0;box-shadow:none} .s-pp .input-group-btn .btn{min-height:36px;width:36px;padding:0;border-radius:50%;background:#08080810;border:0;color:var(--s-text)} .s-pp .well{padding:18px;margin-bottom:14px;border-radius:28px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow);color:var(--s-text)} .s-pp .table{width:100%;margin:0;border-collapse:collapse;color:var(--s-text);font-size:14px;background:transparent} .s-pp .table > thead > tr > th{padding:10px 12px;border:0;border-bottom:1px solid var(--s-line);font:600 12px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .s-pp .table > tbody > tr > td{padding:12px;border:0;border-bottom:1px solid var(--s-line);vertical-align:middle;color:#080808e1} .s-pp .table > tbody > tr:last-child > td{border-bottom:0} .s-pp .table > tbody > tr:hover > td{background:#08080805} .s-pp .table a{color:var(--s-lime)} .s-pp .width-40{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-pp .well:has(> .table){overflow-x:auto} .s-pp label,.s-pp .control-label{display:block;margin:0 0 6px;font:600 13px var(--s-body);color:var(--s-muted)} .s-pp .form-group{margin-bottom:14px} .s-pp .help-block{font-size:12.5px;color:var(--s-faint)} .s-pp select.form-control{appearance:auto} .s-pp .btn{border-radius:999px;font:600 14px var(--s-body);transition:filter .2s} .s-pp .btn-primary{min-height:48px;padding:0 24px;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important} .s-pp .btn-primary:hover{filter:brightness(1.05)} .s-pp .btn-default,.s-pp .btn-xs.btn-default{background:transparent;border:1px solid var(--s-line-2);color:var(--s-muted)} .s-pp .btn-xs{min-height:30px;padding:0 12px;font-size:12.5px} .s-pp .pagination{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:16px 0 0;list-style:none} .s-pp .pagination > li > a,.s-pp .pagination > li > span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-muted)} .s-pp .pagination > li.active > a{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)} @media (max-width:767px){.s-pp .nav-pills > li.search,.s-pp .nav-pills > li.pull-right{margin-left:0;width:100%}} .s-pp .alert{border-radius:18px;border:1px solid;padding:12px 16px}.s-pp .alert-info{background:var(--s-blue-soft);border-color:#3b8cff40;color:#080808f4}.s-pp .alert-success{background:var(--s-success-soft);border-color:#3ddc8440;color:#c7f5da}.s-pp .alert-danger{background:var(--s-danger-soft);border-color:#ff5d6c40;color:#080808f4}.s-pp .alert-warning{background:var(--s-warning-soft);border-color:#ffb54740;color:#ffe3b8}.s-pp .alert .close{color:inherit;opacity:.7;text-shadow:none} /* ===== hakkımızda (about.twig) ===== */ .s-about{display:grid;gap:clamp(24px,4vw,44px);max-width:1080px;margin:0 auto} .s-about__photo{margin:0;border-radius:32px;overflow:hidden;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-about__photo img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover} .s-about__photo figcaption{padding:12px 18px;font-size:13.5px;color:var(--s-muted)} .s-about__row{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:clamp(16px,4vw,48px);align-items:start} .s-about__row h2{margin:0;font:800 clamp(28px,3.6vw,44px)/1.08 var(--s-display);letter-spacing:-.03em} .s-about__text p{margin:0 0 14px;color:#080808e1;font-size:16.5px;line-height:1.7} .s-about__cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-radius:28px;background:radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--s-lime) 16%,transparent),transparent 60%),var(--s-box);border:1px solid var(--s-box-line)} .s-about__cta b{display:block;font:800 26px var(--s-display);color:var(--s-text)} .s-about__cta span{color:var(--s-muted)} .s-page + div .s-section,.s-page + .s-section{padding-top:0} @media (max-width:767px){.s-about__row{grid-template-columns:1fr}.s-about__cta{flex-direction:column;align-items:flex-start}} .s-about .s-about__text p{margin:0 0 14px!important} /* ===== mgfy smm.min.css (platform ikon renkleri) — yalnız hizmetler ve yeni sipariş (eskiden yalnız orada yükleniyordu) ===== */ @media only screen and (max-width:980px){#tidio-chat-iframe{bottom:50px !important;}}:is(.s-svcp,.s-nwo) .fitinst{border-radius:14px;display:block;margin-right:5px;text-align:-webkit-center;box-shadow:0px 4px 16px rgb(231 175 19 / 0%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px rgb(255 255 255 / 20%);max-height:45px;}:is(.s-svcp,.s-nwo) .fab.fa-instagram{background:linear-gradient(200deg, #fe44ff, #ff3f3f, #ff7637);font-weight:lighter;color:#FFF;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent;background-clip:text !important;}:is(.s-svcp,.s-nwo) .fab.fa-tiktok{background:#ffffff;-webkit-text-fill-color:transparent;color:var(--s-text);-webkit-background-clip:text !important;-webkit-text-fill-color:transparent;background-clip:text !important;}:is(.s-svcp,.s-nwo) .fab.fa-facebook-f{background:#149cff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-whatsapp{background:linear-gradient(200deg, #47d191, #00ff66, #00ff87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#FFF;font-weight:lighter;}:is(.s-svcp,.s-nwo) .fab.fa-twitter{background:#1da1f2;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-telegram{background:#20b3ff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-telegram-plane{background:#20b3ff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fa.fa-music{background:linear-gradient(200deg, #d147c0, red, #ff00a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#FFF;}:is(.s-svcp,.s-nwo) .fab.fa-spotify{background:linear-gradient(200deg, #47d191, #00ff66, #00ff87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#FFF;font-weight:lighter;}:is(.s-svcp,.s-nwo) .fab.fa-vk{background:linear-gradient(200deg, #478bd1, #478bd1, #0097ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#FFF;font-weight:lighter;}:is(.s-svcp,.s-nwo) .fab.fa-google-plus{background:#ff204f;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-soundcloud{background:#ff9200;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-reddit{background:#ff5e00;background-clip:text;-webkit-background-clip:text;font-size:20px;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-blogger{background:#ff9e00;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-youtube{background:#ff0042;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-yoast{background:#ff002a;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fa-thumbs-up{background:linear-gradient(200deg, #d1a747, #ffbc00, #ffa200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:2.4px;border-radius:5px;color:#FFF;font-weight:lighter;}:is(.s-svcp,.s-nwo) .far.fa-star{background:#ffe700;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-twitch{background:#ab87ff;background-clip:text;-webkit-background-clip:text;font-size:20px;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-pinterest-p{background:#c3245c;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-amazon{background:#f2b41d;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-tumblr-square{background:#ff0065;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-yahoo{background:#8a00ff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab.fa-linkedin{background:#00bfff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}:is(.s-svcp,.s-nwo) .fab{padding:5px;} /* ---- telefon sahneleri: uygulama ekranları (landing-data md: scene) ---- */ .s-app{position:absolute;inset:0;padding-top:calc(var(--w) * .14);background:#000;color:#fff;font:400 calc(var(--w) * .04)/1.3 -apple-system,"SF Pro Text","Inter",sans-serif;display:flex;flex-direction:column;overflow:hidden} .s-app b{font-weight:600} .s-push{position:absolute;left:calc(var(--w) * .03);right:calc(var(--w) * .03);top:calc(var(--w) * .13);z-index:8} /* Instagram gönderisi */ .s-igp__bar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--w) * .02) calc(var(--w) * .04)} .s-igp__bar b{font:600 calc(var(--w) * .07) "Snell Roundhand","Brush Script MT",cursive;letter-spacing:.01em} .s-igp__bar span{display:flex;gap:calc(var(--w) * .05)} .s-app svg{width:calc(var(--w) * .072);height:calc(var(--w) * .072);display:block} .s-igp__head{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .025) calc(var(--w) * .035)} .s-igp__head > span:nth-child(2){display:grid;line-height:1.15;flex:1} .s-igp__head small{font-size:calc(var(--w) * .033);color:#ffffffb3} .s-igp__head i{font-style:normal;letter-spacing:1px;color:#fff} .s-igp__ava{width:calc(var(--w) * .095);aspect-ratio:1;border-radius:50%;padding:2px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);flex:none} .s-igp__ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#1c1c1e;border:2px solid #000;box-sizing:border-box} .s-igp__photo{position:relative;aspect-ratio:1;background:radial-gradient(80% 70% at 50% 35%,#ffe27a 0%,#ffb347 38%,#ff7a59 70%,#d6457a 100%);display:grid;place-items:center;overflow:hidden} .s-igp__duck{width:72%;filter:drop-shadow(0 18px 24px #0005);transform:translateY(calc(sin(var(--p,0) * 40) * 2%))} .s-igp__big{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none} .s-igp__big svg{width:30%;height:auto;fill:#fff;filter:drop-shadow(0 6px 20px #0006)} .s-rain.is-pulse .s-igp__big{animation:s-igheart .9s cubic-bezier(.2,.9,.3,1.2)} @keyframes s-igheart{0%{opacity:0;transform:scale(.2)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(.95)}45%{transform:scale(1.05)}75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1) translateY(-10%)}} .s-igp__dots{position:absolute;bottom:calc(var(--w) * .025);left:0;right:0;display:flex;justify-content:center;gap:4px} .s-igp__dots i{width:5px;height:5px;border-radius:50%;background:#ffffff80} .s-igp__dots i:first-child{background:#fff} .s-igp__acts{display:flex;align-items:center;gap:calc(var(--w) * .04);padding:calc(var(--w) * .03) calc(var(--w) * .035) calc(var(--w) * .015)} .s-igp__save{margin-left:auto} .s-igp__like svg{fill:none;stroke:#fff;stroke-width:1.8} .s-rain:not([data-n="0"])[data-n] .s-igp__like svg{fill:#ff3040;stroke:#ff3040} .s-rain.is-pulse .s-igp__like{animation:s-likepop .5s cubic-bezier(.3,1.6,.5,1)} @keyframes s-likepop{40%{transform:scale(1.35)}} .s-igp__likes,.s-igp__cap{padding:0 calc(var(--w) * .035)} .s-igp__likes b{font-variant-numeric:tabular-nums} .s-igp__cap{margin-top:2px;color:#ffffffe6} /* TikTok profili */ .s-ttp{align-items:center;text-align:center;background:#000} .s-ttp__top{font-weight:600;padding:calc(var(--w) * .025) 0 calc(var(--w) * .04)} .s-ttp__ava{width:calc(var(--w) * .27);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#ffe27a,#ff7a59);display:grid;place-items:center} .s-ttp__ava img{width:84%;margin-top:12%} .s-ttp__name{margin-top:calc(var(--w) * .025);font-size:calc(var(--w) * .045)} .s-ttp__stats{display:flex;justify-content:center;gap:calc(var(--w) * .07);margin-top:calc(var(--w) * .035)} .s-ttp__stats span{display:grid;line-height:1.2} .s-ttp__stats b{font-size:calc(var(--w) * .052);font-weight:700;font-variant-numeric:tabular-nums} .s-ttp__stats small{font-size:calc(var(--w) * .034);color:#ffffff99} .s-ttp__fol b{display:inline-block;transition:color .3s} .s-rain.is-pulse .s-ttp__fol b{animation:s-folpop .7s cubic-bezier(.3,1.5,.5,1);color:#25f4ee} @keyframes s-folpop{35%{transform:scale(1.28);text-shadow:0 0 18px #25f4ee,3px 0 0 #fe2c55}} .s-ttp__btns{display:flex;gap:6px;margin-top:calc(var(--w) * .04)} .s-ttp__edit{padding:calc(var(--w) * .022) calc(var(--w) * .045);border-radius:6px;background:#2f2f31;font-weight:600;font-size:calc(var(--w) * .036)} .s-ttp__bio{margin:calc(var(--w) * .035) 0 0;font-size:calc(var(--w) * .035);color:#ffffffd9;padding:0 8%} .s-ttp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;margin-top:calc(var(--w) * .045)} .s-ttp__grid span{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,hsl(var(--h) 75% 58%),hsl(calc(var(--h) + 40) 70% 30%))} .s-ttp__grid i{position:absolute;left:5px;bottom:4px;font:600 calc(var(--w) * .03) -apple-system,sans-serif;font-style:normal;text-shadow:0 1px 3px #0008} .s-rain.is-after .s-ttp__fol b{color:#25f4ee} .s-rain .s-app .s-note{background:linear-gradient(180deg,#34353cf2,#24252bf2)!important} .s-igp__duck{width:96%} .s-igp__more{padding:calc(var(--w) * .015) calc(var(--w) * .035) 0;color:#ffffff8c} .s-igp__more small{font-size:calc(var(--w) * .03)} .s-igp__next{margin-top:calc(var(--w) * .03)} .s-igp__photo--next{background:linear-gradient(170deg,#3fb6c8,#1f6f8b 55%,#0f3b52);flex:1;aspect-ratio:auto} .s-igp__tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:calc(var(--w) * .03) 0 calc(var(--w) * .085);background:#000;border-top:1px solid #ffffff1a;z-index:4} .s-igp__me{width:calc(var(--w) * .075);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#ffe27a;border:1.5px solid #fff} .s-igp__me img{width:100%;height:100%;object-fit:cover} .s-app .s-note{text-align:left} .s-ttp{padding-top:calc(var(--w) * .33)} .s-ttp__top{display:none} .s-ttp__grid span{display:grid;place-items:center} .s-ttp__ico{width:46%;height:auto;filter:drop-shadow(0 8px 12px #0005)} .s-ttp__tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:calc(var(--w) * .03) 0 calc(var(--w) * .085);background:#000;border-top:1px solid #ffffff1a;z-index:4} .s-ttp__plus{width:calc(var(--w) * .11);height:calc(var(--w) * .075);border-radius:8px;background:#fff;color:#000;font:700 calc(var(--w) * .06)/1 -apple-system,sans-serif;display:grid;place-items:center;box-shadow:-3px 0 0 #25f4ee,3px 0 0 #fe2c55} .s-ttp__ava img{width:100%;margin:0;transform:scale(2.1) translateY(14%)} .s-igp__ava img{transform:scale(1.9) translateY(10%)} .s-igp__me img{transform:scale(1.9) translateY(10%)} /* persona görselleri (yapay zekâ): maskot ölçekleri yerine tam kaplama */ .s-igp__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .s-igp__photo--next{position:relative} .s-igp__ava img,.s-igp__me img,.s-ttp__ava img{transform:none;width:100%;height:100%;margin:0;object-fit:cover} .s-ttp__grid span{background:#1c1c1e;overflow:hidden} .s-ttp__grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .s-ttp__grid i{z-index:1} /* ---- ortak platform ekranları (s-gp): profile, post, video, stream, audio; renk --pc/--pc2, düğme yazısı --pi (_build.py PLATFORMS) ---- */ .s-gp{background:#000} .s-gp__pic{position:relative;display:block;overflow:hidden;background:#1c1c1e} .s-gp__pic > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .s-gp__ph{background:radial-gradient(90% 70% at 25% 15%,color-mix(in srgb,var(--pc) 55%,transparent) 0%,transparent 65%),linear-gradient(150deg,hsl(var(--h,220) 42% 34%),#0b0b10 85%)} .s-gp__ava.s-gp__ph,.s-gp__me.s-gp__ph{background:linear-gradient(135deg,var(--pc),var(--pc2));display:grid;place-items:center} .s-gp__ph > i{font:700 calc(var(--w) * .036)/1 -apple-system,"SF Pro Text",sans-serif;font-style:normal;color:var(--pi,#fff)} .s-gp__ava{width:calc(var(--w) * .1);aspect-ratio:1;border-radius:50%;flex:none} .s-gp__ava--xl{width:calc(var(--w) * .2);border:calc(var(--w) * .012) solid #000} .s-gp__ava--xl > i{font-size:calc(var(--w) * .07)} .s-gp small{font-size:calc(var(--w) * .032);color:#ffffff8c} .s-gp__num{display:inline-block;font-variant-numeric:tabular-nums;transition:color .3s} .s-rain.is-pulse .s-gp__num{animation:s-gppop .7s cubic-bezier(.3,1.5,.5,1);color:var(--pc)} .s-rain.is-after .s-gp__num{color:var(--pc)} @keyframes s-gppop{35%{transform:scale(1.25);text-shadow:0 0 16px var(--pc)}} .s-gp__cta{flex:none;padding:calc(var(--w) * .018) calc(var(--w) * .045);border-radius:999px;background:var(--pc);color:var(--pi,#fff);font:700 calc(var(--w) * .034)/1.2 -apple-system,"SF Pro Text",sans-serif} .s-gp__cta--ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1px #ffffff80} /* üst çubuk ve alt sekmeler */ .s-gp__bar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--w) * .02) calc(var(--w) * .04) calc(var(--w) * .025)} .s-gp__logo{display:flex;align-items:center;gap:calc(var(--w) * .02);font:700 calc(var(--w) * .05)/1 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.01em} .s-gp__lico{width:calc(var(--w) * .07);height:calc(var(--w) * .07);border-radius:calc(var(--w) * .018);overflow:hidden;flex:none} .s-gp .s-gp__lico svg{width:100%;height:100%} .s-gp__bar > span{display:flex;gap:calc(var(--w) * .045)} .s-gp__bar svg,.s-gp__top svg,.s-gp__head > svg{width:calc(var(--w) * .062);height:calc(var(--w) * .062)} .s-gp__tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:calc(var(--w) * .03) 0 calc(var(--w) * .085);background:#000;border-top:1px solid #ffffff1a;z-index:4;color:#ffffff99} .s-gp__tabs .is-on{color:#fff} .s-gp__new{width:calc(var(--w) * .1);height:calc(var(--w) * .07);border-radius:calc(var(--w) * .02);background:var(--pc);color:var(--pi,#fff);display:grid;place-items:center} .s-gp .s-gp__new svg{width:62%;height:62%} .s-gp__me{width:calc(var(--w) * .072);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1.5px #fff} .s-gp__me > i{font-size:calc(var(--w) * .026)} .s-gp__prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff40;font-style:normal} .s-gp__prog::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(8% + var(--p,0) * 80%);background:var(--pc)} /* profil */ .s-gp__top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--w) * .015) calc(var(--w) * .04) calc(var(--w) * .02)} .s-gp__top b{font-size:calc(var(--w) * .044)} .s-gp__cover{height:calc(var(--w) * .26);flex:none} .s-gp__id{display:flex;align-items:flex-end;justify-content:space-between;padding:0 calc(var(--w) * .04);margin-top:calc(var(--w) * -.1);position:relative} .s-gp__who{display:grid;line-height:1.25;padding:calc(var(--w) * .02) calc(var(--w) * .04) 0} .s-gp__who b{font-size:calc(var(--w) * .05)} .s-gp__who p{margin:calc(var(--w) * .015) 0 0;font-size:calc(var(--w) * .036);color:#ffffffd9} .s-gp__stats{display:flex;gap:calc(var(--w) * .045);padding:calc(var(--w) * .03) calc(var(--w) * .04)} .s-gp__stats > span{display:flex;align-items:baseline;gap:4px;white-space:nowrap} .s-gp__stats b{font-size:calc(var(--w) * .042);font-weight:700;font-variant-numeric:tabular-nums} .s-gp__seg{display:flex;border-bottom:1px solid #ffffff1f;flex:none} .s-gp__seg span{flex:1;text-align:center;padding:calc(var(--w) * .025) 0;color:#ffffff80;font-weight:600;font-size:calc(var(--w) * .036)} .s-gp__seg .is-on{color:#fff;box-shadow:inset 0 -2px 0 var(--pc)} .s-gp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-content:start;flex:1;min-height:0;overflow:hidden} .s-gp__tile{aspect-ratio:1} /* gönderi */ .s-gp__head{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .02) calc(var(--w) * .04)} .s-gp__head > span:nth-child(2){display:grid;line-height:1.2;flex:1;min-width:0} .s-gp__text{margin:0;padding:0 calc(var(--w) * .04) calc(var(--w) * .025);font-size:calc(var(--w) * .038);color:#ffffffe6} .s-gp__text--dim{color:#ffffffb3} .s-gp__photo{aspect-ratio:1/.86;margin:0 calc(var(--w) * .04);border-radius:calc(var(--w) * .035);flex:none} .s-gp__photo--next{flex:1 0 calc(var(--w) * .3);aspect-ratio:auto;border-radius:calc(var(--w) * .035) calc(var(--w) * .035) 0 0} .s-gp__burst{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;color:var(--pc)} .s-gp .s-gp__burst svg{width:30%;height:auto;filter:drop-shadow(0 6px 20px #0008)} .s-rain.is-pulse .s-gp__burst{animation:s-igheart .9s cubic-bezier(.2,.9,.3,1.2)} .s-gp__acts{display:flex;justify-content:space-between;padding:calc(var(--w) * .028) calc(var(--w) * .06) calc(var(--w) * .02);color:#ffffffb3;flex:none} .s-gp__act{display:flex;align-items:center;gap:calc(var(--w) * .014)} .s-gp .s-gp__act svg{width:calc(var(--w) * .058);height:calc(var(--w) * .058)} .s-gp__act b{font-size:calc(var(--w) * .034);font-variant-numeric:tabular-nums} .s-gp__act.is-cnt{color:var(--pc)} .s-rain:not([data-n="0"])[data-n] .s-gp__act.is-cnt.is-fill svg path{fill:currentColor} .s-rain.is-pulse .s-gp__act.is-cnt svg{animation:s-likepop .5s cubic-bezier(.3,1.6,.5,1)} .s-gp__sum{padding:0 calc(var(--w) * .04);font-size:calc(var(--w) * .036);font-weight:600} .s-gp__next{border-top:1px solid #ffffff1a;margin-top:calc(var(--w) * .03)} /* video 16:9 */ .s-gp__player{position:relative;aspect-ratio:16/9;flex:none;background:#111} .s-gp__frame{position:absolute;inset:0} .s-gp__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--w) * .13);aspect-ratio:1;border-radius:50%;background:#0009;display:grid;place-items:center} .s-gp .s-gp__play svg{width:45%;height:45%;margin-left:6%} .s-gp__dur{position:absolute;right:6px;bottom:9px;padding:1px 5px;border-radius:4px;background:#000c;font:600 calc(var(--w) * .03) -apple-system,sans-serif} .s-gp__vt{display:grid;gap:3px;padding:calc(var(--w) * .03) calc(var(--w) * .04) 0} .s-gp__vt > b{font-size:calc(var(--w) * .042);line-height:1.25} .s-gp__chan{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .03) calc(var(--w) * .04)} .s-gp__chan > span:nth-child(2){display:grid;line-height:1.2;flex:1;min-width:0} .s-gp__chan small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-gp__chips{display:flex;gap:calc(var(--w) * .02);padding:0 calc(var(--w) * .04);overflow:hidden;flex:none} .s-gp__chips span{display:flex;align-items:center;gap:4px;padding:calc(var(--w) * .016) calc(var(--w) * .03);border-radius:999px;background:#ffffff1a;font-size:calc(var(--w) * .032);font-weight:600;white-space:nowrap} .s-gp .s-gp__chips svg{width:calc(var(--w) * .045);height:calc(var(--w) * .045)} .s-gp__list{display:grid;gap:calc(var(--w) * .028);padding:calc(var(--w) * .035) calc(var(--w) * .04)} .s-gp .s-gp__lbl{display:block;padding:0 calc(var(--w) * .04) calc(var(--w) * .02);font:700 calc(var(--w) * .042) -apple-system,"SF Pro Display",sans-serif;color:#fff!important} .s-gp .s-gp__list .s-gp__lbl{padding:0} .s-gp__row{display:grid;grid-template-columns:calc(var(--w) * .36) 1fr;gap:calc(var(--w) * .028);align-items:start} .s-gp__row .s-gp__thumb{aspect-ratio:16/9;border-radius:calc(var(--w) * .02)} .s-gp__thumb > i{position:absolute;right:4px;bottom:4px;padding:0 4px;border-radius:3px;background:#000c;font:600 calc(var(--w) * .026) -apple-system,sans-serif;font-style:normal;color:#fff} .s-gp__row > span:last-child{display:grid;gap:2px;line-height:1.25} .s-gp__row b{font-size:calc(var(--w) * .034);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* dikey (9:16) video ve yayın */ .s-gp--v916{padding-top:0} .s-gp__full{position:absolute;inset:0} .s-gp__full::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,#0000 22%,#0000 52%,#000c 88%)} .s-gp__vtop{position:absolute;top:calc(var(--w) * .15);left:0;right:0;display:flex;justify-content:center;gap:calc(var(--w) * .05);z-index:2;font-weight:600;color:#ffffffa6} .s-gp__vtop b{color:#fff;box-shadow:0 2px 0 #fff} .s-gp__rail{position:absolute;right:calc(var(--w) * .03);bottom:calc(var(--w) * .3);display:grid;gap:calc(var(--w) * .04);justify-items:center;z-index:2} .s-gp__rail > span{display:grid;justify-items:center;gap:2px} .s-gp .s-gp__rail svg{width:calc(var(--w) * .085);height:calc(var(--w) * .085);filter:drop-shadow(0 2px 4px #0006)} .s-gp__rail small{color:#fff;font-weight:600} .s-gp__ava--rail{width:calc(var(--w) * .12);box-shadow:0 0 0 2px #fff} .s-gp__cap{position:absolute;left:calc(var(--w) * .04);right:calc(var(--w) * .2);bottom:calc(var(--w) * .25);z-index:2;display:grid;gap:4px;text-shadow:0 1px 3px #0008} .s-gp__cap p{margin:0;font-size:calc(var(--w) * .036)} .s-gp__cap small{display:flex;align-items:center;gap:4px;color:#ffffffd9} .s-gp .s-gp__cap small svg{width:calc(var(--w) * .04);height:calc(var(--w) * .04)} .s-gp__views{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:calc(var(--w) * .014) calc(var(--w) * .03);border-radius:999px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:600;text-shadow:none} .s-gp .s-gp__views svg{width:calc(var(--w) * .04);height:calc(var(--w) * .04)} .s-gp--v916 .s-gp__prog{bottom:calc(var(--w) * .19);z-index:3} /* canlı yayın */ .s-gp__badges{position:absolute;left:8px;top:8px;display:flex;gap:6px;z-index:2} .s-gp__live{padding:2px 6px;border-radius:4px;background:#e91916;font:700 calc(var(--w) * .03)/1.3 -apple-system,sans-serif;letter-spacing:.04em} .s-gp__viewers{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#000000a6;font:600 calc(var(--w) * .032)/1.3 -apple-system,sans-serif} .s-gp .s-gp__viewers svg{width:calc(var(--w) * .04);height:calc(var(--w) * .04)} .s-gp__prog--live::after{width:100%;background:#e91916} .s-gp__game{color:var(--pc)!important} .s-gp__chatbar{display:flex;justify-content:space-between;align-items:baseline;padding:calc(var(--w) * .025) calc(var(--w) * .04);border-block:1px solid #ffffff1a;font-size:calc(var(--w) * .036)} .s-gp__chat{list-style:none;margin:0;padding:calc(var(--w) * .02) calc(var(--w) * .04);flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--w) * .014);overflow:hidden;font-size:calc(var(--w) * .035);line-height:1.3} .s-gp__chat li[data-rain-at]:not(.is-on){display:none} .s-gp__chat li.is-on{animation:s-gpchat .4s ease-out} @keyframes s-gpchat{from{opacity:0;transform:translateY(8px)}} .s-gp__say{display:flex;justify-content:space-between;align-items:center;margin:calc(var(--w) * .02) calc(var(--w) * .04) calc(var(--w) * .1);padding:calc(var(--w) * .025) calc(var(--w) * .035);border-radius:999px;background:#ffffff17;color:#ffffff73;font-size:calc(var(--w) * .034)} .s-gp .s-gp__say svg{width:calc(var(--w) * .05);height:calc(var(--w) * .05);color:var(--pc)} .s-gp--v916.s-gp--stream .s-gp__chat{position:absolute;left:0;right:22%;bottom:calc(var(--w) * .2);max-height:calc(var(--w) * .7);padding:0 calc(var(--w) * .04);z-index:2;text-shadow:0 1px 3px #000} .s-gp--v916 .s-gp__say{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#ffffff26} .s-gp__lhead{position:absolute;top:calc(var(--w) * .15);left:calc(var(--w) * .04);right:calc(var(--w) * .04);display:flex;align-items:center;gap:calc(var(--w) * .02);z-index:2;padding:calc(var(--w) * .012);border-radius:999px;background:#0000006b} .s-gp__lhead > span:nth-child(2){display:grid;line-height:1.15;flex:1;min-width:0} .s-gp__lhead .s-gp__badges{position:static} /* ses: sanatçı / podcast */ .s-gp--audio{padding-top:0} .s-gp__hero{position:relative;height:calc(var(--w) * .74);flex:none} .s-gp__heroimg{position:absolute;inset:0} .s-gp__fade{position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#000 100%)} .s-gp__back{position:absolute;top:calc(var(--w) * .15);left:calc(var(--w) * .04);width:calc(var(--w) * .085);aspect-ratio:1;border-radius:50%;background:#0007;display:grid;place-items:center} .s-gp .s-gp__back svg{width:60%;height:60%} .s-gp__artist{position:absolute;left:calc(var(--w) * .04);right:calc(var(--w) * .04);bottom:calc(var(--w) * .02);font:800 calc(var(--w) * .1)/1 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.03em} .s-gp__ml{padding:calc(var(--w) * .015) calc(var(--w) * .04) 0;font-size:calc(var(--w) * .036);color:#ffffffb3} .s-gp__ml b{color:#fff} .s-gp__ctl{display:flex;align-items:center;gap:calc(var(--w) * .04);padding:calc(var(--w) * .03) calc(var(--w) * .04)} .s-gp .s-gp__ctl > svg{width:calc(var(--w) * .058);height:calc(var(--w) * .058);color:#ffffffb3} .s-gp__bigplay{margin-left:auto;width:calc(var(--w) * .14);aspect-ratio:1;border-radius:50%;background:var(--pc);color:var(--pi,#fff);display:grid;place-items:center} .s-gp .s-gp__bigplay svg{width:42%;height:42%;margin-left:6%} .s-rain.is-pulse .s-gp__bigplay{animation:s-likepop .5s cubic-bezier(.3,1.6,.5,1)} .s-gp__tracks{list-style:none;margin:0;padding:0 calc(var(--w) * .04);display:grid;gap:calc(var(--w) * .028)} .s-gp__tracks li{display:grid;grid-template-columns:calc(var(--w) * .04) calc(var(--w) * .11) 1fr auto;gap:calc(var(--w) * .028);align-items:center} .s-gp__n{color:#ffffff80;font-size:calc(var(--w) * .034);text-align:center} .s-gp__tracks .s-gp__thumb{aspect-ratio:1;border-radius:calc(var(--w) * .01)} .s-gp__tracks li > span:nth-child(3){display:grid;line-height:1.25;min-width:0} .s-gp__tracks b{font-size:calc(var(--w) * .037);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-gp__tracks .is-play b{color:var(--pc)} .s-gp .s-gp__tracks svg{width:calc(var(--w) * .05);height:calc(var(--w) * .05);color:#ffffff80} .s-gp__mini{position:absolute;left:calc(var(--w) * .02);right:calc(var(--w) * .02);bottom:calc(var(--w) * .2);display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .02);border-radius:calc(var(--w) * .025);background:color-mix(in srgb,var(--pc2) 70%,#111);z-index:4;overflow:hidden} .s-gp__mini .s-gp__thumb{width:calc(var(--w) * .1);aspect-ratio:1;border-radius:calc(var(--w) * .01);flex:none} .s-gp__mini > span:nth-child(2){display:grid;line-height:1.2;flex:1;min-width:0} .s-gp__mini small{color:#ffffffb3} .s-gp .s-gp__mini > svg{width:calc(var(--w) * .06);height:calc(var(--w) * .06);margin-right:calc(var(--w) * .02)} .s-gp__mini .s-gp__prog{height:2px;left:calc(var(--w) * .02);right:calc(var(--w) * .02);bottom:1px} /* yayın: sayaç bildirimlerin altında kalmasın (16:9 rozetler oynatıcının altında, 9:16 başlık satırı aşağıda) */ .s-gp--stream:not(.s-gp--v916) .s-gp__badges{top:auto;bottom:10px} .s-gp--v916 .s-gp__lhead{top:calc(var(--w) * .36)} /* ===== yeni sipariş v2 (neworder.twig, .s-nw2) — adım adım akış, 2026-10-27 ===== */ .s-nw2{--n-card:var(--s-box);--n-card2:#f6f7f9;--n-line:#08080812;--n-line2:#0808081f;--n-muted:var(--s-muted);--n-faint:var(--s-faint);padding:22px 24px 40px} .s-nw2 *{box-sizing:border-box} .s-nw2 button{font:inherit;color:inherit} /* bannerlar */ .s-nb{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px} .s-nb > div{position:relative;border-radius:20px;overflow:hidden;min-height:180px;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;background:#f7f8fa center/cover no-repeat;box-shadow:0 20px 40px -24px #0808084c} .s-nb__aff{background-image:url(https://storage.perfectcdn.com/8x1jve/t41hmda3hp7kf7bc.png)!important} /* 724 panel bannerı */ .s-nb__lvl{background-image:url(https://storage.perfectcdn.com/8x1jve/bb84qmyixfad8t9y.png)!important} .s-nb__tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#ffffffcc;font-size:12px;font-weight:600;color:var(--s-lime);backdrop-filter:blur(6px)} /* 724: açık bannerda okunur */ .s-nb__aff p{max-width:46%;margin:12px 0 14px;font-size:14px;color:#080808;line-height:1.5} .s-nb__aff p b{color:var(--s-lime)} .s-nb__btn{align-self:flex-start;padding:8px 14px;border-radius:10px;background:var(--s-lime);color:var(--s-lime-ink)!important;font-weight:700;font-size:13px;transition:transform .15s} .s-nb__btn:hover{transform:translateY(-1px)} .s-nb__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .s-nb__stats > div{padding:12px;border-radius:14px;background:#ffffffa6;backdrop-filter:blur(8px);text-align:center;border:1px solid #08080814} .s-nb__stats small{display:block;font-size:12px;color:#080808d1} .s-nb__stats b{font:800 22px var(--s-display);color:var(--s-text)} .s-nb__bar{margin-top:14px;font-size:12.5px;color:#080808f3} .s-nb__bar i{display:block;height:6px;border-radius:6px;background:#ffffffa6;margin-top:6px;overflow:hidden} .s-nb__bar em{display:block;height:100%;width:2%;background:linear-gradient(90deg,#ff5000,#7cf0a0);border-radius:6px} /* iki sütun */ .s-nw{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:20px;align-items:start} .s-nw__card{background:var(--n-card);border:1px solid var(--s-box-line);border-radius:28px;padding:22px;min-width:0;box-shadow:var(--s-box-shadow)} .s-nw__tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none} .s-nw__tabs a,.s-nw__tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:0;background:none;color:var(--n-muted);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,color .2s} .s-nw__tabs a:hover,.s-nw__tabs button:hover{color:var(--s-text);background:#0808080a} .s-nw__tabs .is-on{background:#fff!important;color:#0e1220!important} .s-nw__search{position:relative;margin-bottom:14px} .s-nw__search label{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;margin:0;border-radius:14px;background:var(--s-box-in);border:1px solid var(--n-line);transition:border-color .2s,box-shadow .2s} .s-nw__search label:focus-within{border-color:var(--s-lime);box-shadow:0 0 0 3px #ff50001f} .s-nw__search i{color:var(--s-lime)} .s-nw__search input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--s-text);font:inherit} .s-nw__search kbd{font:600 11px var(--s-body);color:var(--n-faint);background:none;border:1px solid var(--n-line2);border-radius:6px;padding:2px 6px;box-shadow:none} .s-nw__res{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#f7f8fa;border:1px solid var(--n-line2);border-radius:14px;padding:6px;box-shadow:0 24px 50px -20px #0808084c;max-height:340px;overflow:auto} .s-nw__res button{display:flex;width:100%;gap:10px;align-items:center;padding:10px;border:0;border-radius:10px;background:none;cursor:pointer;text-align:left} .s-nw__res button:hover{background:#0808080d} .s-nw__res span{flex:1;min-width:0;font-size:14px}.s-nw__res span small{display:block;color:var(--n-faint);font-size:12px} .s-nw__res b{color:var(--s-lime);font-size:13px;white-space:nowrap} .s-nw__res .none{padding:12px;color:var(--n-faint)} .s-nw2 i.ri,.s-nw2 i.ci{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--s-text);background:var(--s-box-in);flex:none;font-size:14px} .s-nw2 i.ci{width:22px;height:22px;border-radius:50%;font-size:11px} .s-nw2 i.is-img img{width:60%;height:60%;object-fit:contain} .s-nw__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px} .s-nw__top:has(.s-nw__crumbs:empty){justify-content:flex-end} .s-nw__crumbs{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0} .s-nw__crumbs:empty{display:none} .s-nw__crumb{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--n-line2);background:var(--n-card2);cursor:pointer;font-size:13px;font-weight:600;color:#080808f7;transition:border-color .2s;animation:s-nwIn .3s ease} .s-nw__crumb:hover{border-color:var(--s-lime)} .s-nw__crumb .ok{background:var(--s-lime);color:var(--s-lime-ink)} .s-nw__crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-nw__crumb .x{color:var(--n-faint);font-size:11px} .s-nw__crumb:hover .x{color:var(--s-lime)} .s-nw__prog{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--n-faint);font-weight:600;white-space:nowrap;margin-left:auto} .s-nw__prog i{display:flex;gap:4px} .s-nw__prog b{width:18px;height:4px;border-radius:4px;background:#0808081f} .s-nw__prog b.on{background:var(--s-lime)} .s-nw__now{padding:16px;border-radius:18px;border:1px solid var(--s-lime);background:#ff500008;animation:s-nwIn .35s ease} @keyframes s-nwIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .s-nw__h{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:700;color:var(--s-text)} .s-nw__h em{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ff50001f;color:var(--s-lime);font-size:12px} .s-nw__h small{margin-left:auto;font-weight:500;color:var(--n-faint);font-size:13px} .s-nw__back{display:none} .s-nw__quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px} .s-nw__quick button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--n-line2);background:#08080808;cursor:pointer;font-weight:600;font-size:13px;color:#080808f7;transition:border-color .2s,background .2s} .s-nw__quick button:hover{border-color:var(--s-lime);background:#ff50000d} .s-nw__quick i{color:var(--s-lime)} .s-nw__plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px} .s-nw__plat{display:grid;justify-items:center;gap:6px;padding:12px 6px 10px;border-radius:16px;border:1px solid var(--n-line);background:var(--n-card2);cursor:pointer;transition:border-color .2s,transform .15s} .s-nw__plat > i{font-size:22px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--s-text);background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-nw__plat span{font-size:12px;font-weight:600;color:var(--n-muted)} .s-nw__plat:hover{transform:translateY(-2px);border-color:var(--n-line2)} .s-nw__plat:hover span{color:var(--s-text)} .s-nw__types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} .s-nw__type{display:grid;justify-items:start;align-content:start;gap:6px;min-height:104px;padding:14px;border-radius:16px;border:1px solid var(--n-line);background:var(--n-card2);cursor:pointer;text-align:left;color:var(--s-text);transition:border-color .2s,transform .15s,background .2s} .s-nw__type .e{font-size:24px;line-height:1;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0808080d} .s-nw__type .e i{font-size:17px;color:var(--s-lime);background:none!important} .s-nw__type .e i.is-emo{font-size:20px;font-style:normal} .s-nw__type .e i.is-img{display:grid;place-items:center;width:24px;height:24px} .s-nw__type .e i.is-img img{width:100%;height:100%;object-fit:contain} .s-nw2 i.is-emo{font-style:normal;display:grid;place-items:center} .s-nw__type .t{font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere} .s-nw__type small{color:var(--n-faint);font-size:12px;font-weight:500} .s-nw__type:hover{border-color:var(--s-lime);background:#ff50000a;transform:translateY(-2px)} .s-nw__bar{display:flex;gap:8px;margin-bottom:10px} .s-nw__bar label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;margin:0;border-radius:12px;background:var(--s-box-in);border:1px solid var(--n-line)} .s-nw__bar label i{color:var(--s-lime)} .s-nw__bar input{flex:1;min-width:0;width:100%;background:none;border:0;outline:none;color:var(--s-text);font:inherit} .s-nw__bar select{flex:none;max-width:42%;height:42px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--n-line);color:#080808ec;padding:0 10px;font:inherit} .s-nw__svcs{display:grid;gap:10px} .s-nw__svc{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;padding:14px 16px;border-radius:16px;background:var(--n-card2);border:1px solid var(--n-line);cursor:pointer;text-align:left;transition:border-color .2s,transform .15s} .s-nw__svc:hover{border-color:var(--s-lime);transform:translateY(-1px)} .s-nw__svc[hidden]{display:none} .s-nw__svc .radio{width:20px;height:20px;border-radius:50%;border:2px solid #08080840} .s-nw__svc .b{min-width:0} .s-nw__svc .n{display:block;font-weight:600;line-height:1.3;color:var(--s-text);overflow-wrap:anywhere} .s-nw__svc .n small{color:var(--n-faint);font-weight:500;margin-right:6px} .s-nw__svc .m{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .s-nw__svc .m span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#0808080d;font-size:12px;color:#080808e0} .s-nw__svc .m i{color:var(--s-lime);font-size:11px} .s-nw__svc .pr{text-align:right} .s-nw__svc .pr b{display:block;font:800 18px var(--s-display);color:var(--s-text);white-space:nowrap} .s-nw__svc .pr small{color:var(--n-faint);font-size:12px} /* öneri/ucuz etiketi: bilgi çiplerinin başında küçük renkli çip (kutuyu büyütmez) */ .s-nw__svc .m .s-nw__tg{gap:5px;font-weight:700;font-size:11.5px} .s-nw__svc .m .s-nw__tg i{font-size:10px} .s-nw__svc .m .s-nw__tg.is-rec{background:color-mix(in srgb,#0a84ff 22%,transparent);color:#8fc4ff} .s-nw__svc .m .s-nw__tg.is-rec i{color:#8fc4ff} .s-nw__svc .m .s-nw__tg.is-best{background:color-mix(in srgb,#ff9f0a 20%,transparent);color:#ffc46b} .s-nw__svc .m .s-nw__tg.is-best i{color:#ffc46b} .s-nw__svc.is-rec{border-color:color-mix(in srgb,#0a84ff 45%,var(--n-line))} .s-nw__svc .fav{position:absolute;right:14px;bottom:10px;color:#ffd60a;font-size:12px} .s-nw__more{margin-top:10px;width:100%;padding:11px;border-radius:12px;border:1px dashed var(--n-line2);background:none;color:#080808ec;font-weight:600;cursor:pointer} .s-nw__more:hover{border-color:var(--s-lime);color:var(--s-lime)} /* 4. adım: panelin kendi alanları (#fields) */ .s-nw__native{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .s-nw__hidden-submit{position:absolute;left:-9999px;width:1px;height:1px;opacity:0} .s-nw__step4[hidden]{display:none} .s-nw__step4 #fields{display:grid;gap:14px} .s-nw__step4 .form-group{margin:0} .s-nw__step4 label,.s-nw__step4 .control-label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:var(--s-text)} .s-nw__step4 .form-control,.s-nw__step4 textarea,.s-nw__step4 select{width:100%;min-height:50px;border-radius:14px!important;background:var(--s-box-in)!important;border:1px solid var(--n-line)!important;padding:12px 16px;color:var(--s-text)!important;font:inherit;box-shadow:none!important;transition:border-color .2s,box-shadow .2s} .s-nw__step4 .form-control:focus,.s-nw__step4 textarea:focus{border-color:var(--s-lime)!important;box-shadow:0 0 0 3px #ff50001f!important;outline:none} .s-nw__step4 .help-block,.s-nw__step4 small,.s-nw__step4 .min-max{color:var(--n-faint);font-size:12.5px} .s-nw__qty{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .s-nw__step4 .min-max{display:block;margin-top:6px} .s-nw__qty:empty{display:none} .s-nw__qty button{padding:7px 12px;border-radius:10px;border:1px solid var(--n-line2);background:transparent;cursor:pointer;font-weight:600;font-size:13px;color:#080808ec;transition:all .2s} .s-nw__qty button:hover{border-color:var(--s-lime);color:var(--s-lime)} .s-nw__hint{margin:8px 0 0;color:var(--n-faint);font-size:12.5px} .s-nw__hint code{color:#080808e6;background:#0808080d;padding:1px 6px;border-radius:6px} .s-nw__terms{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-weight:500!important;color:var(--n-muted)!important} .s-nw__form .alert{border-radius:14px;margin-bottom:14px} /* özet */ .s-nw__sum{position:sticky;top:20px;display:grid;gap:14px} .s-nw__sh{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--s-text)} .s-nw__sh i{color:var(--s-lime)} .s-nw__empty{padding:18px;border-radius:14px;background:var(--n-card2);color:var(--n-faint);font-size:14px;text-align:center} .s-nw__empty b{color:var(--s-text)} .s-nw__ss{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--n-card2)} .s-nw__ss > i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--s-text);font-size:18px;flex:none} .s-nw__ss b{font-size:14px;line-height:1.3;color:var(--s-text)} .s-nw__facts{display:grid;grid-template-columns:1fr 1fr;gap:8px} .s-nw__facts > div{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--n-card2)} .s-nw__facts i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--s-lime);color:var(--s-lime-ink);font-size:12px;flex:none} .s-nw__facts small{display:block;color:var(--n-faint);font-size:11.5px} .s-nw__facts b{font-size:13.5px;color:var(--s-text)} .s-nw__desc{font-size:13.5px;color:#080808e0;padding:12px 14px;border-radius:12px;background:var(--n-card2);max-height:170px;overflow:auto} .s-nw__desc ul{margin:0;padding-left:18px}.s-nw__desc li{margin:3px 0} .s-nw__tot{display:grid;gap:6px;padding:14px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--n-line)} .s-nw__tot div{display:flex;justify-content:space-between;font-size:14px;color:var(--n-muted)} .s-nw__tot div b{color:var(--s-text)} .s-nw__tot .big{font-size:15px;color:var(--s-text);padding-top:6px;border-top:1px dashed var(--n-line2)} .s-nw__tot .big b{font:800 26px var(--s-display);color:var(--s-lime)} .s-nw__warn{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#ff9f0a14;color:#ffc46b;font-size:13px} .s-nw__warn a{margin-left:auto;font-weight:700;color:var(--s-lime)} .s-nw__submit{height:54px;width:100%;border-radius:16px;border:0;background:var(--s-lime);color:var(--s-lime-ink)!important;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 14px 30px -14px #ff5000cc;transition:transform .15s,box-shadow .2s,opacity .2s} .s-nw__submit:hover{transform:translateY(-1px);box-shadow:0 18px 36px -12px #ff5000ee} .s-nw__submit[disabled]{opacity:.4;pointer-events:none;box-shadow:none} .s-nw__live{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--n-muted)} .s-nw__live i{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 0 4px #30d15833} .s-nw__mbar{display:none} @media (max-width:1199px){.s-nb{grid-template-columns:1fr}.s-nw{grid-template-columns:1fr}.s-nw__sum{position:static}} @media (max-width:767px){ .s-nw2{padding:14px 14px 120px} .s-nb{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -14px 14px;padding:0 14px} .s-nb::-webkit-scrollbar{display:none} .s-nb > div{flex:0 0 86%;scroll-snap-align:start;min-height:118px;padding:12px 14px} .s-nb__aff p{margin:6px 0 8px;font-size:12px;max-width:62%} .s-nb__btn{padding:6px 10px;font-size:12px} .s-nb__stats{gap:6px}.s-nb__stats > div{padding:7px}.s-nb__stats b{font-size:15px}.s-nb__stats small{font-size:10.5px} .s-nb__bar{margin-top:8px;font-size:11px} .is-ordering .s-nb{display:none} .s-nw__card{padding:14px;border-radius:18px} .s-nw__now{padding:14px;border-radius:16px} .s-nw__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;border-radius:10px;border:1px solid var(--n-line);background:none;color:var(--n-muted);font-weight:600;font-size:13px;cursor:pointer} .s-nw__crumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex-basis:100%} .s-nw__crumb{flex:none;max-width:70vw} .s-nw__quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px} .s-nw__quick button{flex:none} .s-nw__plats{grid-template-columns:repeat(4,minmax(0,1fr))} .s-nw__plat{min-width:0;padding-left:2px!important;padding-right:2px!important}.s-nw__plat span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:-.01em} .s-nw__types{grid-template-columns:1fr 1fr;gap:8px} .s-nw__type{min-height:92px;padding:12px} .s-nw__quick{flex-wrap:wrap;overflow:visible;margin-right:0} .s-nw__svc{grid-template-columns:auto 1fr;padding:12px 14px} .s-nw__svc .pr{grid-column:2;text-align:left;display:flex;gap:6px;align-items:baseline} .s-nw__sum{display:none} .s-nw__mbar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--n-line2)} .s-nw__mbar div{flex:1;display:grid;line-height:1.2} .s-nw__mbar small{color:var(--n-faint);font-size:12px} .s-nw__mbar b{font:800 22px var(--s-display);color:var(--s-lime)} .s-nw__mbar .s-nw__submit{width:auto;height:50px;padding:0 26px} } /* sidebar: eski temanın grup kutuları (çerçeve/zemin) temizlenir */ .s-side .s-menu-item,.s-side .submenu-accordion-item,.s-side .submenu-item{border:0!important;background:none!important;box-shadow:none!important;margin:0!important} .s-side .sidebar-menu > .s-menu-item > .s-menu-link:not([class*=special]){border:0!important;box-shadow:none!important} .s-side .submenu .s-menu-link{border:0!important;box-shadow:none!important} .s-side .submenu .s-menu-link .icon{display:none} /* mobil: panelin alt menüsü (.mobile-navbar, 56px) varken sipariş çubuğu onun üstünde durur */ @media (max-width:767px){ body:has(.mobile-navbar) .s-nw__mbar{bottom:56px;padding-bottom:12px} body:has(.mobile-navbar) .s-nw2{padding-bottom:170px} .s-nb{margin:0 0 14px;padding:0} } /* miktar alanı + toplam + sipariş düğmesi yan yana */ .s-nw__qrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch} .s-nw__qrow > input{min-width:0} .s-nw__buy{display:flex;align-items:center;gap:12px} .s-nw__price{display:grid;line-height:1.15;text-align:right;min-width:84px} .s-nw__price small{color:var(--n-faint);font-size:12px} .s-nw__price b{font:800 22px var(--s-display);color:var(--s-lime);white-space:nowrap} .s-nw__buy .s-nw__submit{width:auto;height:50px;padding:0 24px;white-space:nowrap} .s-nw__step4 .s-nw__warn{margin-top:12px} .s-nw__step4 .s-nw__warn[hidden]{display:none} .s-nw__per{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:12px 14px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--n-line);font-size:13px;color:var(--n-muted)} .s-nw__per b{color:var(--s-text);font-size:15px;margin-right:auto} .s-nw__mbar{display:none!important} @media (max-width:767px){ .s-nw__qrow{grid-template-columns:1fr} .s-nw__buy{justify-content:space-between;padding:10px 12px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--n-line)} .s-nw__price{text-align:left} .s-nw2,body:has(.mobile-navbar) .s-nw2{padding-bottom:90px} } @media (max-width:767px){.s-nw2.has-svc .s-nw__sum{display:grid!important;margin-top:14px}} /* ===== smm.ist bannerları geri (2026-10-28): kart sınıfları aynı, görseller smm.ist'teki; üstteki yarı saydam kutular nötr koyu ===== */ .s-no .ds-first-card,.s-svcp__resell{background:#f7f8fa url(https://storage.perfectcdn.com/8x1jve/t41hmda3hp7kf7bc.png) center/cover no-repeat!important;border:0!important} .s-no .card-new-order-levels,.s-svcp__level{background:#f7f8fa url(https://storage.perfectcdn.com/8x1jve/bb84qmyixfad8t9y.png) center/cover no-repeat!important;border:0!important} .s-no .tp-first-card{background:#f7f8fa url(https://storage.perfectcdn.com/8x1jve/t41hmda3hp7kf7bc.png) center/cover no-repeat!important;border:0!important} .s-no .tp-second-card{background:#f7f8fa url(https://storage.perfectcdn.com/8x1jve/bb84qmyixfad8t9y.png) center/cover no-repeat!important;border:0!important} .s-no .ds-first-card .card-body,.s-svcp__resell{padding-right:46%!important} .s-no .ds-first-card p,.s-no .ds-first-card .text,.s-svcp__resell p{color:#080808!important} .s-no .card-new-order-levels .stat-box,.s-svcp__stats > div,.s-nb__stats > div{background:#f6f7f9a6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #08080814!important} .s-no .card-new-order-levels .motivation-track,.s-svcp__track,.s-nb__bar i{background:#f6f7f9a6!important} .s-no .tp-first-card .card-body,.s-no .tp-second-card .card-body{background:linear-gradient(90deg,#f6f7f9cc 0%,#f6f7f966 55%,transparent 100%);border-radius:inherit} .s-nb--one{grid-template-columns:1fr;margin-bottom:20px} .s-nb--one .s-nb__aff p{max-width:52%} @media (max-width:767px){.s-no .ds-first-card .card-body,.s-svcp__resell{padding-right:34%!important}.s-nb--one .s-nb__aff p{max-width:64%}} /* ===== mobil/tablet header (giriş yapmış, <1400px) ve alt menü — 2026-10-28: sade, koyu cam, sitenin paleti ===== */ @media (max-width:1399.98px){ #header.d-header{position:fixed!important;top:0;left:0;right:0;z-index:1030;height:56px;padding:0!important;background:#ffffffd9!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--s-box-line)!important;box-shadow:none!important} #header.d-header > .container-fluid{display:flex!important;align-items:center;gap:8px;height:56px;padding:0 14px!important} #header .s-mh__logo{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0;color:var(--s-text);font:800 18px var(--s-display);letter-spacing:-.02em;text-decoration:none} #header .s-mh__logo img{height:30px;width:auto;max-width:150px;object-fit:contain} #header .head-row > .s-mh__logo{width:auto;flex:1 1 auto} /* Bootstrap .row > * genişliği %100 yapıyor */ #header .layout-position-fixed{position:static!important;order:3;padding:0!important;margin:0!important;width:auto!important;transform:none!important} #header .layout-position-fixed .btn{display:inline-flex!important;align-items:center;height:36px!important;min-height:0!important;padding:0 12px!important;border-radius:11px!important;background:var(--s-lime)!important;color:var(--s-lime-ink)!important;border:0!important;font:700 14px var(--s-body)!important;box-shadow:none!important} #header .head-row{display:flex!important;align-items:center;gap:8px;margin:0!important;flex-wrap:nowrap!important;order:4;width:auto!important} #header .head-row > .col-item{padding:0!important;width:auto!important} #header .s-mh__search{order:2;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0808080d;border:1px solid var(--s-box-line);color:var(--s-text);font-size:14px;transition:background .2s,color .2s} #header .s-mh__search:hover{background:var(--s-lime);color:var(--s-lime-ink)} #header .sidebar-toggle{width:36px!important;height:36px!important;min-width:0!important;padding:0!important;border-radius:11px!important;display:grid!important;place-items:center;background:#0808080d!important;border:1px solid var(--s-box-line)!important;color:var(--s-text)!important;font-size:15px!important;box-shadow:none!important} #header .sidebar-toggle i{color:inherit!important;font-size:15px!important} #header .d-dropdown .btn{height:36px!important;min-height:0!important;padding:0 10px!important;border-radius:11px!important;background:#0808080d!important;border:1px solid var(--s-box-line)!important;color:var(--s-text)!important} #header .d-dropdown .icon{width:auto!important;height:auto!important;background:none!important;color:var(--s-lime)!important} #header .d-dropdown .content .title{display:none} /* para birimi: diğer header düğmeleriyle aynı 36 px kare, yalnız simge; açılır menü koyu */ #header .d-dropdown .btn{width:36px!important;padding:0!important;display:grid!important;place-items:center} #header .d-dropdown .btn .content{display:none!important} #header .d-dropdown .btn::after{display:none!important} #header .d-dropdown .icon{margin:0!important;font-size:14px!important;line-height:1} #header .d-dropdown .icon i{color:var(--s-lime)!important} #header .d-dropdown .dropdown-menu{min-width:132px;padding:6px;border-radius:14px;background:var(--s-box)!important;border:1px solid var(--s-box-line)!important;box-shadow:0 18px 40px -12px #0808083d} #header .d-dropdown .dropdown-item{border-radius:10px;padding:8px 12px;color:var(--s-text)!important;font:600 13px var(--s-body);background:none} #header .d-dropdown .dropdown-item:hover{background:#0808080f;color:var(--s-lime)!important} } @media (max-width:1399.98px){.d-header ~ * .s-nw2{scroll-margin-top:64px}} .mobile-navbar{background:#ffffffe6!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--s-box-line)!important;box-shadow:none!important;padding-bottom:env(safe-area-inset-bottom)} .mobile-navbar .mobile-navbar-content{display:grid!important;grid-template-columns:repeat(4,1fr);height:56px;padding:0 6px} .mobile-navbar .mnc-item{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d8296!important;text-decoration:none;transition:color .2s} .mobile-navbar .mnc-item-icon,.mobile-navbar .mnc-item-icon i{font-size:17px!important;color:inherit!important;line-height:1} .mobile-navbar .mnc-item-text{font:600 11px var(--s-body)!important;color:inherit!important;position:relative} .mobile-navbar .mnc-item.is-on{color:var(--s-text)!important} .mobile-navbar .mnc-item.is-on .mnc-item-icon i{color:var(--s-lime)!important} .mobile-navbar .mnc-item.is-on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--s-lime)} .mobile-navbar .mnc-item .badge{position:absolute;top:-22px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ff453a;color:#fff;font-size:10px;line-height:16px} /* header sırası: logo · (dil/para) · arama · bakiye · menü — iç sarmalayıcılar akışa açılır */ @media (max-width:1399.98px){ #header .head-row,#header .head-row > .col-item.d-flex{display:contents!important} #header .head-row > .col-item:not(.d-flex){order:1} #header .s-mh__search{order:2} #header .layout-position-fixed{order:3} #header .sidebar-toggle{order:4} } /* menü düğmesi: ☰ ve ✕ aynı hücrede üst üste, ortalı; açılınca ✕ görünür (eski top:-48px kaydırması iptal) */ @media (max-width:1399.98px){ #header .sidebar-toggle{position:relative!important;left:auto!important;top:auto!important;grid-template:1fr/1fr} #header .sidebar-toggle > i{grid-area:1/1;position:static!important;top:0!important;width:auto!important;height:auto!important;display:block!important;line-height:1;transition:transform .2s,opacity .2s} #header .sidebar-toggle .close-i{transform:scale(.4) rotate(-90deg);opacity:0} #header .sidebar-toggle.active .close-i{transform:none;opacity:1} #header .sidebar-toggle.active .menu-bar{transform:scale(.4) rotate(90deg);opacity:0} #header .sidebar-toggle.active{background:var(--s-lime)!important;color:var(--s-lime-ink)!important;border-color:var(--s-lime)!important} } /* mobil: Tickets'ın iki bannerı New Order gibi yana kayan iki kart (New Order/Orders/Services ortak .s-nb kullanır) */ @media (max-width:767px){ .s-tk .dashboard-head-wrapper > .row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 0 14px!important;padding:0!important} .s-tk .dashboard-head-wrapper > .row::-webkit-scrollbar{display:none} .s-tk .dashboard-head-wrapper > .row > *{flex:0 0 86%!important;max-width:86%!important;width:86%!important;scroll-snap-align:start;margin:0!important;padding:0!important} .s-tk .dashboard-head-wrapper .card{height:100%;margin:0!important} .s-or2 .s-nb,.s-svcp .s-nb{margin:0 0 14px;padding:0} } /* Services kartları (sade mod): min/max yok (son kullanıcı için gereksiz), fiyat ve ortalama süre tek satırda, favori yıldızı düğme satırının sağında → hizmet adına yer kalır */ .s-svcp:not(.is-reseller) .s-svcp__c[data-title="Min"],.s-svcp:not(.is-reseller) .s-svcp__c[data-title="Max"]{display:none!important} .s-svcp:not(.is-reseller) .s-svcp__rate{grid-column:1;align-self:center;min-width:0;flex-wrap:wrap} .s-svcp:not(.is-reseller) .s-svcp__rate .prices{font-size:22px} .s-svcp:not(.is-reseller) .s-svcp__rate::after{content:"/ 1K";font-size:12px} .s-svcp:not(.is-reseller) .s-svcp__c[data-title="Average Time"]{grid-column:2;justify-self:end;align-self:center;display:flex;align-items:center;gap:5px;max-width:130px;text-align:right;font-size:12.5px;line-height:1.25;color:var(--s-muted)} .s-svcp:not(.is-reseller) .s-svcp__c[data-title="Average Time"]::before{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:12px;color:var(--s-lime);text-transform:none;letter-spacing:0;margin:0} .s-root .s-svcp:not(.is-reseller) .si-wrapper .s-fav{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:12px;background:var(--s-box);border:1px solid var(--s-box-line);z-index:1} .s-svcp:not(.is-reseller) .s-svcp__btn{padding-right:48px} /* yıldız düğme satırına bağlı: kart satır yüksekliğine uzayınca (komşu kart daha uzun) aşağı kaymaz */ .s-svcp:not(.is-reseller) .si-wrapper .s-row{position:relative} .s-svcp:not(.is-reseller) .s-svcp__name{gap:0} .s-svcp__chips .s-svcp__more{flex:none;height:40px;padding:0 16px;border-radius:999px;background:none;border:1px dashed var(--s-line-2);color:var(--s-lime);font:600 14px var(--s-body);cursor:pointer} .s-svcp__chips .s-svcp__more[hidden],.s-svcp__chips button[hidden]{display:none} /* New Order: favoriler ilk platform kutusu (ayrı satır kaplamaz), sağ üstte sayı */ .s-nw__plat{position:relative} .s-nw__plat.is-fav{border-color:color-mix(in srgb,#ffd60a 35%,var(--n-line,var(--s-box-line)))} .s-nw__cnt{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ffd60a;color:#2b2200;font:700 11px/18px var(--s-body);font-style:normal;text-align:center} /* para birimi seçici: hesap kutusunda ayar simgesinin sağında (kutu bağlantı olduğundan düğme kutunun üstüne konur) */ .s-side .sidebar-account{position:relative} .s-side .sidebar-account:has(.s-cur) .sidebar-account-wrapper{padding-right:50px} .s-side .s-cur{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2} .s-side .s-cur .btn{width:34px;height:34px;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center;background:#08080814!important;border:0!important;color:var(--s-text)!important;font-size:13px;box-shadow:none!important;transition:background .2s,color .2s} .s-side .s-cur .btn::after{display:none!important} .s-side .s-cur .btn:hover,.s-side .s-cur .btn[aria-expanded="true"]{background:var(--s-lime)!important;color:var(--s-lime-ink)!important} .s-side .s-cur .dropdown-menu{min-width:132px;padding:6px;border-radius:14px;background:var(--s-box)!important;border:1px solid var(--s-box-line)!important;box-shadow:0 18px 40px -12px #0808083d} .s-side .s-cur .dropdown-item{border-radius:10px;padding:8px 12px;color:var(--s-text)!important;font:600 13px var(--s-body);background:none} .s-side .s-cur .dropdown-item:hover{background:#0808080f;color:var(--s-lime)!important} /* New Order adım 2: kompakt kategori kutuları — solda küçük simge, sağda ad + hizmet sayısı (yarı yükseklik) */ .s-nw__types{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px} .s-nw__type{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;align-content:center;justify-items:stretch;min-height:56px;padding:9px 12px;border-radius:14px} .s-nw__type .e{grid-row:1/3;width:32px;height:32px;border-radius:10px;font-size:18px} .s-nw__type .e i{font-size:14px} .s-nw__type .t{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;word-break:break-word} .s-nw__type small{font-size:11.5px;line-height:1.2} .s-nw__type:hover{transform:none} @media (max-width:767px){ .s-nw__types{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} .s-nw__type{min-height:52px;padding:8px 10px;column-gap:8px} .s-nw__type .e{width:28px;height:28px;border-radius:9px} .s-nw__type .e i{font-size:13px} .s-nw__type .t{font-size:12.5px} } /* ===== ortak "seçili sekme / çip" görünümü (tüm sayfalar): beyaz dolgu yerine paletle uyumlu lime tonu ===== */ .s-nw__tabs .is-on, .s-svcp__chips button[aria-selected="true"], .s-no .af-nav .nav-item.active .nav-link,.s-af .af-nav .nav-link.active, .s-pp .nav-pills > li.active > a{background:color-mix(in srgb,var(--s-lime) 13%,var(--s-box-in))!important;border:1px solid color-mix(in srgb,var(--s-lime) 55%,transparent)!important;color:var(--s-lime)!important;box-shadow:none!important} .s-nw__tabs .is-on i,.s-af .af-nav .nav-link.active i,.s-no .af-nav .nav-item.active .nav-link i{color:var(--s-lime)!important} .s-svcp__chips button[aria-selected="true"] .s-pico{background:none} /* New Order adım 4: alan aralıkları (ızgara boşluğu tek başına yeter), boş drip-feed satırı yer kaplamaz */ .s-nw2 #fields .form-group{margin-bottom:0!important} .s-nw2 #fields > #dripfeed:empty,.s-nw2 #fields > div:not(.form-group):empty{display:none} .s-nw2 #fields .row{--bs-gutter-y:0;row-gap:12px} .s-nw2 #fields .row > [class*="col-"]{margin-bottom:0} /* bitiş tarihi + sil düğmesi aynı satırda, düğme sade */ .s-nw2 #fields .input-group{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch} .s-nw2 #fields .input-group > .form-control{flex:1;min-width:0} .s-nw2 #fields .input-group-btn{display:flex} .s-nw2 #fields .input-group-btn .btn{width:52px;height:52px;min-height:0;padding:0;border-radius:14px!important;background:#0808080d!important;border:1px solid var(--s-box-line)!important;color:#ff6b6b!important;box-shadow:none!important} .s-nw2 #fields .input-group-btn .btn:hover{background:#ff6b6b1f!important} /* miktar alanı olmayan hizmetlerde (otomatik sipariş) toplam + düğme formun altında tam satır */ .s-nw__buy.is-solo{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--s-box-line)} /* Account: profil kartında para birimi seçici (ikincil düğme + koyu menü) */ .s-acc__cur .btn{display:inline-flex!important;align-items:center;gap:8px;height:44px;padding:0 16px!important;border-radius:12px!important;background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;color:var(--s-text)!important;font:600 14px var(--s-body);box-shadow:none!important} .s-acc__cur .btn::after{display:none!important} .s-acc__cur .btn > i:first-child{color:var(--s-lime)} .s-acc__cur .s-acc__chev{font-size:11px;color:var(--s-faint);transition:transform .2s} .s-acc__cur .btn[aria-expanded="true"] .s-acc__chev{transform:rotate(180deg)} .s-acc__cur .btn:hover{border-color:var(--s-line-2)!important} .s-acc__cur .dropdown-menu{min-width:150px;max-height:320px;overflow:auto;padding:6px;border-radius:14px;background:var(--s-box)!important;border:1px solid var(--s-box-line)!important;box-shadow:0 18px 40px -12px #0808083d} .s-acc__cur .dropdown-item{border-radius:10px;padding:8px 12px;color:var(--s-text)!important;font:600 13px var(--s-body);background:none} .s-acc__cur .dropdown-item:hover{background:#0808080f;color:var(--s-lime)!important} @media (max-width:767px){.s-acc__cur{margin-top:12px}.s-acc__cur .btn{width:100%;justify-content:center}} /* ===== geçmiş sayfaları (.s-hist): Refunds, Refill, Drip-feed, Subscriptions, Updates ===== */ .s-pp__head p{margin:6px 0 0;color:var(--s-muted);font-size:14.5px} .s-hist{display:grid;gap:14px} .s-hist__note{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,#0a84ff 9%,var(--s-box-in));border:1px solid color-mix(in srgb,#0a84ff 28%,transparent);color:#c9d6ee;font-size:13.5px;line-height:1.5} .s-hist__note i{color:#7cb8ff;margin-top:3px} .s-hist__bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:8px;border-radius:22px;background:var(--s-box);border:1px solid var(--s-box-line)} .s-hist__tabs{display:flex;flex-wrap:wrap;gap:6px;min-width:0} .s-hist__tabs a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid transparent;color:var(--s-muted);font:600 13.5px var(--s-body);text-decoration:none;transition:background .2s,color .2s,border-color .2s} .s-hist__tabs a:hover{color:var(--s-text);background:#08080808} .s-hist__tabs a i{font-size:12px} .s-hist__tabs a.is-on{background:color-mix(in srgb,var(--s-lime) 13%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 55%,transparent);color:var(--s-lime)} .s-hist__search{flex:1 1 220px;max-width:340px;display:flex;align-items:center;gap:10px;height:42px;margin:0;padding:0 14px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-hist__search:focus-within{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} .s-hist__search i{color:var(--s-faint);font-size:13px} .s-hist__search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--s-text);font:500 14px var(--s-body)} .s-hist__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px} .s-hx{display:grid;gap:10px;align-content:start;min-width:0;padding:16px;border-radius:22px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-hc__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .s-hc__id{font:700 13px var(--s-body);color:var(--s-lime);text-decoration:none} a.s-hc__id:hover{text-decoration:underline} .s-hc__top time{font-size:12.5px;color:var(--s-faint)} .s-hc__top .s-st{margin-left:auto} .s-hc__svc{margin:0;font:700 15px/1.35 var(--s-body);color:var(--s-text);overflow-wrap:anywhere} .s-hc__link{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 5px 5px 12px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);font-size:13px} .s-hc__link i{color:var(--s-faint);font-size:12px} .s-hc__link a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#080808e1;text-decoration:none} .s-hc__link a:hover{color:var(--s-text)} .s-hc__copy{flex:none;width:30px;height:30px;border-radius:9px;border:0;background:#0808080d;color:var(--s-muted);cursor:pointer;transition:background .2s,color .2s} .s-hc__copy:hover,.s-hc__copy.is-done{background:var(--s-lime);color:var(--s-lime-ink)} .s-hc__kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin:0} .s-hc__kv > div{min-width:0;padding:8px 10px;border-radius:12px;background:#08080806;border:1px solid #0808080d} .s-hc__kv dt{font:600 10.5px var(--s-body);color:var(--s-faint);text-transform:uppercase;letter-spacing:.05em} .s-hc__kv dd{margin:3px 0 0;font:700 14px var(--s-body);color:var(--s-text);overflow-wrap:anywhere} .s-hc__kv dd a{color:var(--s-lime);text-decoration:none} .s-hc__kv dd small{color:var(--s-faint);font-weight:500} .s-hc__amount{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--s-lime) 7%,var(--s-box-in));border:1px solid color-mix(in srgb,var(--s-lime) 22%,transparent)} .s-hc__amount small{color:var(--s-muted);font:600 12.5px var(--s-body)} .s-hc__amount b{font:800 24px var(--s-display);color:var(--s-lime)} .s-hc__act{display:flex;gap:8px;flex-wrap:wrap} .s-hc__act:empty{display:none} .s-hc__btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:600 13px var(--s-body);text-decoration:none;transition:border-color .2s,filter .2s} .s-hc__btn:hover{border-color:var(--s-line-2);color:var(--s-text)} .s-hc__btn.is-primary{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)} .s-hc__btn.is-primary:hover{filter:brightness(1.05);color:var(--s-lime-ink)} /* durum çipi: renk durum adından */ .s-st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font:700 11.5px var(--s-body);background:#0808080f;color:var(--s-muted);white-space:nowrap} .s-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor} .s-st[data-st*="complet"],.s-st[data-st*="enable"],.s-st[data-st*="decreas"],.s-st[data-st*="new"]{background:#30d1581f;color:#5fe08a} .s-st[data-st*="cancel"],.s-st[data-st*="reject"],.s-st[data-st*="error"],.s-st[data-st*="expire"],.s-st[data-st*="fail"],.s-st[data-st*="disable"]{background:#ff6b6b1f;color:#ff8f8f} .s-st[data-st*="partial"],.s-st[data-st*="increas"]{background:#ff9f0a1f;color:#ffc46b} .s-st[data-st*="progress"],.s-st[data-st*="active"],.s-st[data-st*="pending"],.s-st[data-st*="process"]{background:#0a84ff1f;color:#8fc4ff} /* boş durum */ .s-hist__empty{display:grid;justify-items:center;gap:8px;padding:48px 20px;border-radius:24px;background:var(--s-box);border:1px dashed var(--s-box-line);text-align:center} .s-hist__eico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));color:var(--s-lime);font-size:22px;margin-bottom:4px} .s-hist__empty b{font:700 18px var(--s-display);color:var(--s-text)} .s-hist__empty p{max-width:440px;margin:0 0 8px;color:var(--s-muted);font-size:14px;line-height:1.55} @media (max-width:767px){ .s-hist{padding:0 0 16px} .s-hist__bar{flex-direction:column;align-items:stretch;padding:6px;border-radius:18px} .s-hist__search{max-width:none} .s-hist__tabs a{height:34px;padding:0 12px;font-size:12.5px} } /* ===== destek: Tickets (.s-tk2) ve View ticket (.s-vt2) ===== */ .s-tk2 > .s-nb{margin-bottom:18px} .s-nb__sup{background-image:url(https://storage.perfectcdn.com/8x1jve/t41hmda3hp7kf7bc.png)!important} /* 724 bannerı */ .s-nb__tips{background-image:url(https://storage.perfectcdn.com/8x1jve/bb84qmyixfad8t9y.png)!important} .s-nb__sup p{max-width:58%;margin:12px 0 0;font-size:14px;color:#080808;line-height:1.55} .s-nb__sup p b,.s-nb__tips b{color:var(--s-lime)} .s-nb__tips ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;max-width:62%;font-size:13.5px;color:#080808} .s-nb__tips li{display:flex;gap:8px;align-items:flex-start} .s-nb__tips li::before{content:"✓";color:var(--s-lime);font-weight:800} .s-tk2__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start} .s-tk2__card{min-width:0;padding:18px;border-radius:24px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow)} .s-tk2__card h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 18px var(--s-display);color:var(--s-text)} .s-tk2__card h2 i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--s-lime) 12%,var(--s-box-in));color:var(--s-lime);font-size:13px} .s-tk2__topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px} .s-tk2__topics button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 13px var(--s-body);cursor:pointer;transition:border-color .2s,color .2s,background .2s} .s-tk2__topics button i{font-size:11.5px;color:var(--s-lime)} .s-tk2__topics button:hover{color:var(--s-text);border-color:var(--s-line-2)} .s-tk2__topics button.is-on{background:color-mix(in srgb,var(--s-lime) 13%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 55%,transparent);color:var(--s-lime)} .s-tk2__lbl{display:block;margin:0 0 6px;font:600 13px var(--s-body);color:var(--s-muted)} .s-tk2 #ticketsend .form-control{margin-bottom:12px;border-radius:14px;background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;color:var(--s-text)!important;padding:12px 14px;font:500 14.5px var(--s-body)} .s-tk2 #ticketsend textarea.form-control{min-height:140px;resize:vertical} .s-tk2 #ticketsend .form-control:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)!important;box-shadow:none} .s-tk2__up{margin-bottom:12px} .s-tk2 #ticketsend .btn-primary{width:100%;min-height:50px;border-radius:999px;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 15px var(--s-body)} .s-tk2__rows{display:grid;gap:6px} .s-tkr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto 14px;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);text-decoration:none;color:var(--s-muted);transition:border-color .2s,transform .2s} .s-tkr:hover{border-color:var(--s-line-2);transform:translateX(2px);color:var(--s-muted)} .s-tkr__id{font:700 12.5px var(--s-body);color:var(--s-lime)} .s-tkr__sub{color:var(--s-text);font:500 14px var(--s-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-tkr.is-new .s-tkr__sub{font-weight:700} .s-tkr.is-new .s-tkr__id::after{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--s-lime);vertical-align:middle} .s-tkr__time{font-size:12px;color:var(--s-faint);white-space:nowrap} .s-tkr__go{font-size:11px;color:var(--s-faint)} .s-st[data-st*="answer"]{background:#30d1581f;color:#5fe08a} .s-st[data-st*="closed"]{background:#0808080f;color:var(--s-muted)} .s-tk2__list .s-hist__empty{padding:32px 16px;background:var(--s-box-in)} /* View ticket */ .s-vt2__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px} .s-vt2__back{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-text);font:600 13.5px var(--s-body);text-decoration:none} .s-vt2__back:hover{border-color:var(--s-line-2);color:var(--s-text)} .s-vt2__title{display:flex;align-items:baseline;gap:10px;min-width:0} .s-vt2__title h1{margin:0;font:800 clamp(20px,2vw,26px)/1.2 var(--s-display);color:var(--s-text);overflow-wrap:anywhere} .s-vt2__title span{font:700 13px var(--s-body);color:var(--s-lime)} .s-vt2__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start} .s-chat{display:flex;flex-direction:column;min-width:0;border-radius:24px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow);overflow:hidden} .s-chat__log{display:flex;flex-direction:column;gap:14px;max-height:min(62vh,640px);min-height:220px;overflow-y:auto;padding:18px} .s-msg{display:flex;flex-direction:column;max-width:78%} .s-msg.is-me{align-self:flex-end;align-items:flex-end} .s-msg.is-sup{align-self:flex-start;flex-direction:row;gap:10px;align-items:flex-start} .s-msg__av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--s-lime);object-fit:cover} .s-msg__b{padding:11px 14px;border-radius:18px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap} .s-msg.is-me .s-msg__b{background:color-mix(in srgb,var(--s-lime) 16%,var(--s-box-in));border:1px solid color-mix(in srgb,var(--s-lime) 30%,transparent);color:var(--s-text);border-bottom-right-radius:6px} .s-msg.is-sup .s-msg__b{background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:#080808ee;border-bottom-left-radius:6px} .s-msg__meta{margin-top:5px;font-size:11.5px;color:var(--s-faint)} .s-msg__files{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;white-space:normal} .s-msg__files a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:#00000040;color:var(--s-text);font-size:12.5px;text-decoration:none} .s-msg__files a i{color:var(--s-lime)} .s-chat__form{margin:0;padding:12px;border-top:1px solid var(--s-box-line);background:#00000018} .s-chat__row{display:flex;align-items:flex-end;gap:8px} .s-chat__row textarea{flex:1;min-width:0;min-height:46px;max-height:180px;padding:12px 14px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:500 14.5px/1.45 var(--s-body);resize:none;outline:0} .s-chat__row textarea:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} .s-chat__row .tickets-uploader{flex:none} .s-chat__send{flex:none;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:14px;border:0;background:var(--s-lime);color:var(--s-lime-ink);font:700 14px var(--s-body);cursor:pointer} .s-chat__send:hover{filter:brightness(1.05)} .s-chat__hint{display:block;margin-top:6px;color:var(--s-faint);font-size:11.5px} .s-chat__closed{margin:0;padding:14px 18px;border-top:1px solid var(--s-box-line);color:var(--s-muted);font-size:14px} .s-chat__closed i{color:var(--s-faint);margin-right:8px} .s-chat__closed a{color:var(--s-lime)} .s-vt2__info dl{display:grid;gap:8px;margin:0 0 14px} .s-vt2__info dl > div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-vt2__info dt{color:var(--s-faint);font:600 12.5px var(--s-body)} .s-vt2__info dd{margin:0;color:var(--s-text);font:600 13px var(--s-body);text-align:right;overflow-wrap:anywhere} .s-vt2__team{display:flex;gap:12px;align-items:flex-start} .s-vt2__team img{flex:none;width:40px;height:40px;border-radius:50%;background:var(--s-lime)} .s-vt2__team b{color:var(--s-text);font:700 14px var(--s-body)} .s-vt2__team p{margin:4px 0 0;color:var(--s-muted);font-size:13px;line-height:1.5} @media (max-width:991.98px){.s-tk2__grid,.s-vt2__grid{grid-template-columns:1fr}.s-vt2__info{order:-1}} @media (max-width:767px){ .s-tk2,.s-vt2{padding:0 0 16px} .s-nb__sup p,.s-nb__tips ul{max-width:70%;font-size:12px;margin-top:8px;gap:3px} .s-tkr{grid-template-columns:auto minmax(0,1fr) auto;row-gap:4px} .s-tkr__time{grid-column:2}.s-tkr__go{display:none} .s-msg{max-width:90%} .s-chat__send span,.s-chat__hint{display:none} .s-chat__send{padding:0 15px} .s-vt2__info dl{grid-template-columns:repeat(3,minmax(0,1fr))}.s-vt2__info dl > div{display:block}.s-vt2__info dd{text-align:left;margin-top:2px} .s-vt2__team{display:none} } /* ===== Mass Order (.s-mo), Notifications (.s-nt), Child Panel (.s-cp) ===== */ .s-mo__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start} .s-mo__ed{min-height:300px;padding:14px!important;border-radius:16px!important;background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;color:var(--s-text)!important;font:500 13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;resize:vertical} .s-mo__ed:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)!important;box-shadow:none!important} .s-mo__stat{display:flex;align-items:center;gap:8px;margin:10px 0 14px;padding:10px 12px;border-radius:12px;background:#08080806;border:1px solid #0808080d;color:var(--s-muted);font-size:13px} .s-mo__stat.is-ok{background:#30d15814;border-color:#30d15840;color:#9eecb6} .s-mo__stat.is-ok i,.s-mo__stat.is-ok b{color:#5fe08a} .s-mo__stat.is-warn{background:#ff9f0a14;border-color:#ff9f0a40;color:#ffd59b} .s-mo__stat.is-warn i{color:#ffb547} .s-mo__go{width:100%;min-height:50px;border-radius:999px!important;background:var(--s-lime)!important;border:0!important;color:var(--s-lime-ink)!important;font:700 15px var(--s-body)!important} .s-mo__steps{margin:0 0 14px;padding-left:20px;display:grid;gap:6px;color:#080808e1;font-size:14px;line-height:1.5} .s-mo__steps a{color:var(--s-lime)} .s-mo__fmt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin-bottom:10px;padding:10px 10px 10px 12px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-mo__fmt small{grid-column:1/-1;color:var(--s-faint);font:600 11px var(--s-body);text-transform:uppercase;letter-spacing:.05em} .s-mo__fmt code{min-width:0;overflow-wrap:anywhere;color:var(--s-text);background:none;padding:0;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace} .s-mo__help .s-hist__note{margin-top:4px} /* Notifications */ .s-nt__cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px} .s-nt__cta p{margin:0 0 12px;color:var(--s-muted);font-size:14px;line-height:1.5} .s-nt__cta .hidden{display:none} .s-nt__head,.s-nt__row{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:88px;align-items:center;gap:8px} .s-nt__head{padding:0 12px 8px;color:var(--s-faint);font:600 11px var(--s-body);text-transform:uppercase;letter-spacing:.05em} .s-nt__head span:not(:first-child){text-align:center} .s-nt__row{padding:10px 12px;margin-bottom:6px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-nt__name{color:var(--s-text);font:600 14px var(--s-body)} .s-nt__sw{position:relative;justify-self:center;display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer} .s-nt__sw input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px} .s-nt__sw i{display:block;flex:none;width:40px;height:24px;border-radius:999px;background:#0808081a;position:relative;transition:background .2s} .s-nt__sw i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s} .s-nt__sw input:checked + i{background:var(--s-lime)} .s-nt__sw input:checked + i::after{transform:translateX(16px);background:var(--s-lime-ink)} .s-nt__sw input:focus-visible + i{outline:2px solid var(--s-lime);outline-offset:2px} .s-nt__sw input:disabled + i{opacity:.4;cursor:not-allowed} .s-nt__sw em{display:none;font-style:normal;color:var(--s-muted);font-size:12.5px} .s-nt__set .s-mo__go{margin-top:8px} /* Child panel */ .s-cp > .s-nb{margin-bottom:14px} .s-hist__bar:empty{display:none} /* bayi panelleri listesi (child_panel.twig) */ .s-cpl__al{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .s-cpl__dom{font:700 18px var(--s-head);letter-spacing:-.01em;word-break:break-all} .s-cpl .s-hc__id i{color:var(--s-lime);margin-right:4px} .s-cp__msg{margin-bottom:14px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--s-lime) 8%,var(--s-box-in));border:1px solid color-mix(in srgb,var(--s-lime) 30%,transparent);color:var(--s-text)} .s-cp__steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .s-cp__steps li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-text);font:600 13.5px var(--s-body)} .s-cp__steps b{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--s-lime);color:var(--s-lime-ink);font:800 13px var(--s-body)} .s-cp__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px;margin-bottom:12px} .s-cp__f.is-wide{grid-column:1/-1} .s-cp__f .s-tk2__lbl i{margin-right:6px;color:var(--s-lime);font-size:12px} .s-cp .form-control,.s-cp .form-select{height:48px;border-radius:14px!important;background-color:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;color:var(--s-text)!important;padding:0 14px;font:500 14.5px var(--s-body)} .s-cp .form-control:focus,.s-cp .form-select:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)!important;box-shadow:none!important} .s-cp__price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--s-lime) 7%,var(--s-box-in));border:1px solid color-mix(in srgb,var(--s-lime) 22%,transparent)} .s-cp__price span{color:var(--s-muted);font:600 13px var(--s-body)} .s-cp__price input{width:50%;min-width:0;text-align:right;background:none;border:0;outline:0;color:var(--s-lime);font:800 22px var(--s-display)} .s-cp__side{display:grid;gap:16px;min-width:0} .s-cp__ns p{margin:0 0 10px;color:var(--s-muted);font-size:13.5px} .s-cp__ns .s-hc__link{margin-bottom:8px} .s-cp__nsv{flex:1;min-width:0;color:var(--s-text);font:600 13.5px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere} .s-cp__ns .s-hc__btn{width:100%;margin-top:4px;gap:8px} .s-cp__q{border-top:1px solid var(--s-box-line)} .s-cp__q:first-of-type{border-top:0} .s-cp__q summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;list-style:none;cursor:pointer;color:var(--s-text);font:600 14px var(--s-body)} .s-cp__q summary::-webkit-details-marker{display:none} .s-cp__q summary i{color:var(--s-lime);font-size:12px;transition:transform .2s} .s-cp__q[open] summary i{transform:rotate(45deg)} .s-cp__q p{margin:0 2px 12px;color:var(--s-muted);font-size:13.5px;line-height:1.6} @media (max-width:991.98px){.s-mo__grid{grid-template-columns:1fr}} @media (max-width:767px){ .s-mo__ed{min-height:220px} .s-cp__steps{grid-template-columns:1fr;gap:6px} .s-cp__fields{grid-template-columns:1fr} .s-nt__head{display:none} .s-nt__row{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;gap:10px} .s-nt__sw{justify-self:start}.s-nt__sw em{display:inline} } /* panelin dosya ekleme düğmesi (tickets-uploader): paletle uyumlu ikincil düğme */ .s-tk2 .tickets-uploader button,.s-chat .tickets-uploader button,.s-tk2 #uploader-button,.s-chat #uploader-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px!important;background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important;color:var(--s-text)!important;font:600 13px var(--s-body)!important;box-shadow:none!important} .s-tk2 #uploader-button:hover,.s-chat #uploader-button:hover{border-color:var(--s-line-2)!important} .s-chat .tickets-uploader button{height:46px;padding:0 13px} /* mobil: arama kutusu sütunda boy almasın */ @media (max-width:767px){.s-hist__search{flex:none;height:42px}} /* ===== SMM panel provider sayfaları (.s-pv) — 2026-10-28 ===== */ .s-pv__ico{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--s-surface-2);border:1px solid var(--s-line-2);color:var(--c,var(--s-lime));font-size:19px} .s-pv__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 auto 22px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--s-surface);border:1px solid var(--s-line);font:600 14px var(--s-body);color:var(--s-muted)} .s-pv__eyebrow .s-pv__ico{width:30px;height:30px;border-radius:50%;font-size:14px} .s-pv__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px} .s-pv__facts{list-style:none;padding:0;margin:34px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;border:1px solid var(--s-line);border-radius:22px;background:var(--s-surface);overflow:hidden} .s-pv__facts li{padding:16px 10px;display:grid;gap:2px;border-left:1px solid var(--s-line)} .s-pv__facts li:first-child{border-left:0} .s-pv__facts b{font:800 24px/1.1 var(--s-display);color:var(--s-lime);letter-spacing:-.02em} .s-pv__facts span{font-size:13px;color:var(--s-muted)} .s-pv__svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px} .s-pv__svc{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--s-surface);border:1px solid var(--s-line);color:var(--s-text);text-decoration:none;transition:border-color var(--s-fast),transform var(--s-fast)} .s-pv__svc b{flex:1;min-width:0;font:700 15.5px/1.25 var(--s-display)} .s-pv__go{color:var(--s-faint);font-size:13px;transition:color var(--s-fast),transform var(--s-fast)} .s-pv__svc:hover{border-color:var(--s-line-2);transform:translateY(-2px)} .s-pv__svc:hover .s-pv__go{color:var(--s-lime);transform:translateX(3px)} .s-pv__whys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px} .s-pv__why{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:22px;background:var(--s-surface);border:1px solid var(--s-line);color:var(--s-text);text-decoration:none;transition:border-color var(--s-fast)} .s-pv__why > i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--s-lime-soft);color:var(--s-lime);font-size:17px;margin-bottom:6px} .s-pv__why b{font:700 18px/1.2 var(--s-display)} .s-pv__why p{margin:0;color:var(--s-muted);font-size:14.5px;flex:1} .s-pv__why span{margin-top:6px;font:600 14px var(--s-body);color:var(--s-lime)} .s-pv__why span i{font-size:11px;margin-left:4px;transition:transform var(--s-fast)} .s-pv__why:hover{border-color:var(--s-line-2)} .s-pv__why:hover span i{transform:translateX(3px)} .s-pv__prose{max-width:none} .s-pv__prose > p{max-width:72ch} .s-pv__prose strong{color:var(--s-text);font-weight:600} .s-pv__sec{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;margin-top:22px;padding:22px;border-radius:24px;background:var(--s-surface);border:1px solid var(--s-line);scroll-margin-top:calc(var(--s-header) + 20px)} .s-pv__sec img{width:150px;height:150px;object-fit:cover;border-radius:18px;background:var(--s-surface-2)} .s-pv__sec h3{margin:2px 0 10px} .s-pv__sec p{margin:0 0 12px} .s-pv__sec p:last-child{margin:0} @media (max-width:1023px){.s-pv__whys{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){ .s-pv__facts{grid-template-columns:repeat(2,minmax(0,1fr))} .s-pv__facts li:nth-child(3){border-left:0} .s-pv__facts li:nth-child(n+3){border-top:1px solid var(--s-line)} .s-pv__cta .s-btn{flex:1 1 100%;justify-content:center} .s-pv__whys{grid-template-columns:minmax(0,1fr)} .s-pv__sec{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px} .s-pv__sec img{width:72px;height:72px;border-radius:14px} .s-pv__eb2{display:none} .s-pv__svcs{gap:8px} .s-pv__svc{padding:10px 12px;gap:12px;border-radius:16px} .s-pv__svc b{font-size:14.5px} .s-pv__svc .s-pv__ico{width:36px;height:36px;border-radius:11px;font-size:16px} } /* ===== Earn Prizes (.s-ep) — 2026-10-28 ===== */ .s-ep .s-nb__tag{align-self:flex-start} .s-ep__h{margin:12px 0 6px;font:800 clamp(20px,2vw,26px)/1.15 var(--s-display);color:var(--s-text);letter-spacing:-.02em} .s-ep .s-nb p{margin:0;color:#080808cc} .s-ep__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start} .s-ep__col{display:grid;gap:18px;min-width:0} .s-ep__tasks{display:grid;gap:10px} .s-ep__task{border-radius:18px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);overflow:hidden} .s-ep__task[open]{border-color:var(--s-line-2)} .s-ep__task summary,.s-ep__pol summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px} .s-ep__task summary::-webkit-details-marker,.s-ep__pol summary::-webkit-details-marker{display:none} .s-ep__task summary{padding:12px 14px} .s-ep__tico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--s-surface-2);color:var(--s-lime);font-size:17px} .s-ep__tt{flex:1;min-width:0;display:grid} .s-ep__tt b{font:700 15.5px/1.25 var(--s-display);color:var(--s-text)} .s-ep__tt small{font-size:12.5px;color:var(--s-faint)} .s-ep__rw{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--s-lime-soft);color:var(--s-lime);font:700 13px var(--s-body)} .s-ep__chev{flex:none;color:var(--s-faint);font-size:12px;transition:transform var(--s-fast)} details[open] > summary .s-ep__chev{transform:rotate(180deg)} .s-ep__body{padding:2px 16px 16px 66px} .s-ep__body h4{margin:12px 0 8px;font:700 13px var(--s-body);letter-spacing:.04em;text-transform:uppercase;color:var(--s-muted)} .s-ep .s-ticks{display:grid;gap:7px;margin:0;padding:0;list-style:none} .s-ep .s-ticks li{display:flex;gap:10px;font-size:14px;color:#080808e1} .s-ep__claim{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .s-ep__claim b{display:block;font:700 17px var(--s-display);color:var(--s-text)} .s-ep__claim small{color:var(--s-muted);font-size:13.5px} .s-ep__pol h2{margin:0;flex:1} .s-ep__pol[open] summary{margin-bottom:14px} .s-ep__prizes{display:grid;grid-template-columns:1fr 1fr;gap:18px} .s-ep__amt{display:grid;gap:4px;padding:16px;border-radius:18px;background:radial-gradient(120% 100% at 100% 0%,#ff500024,transparent 60%),var(--s-box-in);border:1px solid var(--s-box-in-line)} .s-ep__amt span{font:600 13px var(--s-body);color:var(--s-muted)} .s-ep__amt b{font:800 34px/1 var(--s-display);color:var(--s-lime);letter-spacing:-.03em} .s-ep__amt small{font-size:14px;color:var(--s-muted);font-weight:600;letter-spacing:0} .s-ep__prize h3{margin:16px 0 10px;font:700 14px var(--s-body);color:var(--s-text)} .s-ep__win{display:grid;gap:8px;margin:0;padding:0;list-style:none} .s-ep__win li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);border-left:3px solid var(--m)} .s-ep__win li span{font-size:12.5px;color:var(--s-muted)} .s-ep__win li b{font:600 13.5px var(--s-body);color:var(--s-text);min-width:0;overflow:hidden;text-overflow:ellipsis} .s-ep__win .is-gold{--m:#ffc83d}.s-ep__win .is-silver{--m:#c3c9d8}.s-ep__win .is-bronze{--m:#d08a52} @media (max-width:1100px){.s-ep__grid{grid-template-columns:minmax(0,1fr)}} @media (max-width:640px){.s-ep__prizes{grid-template-columns:minmax(0,1fr)}.s-ep__body{padding:2px 14px 14px}.s-ep__claim .s-hc__btn{width:100%;justify-content:center}} /* ===== panel sayfa çerçevesi (giriş yapmış) — 2026-10-29 ===== Bütün giriş yapmış sayfalar tek kapta: içerik sidebar'dan ekranın sağ kenarına kadar uzanır, iki yanda eşit boşluk. Boşluklar yalnız buradaki değişkenlerle değişir; sayfa sınıfları kendi yatay boşluğunu vermez. İki aile: .app-content sayfaları (New Order, Orders, Add Funds, Account, Tickets, geçmiş sayfaları, Earn Prizes…) ve .s-embed içindeki .s-page.is-app sayfaları (Services, Affiliates, API, Blog, Terms, About). */ :root{--s-app-side:0px;--s-app-gap:24px;--s-app-top:80px;--s-app-bottom:96px} @media (min-width:1400px){:root{--s-app-side:260px;--s-app-gap:32px;--s-app-top:32px;--s-app-bottom:60px}} @media (max-width:767px){:root{--s-app-gap:14px;--s-app-top:76px}} .dashboard-root > .s-embed{padding:0} .dashboard-root .app-content.s-root,.dashboard-root > .s-embed .s-page.is-app{max-width:none;box-sizing:border-box;padding:var(--s-app-top) var(--s-app-gap) var(--s-app-bottom) calc(var(--s-app-side) + var(--s-app-gap))} .dashboard-root .app-content.s-root > .container-fluid,.dashboard-root .app-content.s-root > .container,.dashboard-root > .s-embed .s-page.is-app > .s-wrap{width:auto;max-width:none;margin-inline:0;padding-inline:0} .dashboard-root .s-page.is-app.s-page--narrow .s-prosecard,.dashboard-root .s-page.is-app .s-api,.dashboard-root .s-page.is-app .s-post{max-width:none} /* ===== giriş sayfası: Our Services dizini (.s-svcdir) — 2026-10-29 ===== */ .s-svcdir{position:relative;z-index:1;background:var(--s-bg)} .s-svcdir__grid{columns:4 250px;column-gap:16px} .s-svcdir__g{break-inside:avoid;margin:0 0 16px;padding:16px;border-radius:20px;background:var(--s-surface);border:1px solid var(--s-line)} .s-svcdir__h{display:flex;align-items:center;gap:10px;margin-bottom:10px} .s-svcdir__h .s-pv__ico{width:34px;height:34px;border-radius:11px;font-size:15px} .s-svcdir__h b{flex:1;font:700 16px var(--s-display);color:var(--s-text)} .s-svcdir__h small{min-width:24px;padding:2px 8px;border-radius:999px;background:var(--s-surface-2);color:var(--s-muted);font:600 12px var(--s-body);text-align:center} .s-svcdir ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .s-svcdir li a{display:inline-flex;padding:6px 11px;border-radius:999px;border:1px solid var(--s-line);color:var(--s-muted);font:500 13.5px/1.2 var(--s-body);text-decoration:none;transition:color var(--s-fast),border-color var(--s-fast),background var(--s-fast)} .s-svcdir li a:hover{color:var(--s-lime);border-color:color-mix(in srgb,var(--s-lime) 45%,transparent);background:var(--s-lime-soft)} @media (max-width:640px){.s-svcdir__grid{columns:1}.s-svcdir__g{padding:14px}} .s-embed .s-pv__prose p{margin:0 0 14px} /* Add Funds: sağ sütundaki sınıfsız sarmalayıcının .card-body dolgusu kartı 15px içeride ve aşağıda bırakıyordu */ .s-af .col-lg-6 > div[class=""] > .card-body{padding:0} .s-ep__claim .s-hc__btn{gap:8px;height:42px;padding:0 18px} /* ===== Services kartı (sade mod) — 2026-10-29: hizmet kimliği çipi (dokununca kopyalar), Order/Details simge düğmeleri ===== */ .s-svcp__id,.s-svcp__btn .s-btn > i{display:none} .s-svcp:not(.is-reseller) .s-svcp__btn{grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center} .s-svcp:not(.is-reseller) .s-svcp__id{display:inline-flex;align-items:center;gap:7px;justify-self:start;max-width:100%;height:32px;padding:0 11px;border-radius:10px;background:none;border:1px dashed var(--s-line-2);color:var(--s-muted);font:600 13px var(--s-body);font-variant-numeric:tabular-nums;cursor:pointer;transition:color .2s,border-color .2s} .s-svcp__id i{font-size:11px;color:var(--s-faint)} .s-svcp__id:hover,.s-svcp__id.is-done{color:var(--s-lime);border-color:color-mix(in srgb,var(--s-lime) 45%,transparent)} .s-svcp:not(.is-reseller) .s-svcp__btn .s-btn{width:40px;min-height:40px;height:40px;padding:0;border-radius:12px;font-size:15px} .s-svcp:not(.is-reseller) .s-svcp__btn .s-btn > i{display:block} .s-svcp:not(.is-reseller) .s-svcp__btn .s-btn > span{display:none} /* ===== ücretsiz deneme (landing "Try … free" penceresi, panel bildirimi) — 2026-10-29 ===== */ .s-freebtn__t{display:grid;text-align:left;line-height:1.2} .s-freebtn__t b{font:700 15px var(--s-body)} .s-freebtn__t small{font:500 12px var(--s-body);color:var(--s-muted)} .s-trial{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--s-line-2);border-radius:28px;background:var(--s-surface);color:var(--s-text);box-shadow:0 40px 120px -30px #0808084c;overflow:auto} .s-trial::backdrop{background:#000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .s-trial[open]{animation:fadeup .3s var(--s-ease) both} .s-trial__step{display:grid;gap:14px;padding:26px 24px 22px} .s-trial__step[hidden]{display:none} .s-trial__x{all:unset;position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#08080810;cursor:pointer;z-index:1} .s-trial__x::before,.s-trial__x::after{content:"";position:absolute;left:10px;top:16px;width:14px;height:2px;border-radius:2px;background:var(--s-muted);transform:rotate(45deg)} .s-trial__x::after{transform:rotate(-45deg)} .s-trial__head{display:flex;align-items:center;gap:14px;padding-right:36px} .s-trial__head .s-3d{--sz:52px;flex:none} .s-trial__eb{font:600 12px var(--s-body);letter-spacing:.04em;text-transform:uppercase;color:var(--s-lime)} .s-trial__h{margin:2px 0 0;font:800 24px/1.1 var(--s-display);letter-spacing:-.02em} .s-trial__perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .s-trial__perks li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--s-lime-soft);color:var(--s-lime);font:600 12.5px var(--s-body)} .s-trial__perks li::before{content:"✓";font-weight:800} .s-trial__lbl{font:600 13.5px var(--s-body);color:var(--s-muted);margin-bottom:-6px} .s-trial__field{position:relative} .s-trial__field input{width:100%;box-sizing:border-box;height:52px;padding:0 44px 0 16px;border-radius:16px;background:var(--s-bg);border:1px solid var(--s-line-2);color:var(--s-text);font:500 15.5px var(--s-body);outline:none;transition:border-color .2s} .s-trial__field input:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} .s-trial.is-ok .s-trial__field input{border-color:var(--s-success)} .s-trial.is-bad .s-trial__field input{border-color:color-mix(in srgb,var(--s-danger) 70%,transparent)} .s-trial__ok{position:absolute;right:14px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--s-success);opacity:0;transform:scale(.6);transition:.2s} .s-trial__ok::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:10px;border:solid #06210f;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)} .s-trial.is-ok .s-trial__ok{opacity:1;transform:none} .s-trial__hint{margin:-6px 0 0;font-size:13px;color:var(--s-faint)} .s-trial.is-ok .s-trial__hint{color:var(--s-success)}.s-trial.is-bad .s-trial__hint{color:var(--s-danger)} .s-trial [data-ft-next]:disabled{opacity:.45;cursor:not-allowed} .s-trial__fine{margin:0;text-align:center;font-size:12.5px;color:var(--s-faint)} .s-trial__sum{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--s-bg);border:1px solid var(--s-line)} .s-trial__sumico .s-3d{--sz:36px} .s-trial__sum > div{flex:1;min-width:0;display:grid} .s-trial__sum b{font:700 15px var(--s-body)} .s-trial__sum small{font-size:13px;color:var(--s-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-trial__edit{all:unset;cursor:pointer;color:var(--s-lime);font:600 13px var(--s-body)} .s-trial__how{list-style:none;margin:0;padding:0;display:grid;gap:10px} .s-trial__how li{display:flex;align-items:flex-start;gap:12px;font:600 14.5px/1.35 var(--s-body)} .s-trial__how li b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--s-surface-2);color:var(--s-lime);font:800 12.5px var(--s-body)} .s-trial__how small{display:block;font-weight:500;font-size:12.5px;color:var(--s-faint)} .s-trial__alt{text-align:center;color:var(--s-muted);font:600 14px var(--s-body);text-decoration:none} .s-trial__alt:hover{color:var(--s-text)} .s-trial__trust{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:12px;border-top:1px solid var(--s-line);font-size:13px;color:var(--s-muted)} .s-trial__trust b{color:var(--s-text)} .s-trial__trust .s-rate__faces img{width:26px;height:26px} .s-trial-note{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--s-lime-soft);border:1px solid color-mix(in srgb,var(--s-lime) 30%,transparent);color:var(--s-text);font-size:13.5px} .s-trial-note b{color:var(--s-lime)} .s-trial-toast{position:fixed;left:50%;bottom:24px;z-index:900;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;background:var(--s-surface);border:1px solid color-mix(in srgb,var(--s-lime) 40%,transparent);box-shadow:0 20px 50px -20px #0808084c;color:var(--s-text);text-decoration:none;animation:fadeup .4s var(--s-ease) both} .s-trial-toast > span:first-child{font-size:22px} .s-trial-toast b{display:block;font:700 14px var(--s-body)} .s-trial-toast small{color:var(--s-muted);font-size:12.5px} .s-trial-toast i{color:var(--s-lime)} @media (max-width:991px){.s-trial-toast{bottom:96px}} @media (max-width:520px){.s-trial{width:100%;max-width:100%;margin:auto 0 0;border-radius:28px 28px 0 0}.s-trial__step{padding:24px 18px 20px}.s-trial__h{font-size:21px}} .s-trial__check{justify-items:center;padding-top:34px;padding-bottom:30px} .s-trial__ring{position:relative;width:120px;height:120px} .s-trial__ring svg{width:100%;height:100%;transform:rotate(-90deg)} .s-trial__ring circle{fill:none;stroke:var(--s-surface-2);stroke-width:8} .s-trial__ring .s-trial__arc{stroke:var(--s-lime);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1s linear} .s-trial__ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 38px var(--s-display);color:var(--s-text)} .s-trial__check .s-trial__h{text-align:center} .s-trial__ticks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px;width:100%} .s-trial__ticks li{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:var(--s-bg);border:1px solid var(--s-line);color:var(--s-faint);font:600 14px var(--s-body);transition:color .3s,border-color .3s} .s-trial__ticks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--s-line-2);box-sizing:border-box} .s-trial__ticks li.is-on{color:var(--s-text)} .s-trial__ticks li.is-on::before{border-color:var(--s-lime);border-right-color:transparent;animation:s-trial-spin .8s linear infinite} .s-trial__ticks li.is-done{color:var(--s-text);border-color:color-mix(in srgb,var(--s-success) 35%,transparent)} .s-trial__ticks li.is-done::before{border:0;background:var(--s-success) center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' stroke='%2306210f' stroke-width='2.4' fill='none'/%3E%3C/svg%3E")} @keyframes s-trial-spin{to{transform:rotate(360deg)}} .s-trial__why{margin:-4px 0 0;padding:12px 14px;border-radius:14px;background:var(--s-warning-soft);border:1px solid color-mix(in srgb,var(--s-warning) 30%,transparent);color:#ffd9a0;font-size:13.5px;line-height:1.45} /* ===== Orders (orders.twig, .s-or2) — 2026-10-29: sıkı liste; masaüstünde tek satır/sipariş, mobilde küçük kart ===== */ .s-or2 .s-nb{margin:0 0 14px} .s-ol{display:grid;gap:0;border-radius:24px;background:var(--s-box);border:1px solid var(--s-box-line);box-shadow:var(--s-box-shadow);overflow:hidden} .s-ol__head,.s-ol__row{display:grid;grid-template-columns:112px minmax(0,1fr) 84px 150px 112px 214px;align-items:center;gap:14px;padding:12px 16px} .s-ol__head{padding-block:10px;background:var(--s-box-in);border-bottom:1px solid var(--s-box-line);font:700 10.5px var(--s-body);letter-spacing:.06em;text-transform:uppercase;color:var(--s-faint)} .s-ol__row + .s-ol__row{border-top:1px solid var(--s-box-line)} .s-ol__row:hover{background:#08080805} .s-ol__id{display:grid;gap:2px;min-width:0} .s-ol__no{justify-self:start;padding:0;border:0;background:none;font:700 13.5px var(--s-body);color:var(--s-lime);cursor:copy} .s-ol__no.is-done::after{content:" ✓"} .s-ol__id time{font-size:11.5px;color:var(--s-faint);white-space:nowrap} .s-ol__main{min-width:0;display:grid;gap:4px} .s-ol__svc{margin:0;font:600 14px/1.35 var(--s-body);color:var(--s-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-ol__meta{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px} .s-ol__sid{flex:none;padding:1px 7px;border-radius:7px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);text-decoration:none} .s-ol__sid:hover{color:var(--s-text)} .s-ol__link{display:flex;align-items:center;gap:6px;min-width:0;color:var(--s-muted);text-decoration:none} .s-ol__link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s-ol__link i{flex:none;font-size:11px;color:var(--s-faint)} .s-ol__link:hover{color:var(--s-text)} .s-ol__cp{flex:none;width:24px;height:24px;border-radius:7px;border:0;background:transparent;color:var(--s-faint);cursor:pointer} .s-ol__cp:hover,.s-ol__cp.is-done{background:var(--s-lime);color:var(--s-lime-ink)} .s-ol__charge{display:grid;gap:1px} .s-ol__charge small,.s-ol__nums small,.s-ol__start{font-size:11.5px;color:var(--s-faint)} .s-ol__charge small{display:none} .s-ol__charge b{font:700 15px var(--s-body);color:var(--s-text)} .s-ol__prog{display:grid;gap:5px;min-width:0} .s-ol__nums{display:flex;align-items:baseline;gap:4px;font:700 13.5px var(--s-body);color:var(--s-text)} .s-ol__bar{display:block;height:5px;border-radius:5px;background:var(--s-box-in);overflow:hidden} .s-ol__bar em{display:block;height:100%;width:0;border-radius:inherit;background:var(--s-muted);transition:width .6s var(--s-ease)} .s-ol__prog[data-st*="complet"] .s-ol__bar em{background:var(--s-lime)} .s-ol__prog[data-st*="partial"] .s-ol__bar em{background:#ffc46b} .s-ol__prog[data-st*="cancel"] .s-ol__bar em{background:#ff8f8f} .s-ol__prog[data-st*="progress"] .s-ol__bar em,.s-ol__prog[data-st*="process"] .s-ol__bar em,.s-ol__prog[data-st*="pending"] .s-ol__bar em{background:#8fc4ff} .s-ol__start{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-ol__act{display:flex;align-items:center;justify-content:flex-end;gap:6px} .s-ob{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:11px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:600 12.5px var(--s-body);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s} .s-ob i{font-size:12px} .s-ob:hover{border-color:var(--s-line-2);color:var(--s-text)} .s-ob.is-ico{width:34px;padding:0} .s-ob.is-lime{background:var(--s-lime-soft);border-color:color-mix(in srgb,var(--s-lime) 35%,transparent);color:var(--s-lime)} .s-ob.is-lime:hover{background:var(--s-lime);color:var(--s-lime-ink)} .s-ob.is-danger:hover{background:#ff6b6b1f;border-color:#ff6b6b55;color:#ff8f8f} .s-ob.is-off{opacity:.55;cursor:default} @media (max-width:1199px){ .s-ol__head,.s-ol__row{grid-template-columns:100px minmax(0,1fr) 74px 130px 104px 148px;gap:12px} .s-ob:not(.is-ico) span{display:none} .s-ob:not(.is-ico){width:34px;padding:0} } @media (max-width:899px){ .s-ol{background:none;border:0;box-shadow:none;border-radius:0;gap:10px;overflow:visible} .s-ol__head{display:none} .s-ol__row,.s-ol__row + .s-ol__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main st" "prog prog" "id charge" "act act";gap:10px 12px;padding:14px;border-radius:20px;background:var(--s-box);border:1px solid var(--s-box-line)} .s-ol__main{grid-area:main} .s-ol__svc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .s-ol__st{grid-area:st;align-self:start} .s-ol__prog{grid-area:prog} .s-ol__id{grid-area:id;display:flex;align-items:baseline;gap:8px} .s-ol__charge{grid-area:charge;display:flex;align-items:baseline;gap:6px;justify-self:end} .s-ol__charge small{display:inline} .s-ol__act{grid-area:act;justify-content:flex-start;padding-top:10px;border-top:1px solid var(--s-box-line)} .s-ol__act .s-ob.is-lime{flex:1} .s-ob:not(.is-ico){width:auto;padding:0 12px} .s-ob:not(.is-ico) span{display:inline} .s-ob{height:38px}.s-ob.is-ico{width:38px} } /* Report penceresi (Orders): neden düğmeleri + düzenlenebilir mesaj; tek pencere, sipariş numarası JS ile */ .s-rep{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--s-box-line);border-radius:26px;background:var(--s-surface);color:var(--s-text);box-shadow:0 40px 100px -30px #0808084c} .s-rep::backdrop{background:#000b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .s-rep[open]{animation:s-rep-in .25s var(--s-ease)} @keyframes s-rep-in{from{opacity:0;transform:translateY(12px) scale(.98)}} .s-rep__x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:12px;border:0;background:var(--s-box-in);color:var(--s-muted);cursor:pointer} .s-rep__x:hover{color:var(--s-text)} .s-rep__form{display:grid;gap:14px;padding:22px} .s-rep__head{display:flex;align-items:center;gap:12px;padding-right:40px} .s-rep__ico{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--s-lime-soft);color:var(--s-lime);font-size:18px} .s-rep__head h2{outline:0;margin:0;font:700 19px/1.2 var(--s-display)} .s-rep__head h2 b{color:var(--s-lime)} .s-rep__head p{margin:3px 0 0;font-size:12.5px;color:var(--s-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .s-rep__opts{margin:0;padding:0;border:0;min-width:0} .s-rep__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .s-rep__opts legend{margin:0 0 8px;padding:0;font:600 13px var(--s-body);color:var(--s-muted)} .s-rep__opt{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;margin:0;padding:10px 12px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);font:600 13.5px/1.25 var(--s-body);color:var(--s-text);cursor:pointer;transition:border-color .2s,background .2s} .s-rep__opt:last-child{grid-column:1/-1} .s-rep__opt input{position:absolute;opacity:0;pointer-events:none} .s-rep__opt i{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#0808080a;color:var(--s-muted);font-size:13px} .s-rep__opt:hover{border-color:var(--s-line-2)} .s-rep__opt:has(input:checked){background:color-mix(in srgb,var(--s-lime) 10%,var(--s-box-in));border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} .s-rep__opt:has(input:checked) i{background:var(--s-lime);color:var(--s-lime-ink)} .s-rep__opt:has(input:focus-visible){outline:2px solid var(--s-lime);outline-offset:2px} .s-rep__lbl{font:600 13px var(--s-body);color:var(--s-muted);margin:0} .s-rep__lbl small{color:var(--s-faint);font-weight:500} .s-rep textarea{width:100%;min-height:84px;padding:12px 14px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-text);font:500 14px/1.5 var(--s-body);resize:vertical;outline:0;margin-top:-8px} .s-rep textarea:focus{border-color:color-mix(in srgb,var(--s-lime) 55%,transparent)} .s-rep__send{gap:8px} .s-rep__msg{margin:0;padding:10px 12px;border-radius:12px;font-size:13.5px;background:#ff6b6b1f;color:#ff8f8f} .s-rep__msg.is-ok{background:var(--s-lime-soft);color:var(--s-lime)} .s-rep__done{justify-self:center;color:var(--s-lime);font:600 14px var(--s-body);text-decoration:none} @media (max-width:767px){.s-rep{margin:auto auto 0;width:100%;max-width:none;border-radius:24px 24px 0 0}.s-rep__form{padding:20px 16px calc(16px + env(safe-area-inset-bottom))}} /* Telegram uygulama içi (scene: tg-app): kanal/grup sohbeti açık, bildirimler üstten banner */ .s-gp--tga{background:#0e1621} .s-tga__bar{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .015) calc(var(--w) * .035) calc(var(--w) * .025);background:#17212b;border-bottom:1px solid #0b121a} .s-tga__back{display:flex;align-items:center;color:#5eb5f7} .s-tga__back i{font:600 calc(var(--w) * .03)/1 inherit;font-style:normal;background:#5eb5f7;color:#0e1621;border-radius:99px;padding:calc(var(--w) * .008) calc(var(--w) * .018)} .s-tga__ttl{flex:1;min-width:0;display:grid;text-align:center;line-height:1.2} .s-tga__ttl > b{font-size:calc(var(--w) * .043);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-tga__ttl small{font-size:calc(var(--w) * .033);color:#ffffff8c} .s-tga__ttl small .s-gp__num{font-weight:400} .s-gp .s-tga__ava{width:calc(var(--w) * .1);height:calc(var(--w) * .1);flex:none} .s-tga__pin{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .018) calc(var(--w) * .035);background:#17212b;border-bottom:1px solid #0b121a} .s-tga__pin > i{width:2px;align-self:stretch;background:#5eb5f7;border-radius:2px} .s-tga__pin span{display:grid;line-height:1.25;min-width:0} .s-tga__pin b{font-size:calc(var(--w) * .033);color:#5eb5f7} .s-tga__pin small{font-size:calc(var(--w) * .033);color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s-tga__chat{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--w) * .025);padding:calc(var(--w) * .03);overflow:hidden; background:radial-gradient(60% 40% at 20% 30%,#1d3a4f55,transparent),radial-gradient(50% 40% at 85% 75%,#28405a55,transparent),#0e1621} .s-tga__day{align-self:center;font-size:calc(var(--w) * .03);padding:calc(var(--w) * .008) calc(var(--w) * .025);border-radius:99px;background:#ffffff14;color:#ffffffcc} .s-tga__msg{background:#182533;border-radius:calc(var(--w) * .035) calc(var(--w) * .035) calc(var(--w) * .035) calc(var(--w) * .01);padding:calc(var(--w) * .02);max-width:94%;text-align:left} .s-tga__msg p{margin:0 0 calc(var(--w) * .012);padding:0 calc(var(--w) * .01);font-size:calc(var(--w) * .037);line-height:1.35} .s-tga__from{display:block;font-size:calc(var(--w) * .034);padding:0 calc(var(--w) * .01) calc(var(--w) * .008)} .s-tga__card{position:relative;border-radius:calc(var(--w) * .025);overflow:hidden;background:linear-gradient(160deg,#16283a,#0f1c29);margin-bottom:calc(var(--w) * .015)} .s-tga__chart{width:100%!important;height:calc(var(--w) * .2)!important} .s-tga__card span{position:absolute;left:calc(var(--w) * .02);top:calc(var(--w) * .015);font-size:calc(var(--w) * .03);color:#ffffffb3} .s-tga__meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--w) * .012);padding:0 calc(var(--w) * .005)} .s-tga__meta time{margin-left:auto;display:flex;align-items:center;gap:calc(var(--w) * .01);font-size:calc(var(--w) * .03);color:#ffffff80;white-space:nowrap} .s-tga__meta time b{font-weight:400} .s-tga__meta time svg{width:calc(var(--w) * .036);height:calc(var(--w) * .036)} .s-tga__fw{display:flex;align-items:center;gap:calc(var(--w) * .008);margin-right:calc(var(--w) * .015)} .s-tga__r{display:inline-flex;align-items:center;gap:3px;font-size:calc(var(--w) * .031);padding:calc(var(--w) * .006) calc(var(--w) * .018);border-radius:99px;background:#2b5278;color:#fff} .s-tga__r b{font-weight:600} .s-tga__r.is-mine{background:#5eb5f7;color:#0e1621} .s-tga__poll{margin:0 calc(var(--w) * .01) calc(var(--w) * .015);display:grid;gap:calc(var(--w) * .012)} .s-tga__poll > b{font-size:calc(var(--w) * .037)} .s-tga__poll > small{font-size:calc(var(--w) * .03);color:#ffffff80} .s-tga__opt{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--w) * .02);font-size:calc(var(--w) * .034);align-items:center} .s-tga__opt span{font-weight:600;min-width:2.6em} .s-tga__opt b{font-weight:400} .s-tga__opt i{grid-column:2;height:3px;border-radius:3px;background:#5eb5f7;width:var(--v);margin-top:3px} .s-tga__votes{text-align:center} .s-tga__cm{display:flex;align-items:center;gap:calc(var(--w) * .02);margin:calc(var(--w) * .015) calc(var(--w) * -.02) calc(var(--w) * -.02);padding:calc(var(--w) * .02) calc(var(--w) * .03);border-top:1px solid #ffffff12;font-size:calc(var(--w) * .035);color:#5eb5f7} .s-tga__cm b{font-weight:600} .s-tga__cmav{display:flex} .s-tga__cmav i{width:calc(var(--w) * .05);height:calc(var(--w) * .05);border-radius:50%;border:2px solid #182533;margin-left:calc(var(--w) * -.018)} .s-tga__cmav i:first-child{margin-left:0;background:#f5a742}.s-tga__cmav i:nth-child(2){background:#7ad36b}.s-tga__cmav i:nth-child(3){background:#c084fc} .s-tga__go{margin-left:auto;font-size:calc(var(--w) * .05);line-height:1} .s-tga__mute{padding:calc(var(--w) * .03) 0 calc(var(--w) * .07);text-align:center;background:#17212b;color:#5eb5f7;font-weight:600;font-size:calc(var(--w) * .04)} .s-tga__in{display:flex;align-items:center;gap:calc(var(--w) * .025);padding:calc(var(--w) * .02) calc(var(--w) * .03) calc(var(--w) * .065);background:#17212b;color:#ffffff80} .s-tga__in i{flex:1;font-style:normal;padding:calc(var(--w) * .018) calc(var(--w) * .03);border-radius:99px;background:#0e1621;font-size:calc(var(--w) * .037)} .s-rain.is-pulse .s-tga__msg.is-last{animation:s-tgabump .6s cubic-bezier(.3,1.4,.5,1)} @keyframes s-tgabump{40%{transform:scale(1.025)}} .s-gp--tga .s-push{top:calc(var(--w) * .42)} .s-tga__news{display:grid;gap:calc(var(--w) * .01);padding:calc(var(--w) * .035);min-height:calc(var(--w) * .26);background:linear-gradient(135deg,#2b5278,#1b3a57 60%,#16283a)} .s-tga__card.s-tga__news span{position:static;font:700 calc(var(--w) * .026)/1 inherit;letter-spacing:.12em;color:#9fd2ff} .s-tga__news b{font-size:calc(var(--w) * .045);line-height:1.2;max-width:78%} .s-tga__news i{position:absolute;right:calc(var(--w) * .03);bottom:calc(var(--w) * .02);font-style:normal;font-size:calc(var(--w) * .1)} /* PageSpeed: width/height öznitelikleri yalnız oran verir; özgüllüğü 0, her sınıf kuralı bunu ezer */ :where(img[height]){height:auto} /* ---- 724 açık tema (tools/renk_724.py) ---- */ :root{--s-bg:#ffffff;--s-surface:#f7f8fa;--s-surface-2:#f1f3f6;--s-surface-3:#e8ebf0;--s-line:#e5e7e9;--s-line-2:#d5d9de;--s-text:#080808;--s-muted:#08080896;--s-faint:#9ba3ab;--s-lime-ink:#ffffff;--s-lime-soft:#ff500014;--s-blue:#1f7ae0;--s-success:#1fa855;--s-warning:#e08a00;--s-danger:#e5384a;--s-shadow:0 24px 60px -30px #08080838;--s-box:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%);--s-box-line:#e5e7e9;--s-box-shadow:0 1px 2px #0808080a,0 24px 48px -30px #08080830;--s-box-in:#f6f7f9;--s-box-in-line:#0808080f;--p-bg:#f6f7f9;--p-side:#ffffff;--p-card:#ffffff;--p-card-2:#f6f7f9;--p-line:#e5e7e9;--p-line-2:#d5d9de;--p-text:#080808;--p-muted:#08080896;--p-faint:#9ba3ab;--p-lime-ink:#ffffff;--s-c-violet:#f1ecff;--s-c-green:#e8f7ee;--s-c-pink:#fdecf3;--s-c-orange:#fff0e6;--s-c-blue:#e8f1fe;--s-graphite:linear-gradient(165deg,#ffffff 0%,#f9fafb 55%,#f4f5f7 100%)} .s-ip,.s-lock,.s-gp,.s-igp,.s-ttp,.s-tga,.s-note,.s-reel,.s-strip,.s-strips,.s-video,.s-video2,.s-minivid,.s-play,.s-face{--s-bg:#14151b;--s-surface:#1b1c23;--s-surface-2:#23242e;--s-surface-3:#2c2d38;--s-line:#2a2b34;--s-line-2:#383a45;--s-text:#f4f6fb;--s-muted:#9aa1b5;--s-faint:#6b7287;--s-box:linear-gradient(180deg,#23242e 0%,#1b1c23 100%);--s-box-line:#ffffff12;--s-box-shadow:inset 0 1px 0 #ffffff0d,0 30px 60px -34px #000000e6;--s-box-in:#14151b;--s-box-in-line:#ffffff0c;color:var(--s-text)} .s-cta .s-h2,.s-cta .s-chip{color:var(--s-text)} .s-cta .s-chip{background:var(--s-surface-2)} /* 724: şartlar metni başlıklı paragraflar (ortak .s-embed p boşluğu sıfırlıyor) */ .s-embed .s-terms p{margin:0 0 14px} .s-terms h2{font-size:clamp(22px,2.6vw,28px);margin:30px 0 12px} .s-terms h2:first-of-type{margin-top:0} .s-savepill [data-pct]::before{content:"%"} /* 724: Türkçede yüzde işareti sayıdan önce, araya boşluk girmeden */ /* 724: footer'daki site geneli servis paneli (77 Türkçe hizmet sayfası, platform sekmeli; SEO iç link) */ .s-ft__links{margin:0 0 48px} .s-ft__links .s-linkpanel__title{margin:0 0 14px;font:800 20px var(--s-display)} .s-ft__links .s-tab{white-space:nowrap} /* ---- panel içine gömme: eski temanın etkisini sınırla ---- */ .s-embed{--s-header:var(--pp-header,101px)} .s-embed.is-fixedhdr{padding-top:var(--s-header)} /* misafir header: dil seçici */ .s-lang{position:relative} .s-lang summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--s-line-2);font:600 13px var(--s-body);color:var(--s-muted)} .s-lang summary::-webkit-details-marker{display:none} .s-lang ul{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;min-width:150px;background:var(--s-surface);border:1px solid var(--s-line);border-radius:14px;z-index:40;box-shadow:0 20px 40px -20px #000} .s-lang a{display:block;padding:8px 10px;border-radius:8px;color:var(--s-text);font-size:14px} .s-lang a:hover,.s-lang a[aria-current]{background:var(--s-surface-2)} @media (max-width:859px){.s-lang{display:none}} .s-embed main{display:block} .s-embed p{margin-bottom:0} .s-linkbtn{all:unset;cursor:pointer;color:var(--s-lime);font-weight:600} /* ===== SMM.IST V2 END ===== */