@charset "UTF-8";
/* 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 */
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-SemiBold.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-SemiBold.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Regular.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Regular.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Thin.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-ThicccAF.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-ThicccAF.woff")
      format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-ExtraBold.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-ExtraBold.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Medium.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "THICCCBOI";
  src:
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Light.woff2")
      format("woff2"),
    url("https://cdn.jsdelivr.net/gh/nikossmirnov/font-hosting/THICCCBOI-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* =============================================================================
   Design System - CSS Custom Properties
   ============================================================================= */
:root{
  /* Colors
     ========================================================================= */

     --bg_secondary: #222737;
  --font: "THICCCBOI";
  
  /* Primary Brand Colors */
  --color-primary: #ccff00;
  --color-primary-dark: #8fb302;
  --color-primary-light: #ccff0020;
  --color-primary-alpha-20: #ccff0020;
  --color-primary-alpha-50: #ccff0080;
  --color-primary-alpha-70: #ccff00b3;
  --color-primary-shadow: #ccff007d;
  
  /* 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: #fff;
}
body{
  background-color: #1b1e2b;
  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: #fff !important;
}
.s-color{
  color: #a5a5a5 !important;
}
.i-color{
  color: #ccff00 !important;
}
.w-color{
  color: #ccff00 !important;
}
/* Base Component Styles */
.alert{
  font-weight: 500;
  border: none;
  outline: none;
  border-radius: 15px !important;
}
/* Container Styles */
.container{
  max-width: 1200px;
}
/* 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: 14px 20px;
}
.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:hover{
  color: #fff;
}
.btn.btn-primary{
  background: #ccff00;
  border-radius: 15px;
  color: black;
}
.btn.btn-primary:hover{
  box-shadow: 0px 0px 5px #ccff00;
}
.btn.btn-primary.btn-border{
  border: 1px solid #ccff00;
  box-shadow: none;
  color: #000;
}
.btn.btn-primary:focus,.btn.btn-primary:active{
  box-shadow: 0 0 0 0.25rem #ccff007d;
}
.btn.btn-default{
  background: #ee5b5b;
  border-radius: 15px;
  color: black;
  margin-right: 10px;
}
.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: #ccff00;
  box-shadow: 0px 0px 5px #ccff00;
  border-radius: 78px;
  color: black;
}
.btn.btn-secondary:hover{
  background: #ccff00d1;
}
.btn.btn-secondary.btn-border{
  background: #ccff00;
  border: 3px solid #ccff00;
  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: #ccff00d1;
  color: black;
}
.btn.btn-secondary:focus,.btn.btn-secondary:active{
  box-shadow: 0 0 0 0.15rem #ccff00;
}
.btn .icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Link Styles */
a{
  color: #ccff00;
  text-decoration: none;
  transition: 0.14s ease;
}
a:hover{
  color: #8fb302;
}
/* Card Styles */
.card{
    background: linear-gradient(180deg, #212937, #1c1e2b);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .4);
}
@media (max-width: 991px){.card{
      padding: 0px;
    }}
.card-border{
  border: 1px solid rgb(255 255 255 / 7%);
}
.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;
    /* line-height: 18px; */
    padding: 10px 25px 10px 20px;
  background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
    color: #fff;
}
.form-control:read-only{
  background: #3f4b62;
  border: 1px solid #38445d;
}
.form-control:focus,.form-select:focus{
  outline: none;
  background: #191b27;
  border: 1px solid rgba(255, 255, 255, .06);
  color: #fff;
}
.form-control:disabled,.form-select:disabled{
  background: #2e384c;
  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%;
  border-bottom: 1px solid #23252e;
  z-index: 1030;
  transition: 0.14s ease;
}
.header.fixed{
  background-color: #222737;
}
@media (min-width: 992px){.header.fixed{
    background-color: rgba(34, 39, 55, 0.5) !important;
    backdrop-filter: blur(30px);
  }}
/* Bottom Menu Styles */
.b-menu-wrapper{
  display: block;
  position: fixed;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  background: #252c3b;
  /* border: 1px solid #2a3f4e; */
  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;
}
.b-menu-wrapper.active{
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 992px){.b-menu-wrapper{
    display: block;
    bottom: inherit;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    padding: 0;
    width: 100%;
    transform: none;
    overflow: inherit;
    opacity: 1 !important;
  }}
/* Small Header Styles */
/* Menu Button Styles */
/* Bottom Menu Close Button Styles */
/* Header Right Buttons Styles */
/* Navigation Menu Styles */
/* =========================
   Home Page Specific Styles
   ========================= */
/* Reset Password Page Specific Styles */
/* Home Head Styles */
/* Home Login Styles */
/* Home Input Styles */
/* --------------------------
   Home Section Title Styles
   -------------------------- */
/* Home Section Styles */
/*  -----------------------------
Home Card Styles (card-hobo) STARTS
--------------------------------- */
/*  -----------------------------
Home Card Styles (card-hobo) ENDS
--------------------------------- */
/* -------------------------
   SIGN IN NEW DESIGN STARTS
   ------------------------- */
/* OPTIMIZE IMAGE SIZES FOR PERFORMANCE */
/* HERO SECTION IMAGE OPTIMIZATION */
/* 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;
		}}
/* GOOGLE SIGN-IN BUTTON STYLING */
.form-check-input{
		background-color: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.3);
	}
.form-check-input:checked{
		background-color: #007bff;
		border-color: #007bff;
	}
/* CELEBRITY TESTIMONIAL SECTION STYLING */
/* Celebrity Profile Section */
/* Social Media Icons */
/* Specific social media colors on hover */
/* Celebrity Image Wrapper */
/* Responsive Adjustments */
/* -------------------------
  Celebrity / Testimonials
  ----------------------------*/
/* --------------------
	 SIGN IN STARS SECTION 
	---------------------- */
/* ---------------------------
	 SIGN IN TUTORIAL BOX SECTION 
	 ------------------------------ */
/*
	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 
	--------------------------------- */
/* =========================
   HOW TO USE STEPS
   ========================= */
/* subtitle */
/* LEFT COLUMN */
/* STEP CARD */
/* timeline offset */
/* hover */
/* NUMBER */
/* TEXT */
/* IMAGE */
/* RIGHT SIDE */
/* VIDEO */
/* -------------------------
   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: 50px;
  height: 50px;
  background-color: #ccff0061;
  border-radius: 15px;
  color: #ccff00;
  font-size: 28px;
  outline: none;
  border: none;
  transition: 0.14s ease;
}
@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: -48px;
}
.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: linear-gradient(180deg, #212937, #1c1e2b);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .4);
}
.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{
    background: #2485ea !important;
    border-radius: 78px !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 17px !important;
    height: 48px !important;
    box-shadow: 0px 0px 5px #2485ea;
}
.special-link-neworder:hover{
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
}
.special-link-addfunds{
    background: #ccff00 !important;
    border-radius: 78px !important;
    justify-content: center !important;
    color: #000 !important;
    font-size: 17px !important;
    height: 48px !important;
    box-shadow: 0px 0px 5px #ccff00;
}
.special-link-addfunds:hover{
    box-shadow: 4px 4px 50px 0px #FFFFFF80 inset;
    }
.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;
        backdrop-filter: blur(16px);
        background: linear-gradient(135deg, rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
        backdrop-filter: blur(16px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    }
/* Left Icon Badge */
.sidebar-balance-wrapper .icon{
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0 14px;
        min-height: 42px;
        background: linear-gradient(
            135deg,
            #ccff00,
            #b7e600
        ); 
        border-radius: 999px;
    }
.sidebar-balance-wrapper .icon i{
        font-size: 18px;
        font-weight: 600;
        color: #0b0e14;
    }
.sidebar-balance-wrapper .icon span{
        font-size: 13px;
        font-weight: 600;
        color: #0b0e14;
    }
/* 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: #ffffff;
        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 14px;
    background: linear-gradient(135deg,rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
    border-radius: 999px;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    transition: all 0.25s ease;
    cursor: pointer;
}
/* Hover Effect */
.sidebar-account-wrapper:hover{
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 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 rgba(255, 255, 255, 0.15);
    background: #111;
}
/* 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: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Settings Icon */
.sidebar-account-wrapper .content i{
    font-size: 16px;
    color: rgba(255, 255, 255, 0.55);
    transition: all 0.25s ease;
}
/* Icon Hover */
.sidebar-account-wrapper:hover .content i{
    color: #ffffff;
    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: #fff !important;
    background: linear-gradient(135deg, rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
    border-radius: 999px;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.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: #ccff00;
    background: linear-gradient(135deg, rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
    border-radius: 999px;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.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{
    background: linear-gradient(135deg, rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
    border-radius: 999px;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.sidebar-menu .s-menu-link .icon{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
}
.sidebar-menu .s-menu-link .text{
  font-weight: 600;
}
/* 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: #313B4F;
    border-radius: 78px;
    color: #fff;
}
/* ------------------------------
   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: #252c3b;
  border-color: #313949;
}
.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: #ccff00;
  color: black;
}
.d-dropdown .btn .title{
  font-size: 15px;
  color: #ffffff;
  align-items: center;
  gap: 6px;
  text-align: left;
  color: #ccff00;
}
.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: #252c3b;
  border: 1px solid #313949;
  border-radius: 15px;
  padding: 10px 0;
}
.dropdown-menu .dropdown-item{
  color: #fff;
  padding: 6px 24px;
}
.dropdown-menu .dropdown-item:hover{
  background-color: rgba(255, 255, 255, 0.1);
}
/* ---------------------------------------------
   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;
}
.d-icon.i-info{
    box-shadow: 0px 4px 16px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px #ccff00;
}
.d-icon.i-secondary{
    box-shadow: 0px 4px 16px rgb(37 23 51 / 32%), inset 0px 1px 0px rgb(255 255 255 / 20%), inset 0px 6px 30px #ccff00;
}
.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/4553qi/ziw73jo6tmcmz4co.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: #1b1d2a url(https://storage.perfectcdn.com/4553qi/aqc9fl6qhri5od26.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: #12151b54;
    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: #12151b;
  }
.card-new-order-levels .stat-title{
    font-size: 12px;
    opacity: .7;
    margin-bottom: 6px;
  }
.card-new-order-levels .stat-value{
    font-size: 22px;
    font-weight: 800;
  }
.card-new-order-levels .motivation-bar{
    margin-bottom: 0px;
}
.card-new-order-levels .motivation-text{
    font-size: 14px;
    margin-bottom: 8px;
    opacity: .9;
  }
.card-new-order-levels .motivation-track{
    height: 14px;
    background: #1a1d24;
    border-radius: 20px;
    overflow: hidden;
  }
.card-new-order-levels .motivation-fill{
    height: 100%;
    background: linear-gradient(90deg, #2f6aff, #ccff00);
    box-shadow: 0 0 15px rgba(204,255,0,.6);
    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 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%);
    border-radius: 15px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #ffffff;
    outline: none;
    transition: 0.14s ease;
    cursor: pointer;
}
.d-cat-btn.active{
  background-color: #ccff00;
  color: black !important;
  border-color: #ccff00;
}
.d-cat-btn:hover{
  background-color: #ccff00;
  color: black;
}
.d-cat-btn .text{
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.d-cat-btn .icon{
  font-size: 24px;
}
#new-order-cats .swiper-slide{
  width: auto;
}
.imgResizer{
    width: 33px;
  }
#iconResizer{
    font-size: 28px;
  }
/* ------------------------------------------
   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-results__option a{
    color: #fff !important;
}
/* Select2 Icon Support */
.select2-container--default .select2-results__option{
    background: #2e384c;
    border: 1px solid #38445d;
}
.select2-container--default .select2-results__option--highlighted{
    background: #2e384c;
    border: 1px solid #38445d;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.search-dropdown .input-wrapper .input-wrapper__prepend{
    color: #ccff00;
}
.select2-dropdown{
    background: #2e384c;
    border: 1px solid #38445d;
    border-radius: 0 0 15px 15px;
}
.select2-results > div{
    max-height: 300px;
    overflow-y: auto;
}
.select2-results > div::-webkit-scrollbar{
    width: 6px;
}
.select2-results > div::-webkit-scrollbar-track{
    background: #2e384c;
    border-radius: 3px;
}
.select2-results > div::-webkit-scrollbar-thumb{
    background: #ccff00;
    border-radius: 3px;
}
.select2-results > div::-webkit-scrollbar-thumb:hover{
    background: #b8ff00;
}
/* Icon styling in Select2 options */
.select2-results__option i,.select2-selection__rendered i{
    width: 16px;
    height: 16px;
    font-size: 14px;
    color: #ccff00;
    margin-right: 8px;
}
/* Special handling for TikTok icon */
.select2-results__option .fa-tiktok,.select2-selection__rendered .fa-tiktok{
    background: #ffffff;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-shadow: 1px 1px 7px #ffffff85;
    color: #FFF;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
}
/* Focus states */
.select2-container--default.select2-container--focus .select2-selection--single{
    border-color: #ccff00;
    box-shadow: 0 0 0 0.25rem rgba(204, 255, 0, 0.25);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background-color: #2e384c;
    border: 1px solid #38445d;
    border-radius: 10px;
    color: #fff;
    padding: 8px 12px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    border-color: #ccff00;
    outline: none;
}
/* -------------------------------------
   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: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 16px 10px 10px;
    margin-bottom: 20px;
    gap: 10px;
    background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
}
@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: 600;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    padding: 0px 15px 20px 15px;
}
@media (max-width: 992px){.no-serds .no-ser-box.long-text{
    padding: 0 15px 15px 15px;
    font-size: 13px;
    line-height: normal;
  }}
.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: #ffffff;
  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;
  color: #ffffff;
  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: #fff !important;
    margin-bottom: .5rem;
}
.submit-btn{
    display: flex;
    gap: 10px;
    width: 100%;
    background: #2485ea !important;
    border-radius: 78px !important;
    justify-content: center;
    color: #ffffff !important;
    font-size: 17px !important;
    box-shadow: 0px 0px 5px #2485ea;
    align-items: center;
}
.charge-btn-wrapper{
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 78px !important;
    justify-content: left !important;
    color: #ffffff !important;
    padding: 6px;
    background: linear-gradient(135deg, rgba(49, 59, 79, 0.9), rgba(28, 34, 48, 0.9));
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.charge-btn-wrapper .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccff00;
    border-radius: 78px;
    min-height: 44px;
    gap: 8px;
    padding: 0 20px;
}
.charge-btn-wrapper .icon i{
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.charge-btn-wrapper .icon span{
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.charge-btn-wrapper .content{
    display: flex;
    justify-content: center;
    width: -webkit-fill-available;
}
.charge-btn-wrapper .content span{
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.live-order-box{
display: flex;
width: fit-content;
align-items: center;
gap: 15px;
padding: 12px 20px;
background: #0c1520;
border-radius: 999px;
font-size: 13px;
color: #9ba3ab;
white-space: nowrap;
justify-content: center;
margin-top: 15px;
}
/* Canlı Nokta */
.live-dot{
  position: relative;
  width: 10px;
  height: 10px;
  background: #b6ff00;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(182,255,0,.9);
}
/* Yayılıp kaybolan halka */
.live-dot::after{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(182,255,0,.5);
  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: #fff;
  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: #b6ff00;
  background: rgba(182,255,0,.12);
  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: #b6ff00;
}
.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;
  }
.stat-box:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .75), inset 0 0 0 1px rgba(255, 255, 255, .08);
  }
.stat-title{
    font-size: 12px;
    opacity: .7;
    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, #ccff00);
    box-shadow: 0 0 15px rgba(204,255,0,.6);
    transition: width .4s ease;
  }
/* =====================
   NEW ORDER PAGE FINISH
   ===================== */
/* ====================
   SERVICES PAGE STARTS
   ==================== */
/* Favorites star styling */
/* Active state */
[data-fav-state="true"]::before{
    color: #ccff00 !important;
    text-shadow: 0 0 4px #ccff0054 !important;
    transform: scale(1.1) !important;
	}
/* Hover states */
[data-fav-state="false"]:hover::before{
		color: #ccff00 !important;
		transform: scale(1.1) !important;
	}
[data-fav-state="true"]:hover::before{
		color: #ccff00 !important;
		transform: scale(1.15) !important;
		text-shadow: 0 0 4px #ccff0054 !important;
	}
/* Mobile: Simple inline heart like other icons */
@media(max-width: 768px){[data-fav-state="true"]::before{
			color: #ccff00 !important;
			text-shadow: 0 0 4px #ccff0054 !important;
		}}
/* Service title wrapper for proper star + icon + title alignment */
/* 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 */
/* Hide any duplicate favorites as backup protection */
/* 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 [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: #ffffff;
    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;
}
.service-item{
    padding: 10px 15px;
    background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 15px;
    margin-bottom: 15px;
}
@media (min-width: 992px){.service-item{
    padding: 0;
    background-color: transparent;
    border: none;
  }}
@media (max-width: 992px){.service-item .s-row{
    flex-wrap: wrap;
    align-items: center;
  }}
.service-item + .service-item{
  border-top: 1px solid #2a3f4e;
}
.sp-serv-title{
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}
/* 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: #252c3b;
    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-service-id{
    background: #ccff00;
    border-radius: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: black;
    padding: 14px 22px;
    display: inline-block;
    margin-bottom: 22px;
  }
.sp-modal-body-card{
    margin-bottom: 0px;
  }
.services-nothing-found{
  display: none;
}
.services-nothing-found.show{
  display: block;
}
.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: #ccff00;
	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: #ccff00 transparent;
}
/* Modal body container */
/* 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: 150px; /* 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: #fff;
	margin: 10px 0;
}
.sp-modal-link{
	background: #ccff00;
	color: #000 !important;
	border: none;
	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{
	background: #b8ff00;
	color: #000 !important;
	text-decoration: none;
	transform: scale(1.05);
}
/* Subscription Stats - Smaller font sizes */
/* Subscription Actions - Consistent button spacing */
/* ====================
   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: #fff;
    background: #252c3b;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.af-nav .nav-item.active .nav-link{
    color: #fff !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: #fff;
    background: #252c3b;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
/* Payment info body scroll styling */
.addfunds-payment-info-body{
    padding: 25px;
    background: #0d1520;
    border: 1px solid #313B4F;
    border-radius: 15px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;     
    margin-top: 1rem !important; 
}
/* 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: #ccff003c;
    border-radius: 999px;

}
.addfunds-payment-info-body::-webkit-scrollbar-thumb{
    background: #ccff00;
    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{
        max-height: 300px;
    }.addfunds-payment-info-body::-webkit-scrollbar{
        width: 5px;
    }}
.af-nav-pay{
  display: flex;
  margin: 0 0 10px 0 !important;
  justify-content: space-around;
  gap: 10px;
}
.af-nav-pay .nav-link{
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
    padding: 15px 0px;
    width: 100px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #0d1520;
    border: 1px solid #313B4F;
}
.af-nav-pay .nav-link .icon{
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.af-nav-pay .nav-link:hover{
  background-color: #ccff00;
  color: black;
}
.af-nav-pay .nav-link.active{
  background-color: #ccff00;
  color: black;
}
.af-pm-title{
  font-weight: 600;
  font-size: 25px;
  line-height: 25px;
  color: #ffffff;
  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: #ffffff;
}
.af-ph{
background: #191b27;
border: 1px solid rgba(255, 255, 255, .06);
  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: 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;
  }
.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 15px 40px rgba(0,0,0,.75),
      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 #ccff00,
      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: #b7b7b7;
    color: #1e1e1e;
  }
.level-card h4.active-level{
    background: #3b7efb;
    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: #ccff00;
    font-weight: 900;
  }
/* ============================================================================
       FIX: Hide Perfect Panel's unwanted fields with !important
       ============================================================================ */
.commission-fields,#order_extra_fee,#instruction_instruction,.form-group.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-color: #ccff00;
    background-image: url(https://storage.perfectcdn.com/4553qi/i53b49hhcto1sdkg.png);
    background-position: center;
    background-size: 100% 100%;
    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: 1fr 1fr 1fr;
           gap: 12px;
           margin: 20px 0;
       }
/* When fee columns are hidden, center the receive column */
.payment-summary-grid:has(.fee-column[style*="display: none"]){
           grid-template-columns: 1fr;
           max-width: 400px;
           margin-left: auto;
           margin-right: auto;
       }
.summary-column{
           display: block;
       }
.summary-box{
           background: #0d1520;
           border: 1px solid #313B4F;
           border-radius: 10px;
           padding: 14px;
           height: 100%;
           display: flex;
           flex-direction: column;
           gap: 8px;
           transition: all 0.3s ease;
       }
.summary-box:hover{
           border-color: #ccff0050;
           transform: translateY(-2px);
       }
.summary-label{
           display: flex;
           align-items: center;
           gap: 8px;
           color: #ffffffb3;
           font-size: 13px;
           font-weight: 500;
       }
.summary-label i{
           color: #ccff00;
           font-size: 14px;
       }
.summary-value{
           font-size: 16px;
           font-weight: 700;
           color: #ffffff;
           margin: 4px 0;
       }
.summary-value.total-value{
           color: #ccff00;
       }
.summary-value.receive-value{
           color: #ccff00;
           font-size: 18px;
       }
.summary-note{
           font-size: 11px;
           color: #ffffff80;
       }
/* Receive box special styling */
.receive-box{
           background: linear-gradient(135deg, #0d1a0d 0%, #1a2a1a 100%);
           border-color: #ccff0030;
       }
.summary-bonus{
           display: flex;
           gap: 8px;
           flex-wrap: wrap;
           align-items: center;
           justify-content: space-between;
       }
.bonus-badge{
           display: inline-flex;
           align-items: center;
           gap: 5px;
           background: linear-gradient(135deg, #ccff00 0%, #99cc00 100%);
           color: #000;
           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: #ccff00;
       }
/* Responsive design */
@media (max-width: 768px){.payment-summary-grid{
               grid-template-columns: repeat(3, 1fr);
           }.summary-column{
               max-width: 100%;
           }.summary-value{
               font-size: 16px;
           }.summary-value.receive-value{
               font-size: 18px;
           }}
/* PayPal Section */
.paypal-section{
           padding: 20px 0;
       }
.paypal-instructions{
           padding: 16px 20px;
           text-align: left;
           margin-bottom: 20px;
           border-radius: 15px;
           background: #0d1520;
           border: 1px solid #313B4F;
       }
.paypal-instructions ul{
           list-style: none;
           padding: 0;
           margin: 0;
       }
.paypal-instructions li{
           color: #ffffffcc;
           font-size: 13px;
           padding: 8px 0;
           display: flex;
           align-items: center;
           gap: 10px;
       }
.paypal-instructions li i{
           color: #ccff00;
           font-size: 12px;
       }
.paypal-address-box{
           background: #0d1520;
           border: 1px solid #313B4F;
           border-radius: 10px;
           padding: 16px;
           text-align: left;
       }
.paypal-label{
           display: block;
           color: #ffffff80;
           font-size: 12px;
           margin-bottom: 6px;
       }
.paypal-email-copy{
           display: flex;
           align-items: center;
           justify-content: space-between;
           background: #1a2535;
           border-radius: 6px;
           padding: 10px 12px;
       }
.paypal-email-copy span{
           color: #ccff00;
           font-weight: 600;
           font-size: 14px;
       }
.copy-btn{
           background: transparent;
           border: none;
           color: #ffffff80;
           cursor: pointer;
           padding: 4px 8px;
           transition: color 0.2s;
       }
.copy-btn:hover{
           color: #ccff00;
       }
.paypal-username{
           color: #ffffffcc;
           font-size: 14px;
           margin-top: 4px;
       }
#openTicketBtn{
           width: 100%;
       }
/* Quick Amount Buttons */
.quick-amounts{
           display: flex;
           flex-wrap: wrap;
           gap: 10px;
       }
.quick-amount-btn{
           padding: 7px 15px;
           border-radius: 20px;
           border: 1px solid #313B4F;
           background: transparent;
           font-size: 15px;
           font-weight: 600;
           cursor: pointer;
           color: #ffffff;
           transition: all 0.2s;
       }
.quick-amount-btn:hover{
           background: #ccff0061;
           border-color: #ccff003b;
           color: #ffffff;
       }
.quick-amount-btn.active{
           background: #ccff00;
           border-color: #ccff00;
           color: #000000;
       }
.p-selected{
           color: #ffffff83;
       }
#paymentFormFields .form-control{
           background: #0d1520 !important;
           border: 1px solid #313B4F !important;
       }
.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: #0c1520;
       border-radius: 999px;
       font-size: 13px;
       color: #fff;
       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;
       }
/*  =====================
    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: space-evenly;
  gap: 10px;
  flex-wrap: wrap;
}
@media (min-width: 992px){.orders-nav{
        justify-content: flex-start;
    }}
.orders-nav-link{
    background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
  box-sizing: border-box;
  border-radius: 22px;
  display: block;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  padding: 10px 10px;
  min-width: 155px;
}
.orders-nav-link:focus{
  box-shadow: 0 0 0 0.25rem #ccff00;
}
.orders-nav-link.active{
  background-color: #ccff00;
  border-color: #ccff00 !important;
  color: black;
}
.orders-nav-link:hover{
  border-color: #ccff00;
  background-color: #ccff00;
  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: 20px;
  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;
  border: 1px solid rgba(255, 255, 255, .06);
  color: #fff;
}
.op-search-box:focus-within{
  box-shadow: 0 0 0 0.25rem #ccff0047;
}
.op-search-box:hover{
  background: #293142;
  border: 1px solid #353f55;
}
.op-search-box .icon{
  color: #637990;
}
.op-search-box input{
  transition: 0.14s ease;
  background-color: transparent;
  border: none;
  outline: none;
  flex: 1;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.op-search-box input::placeholder{
  color: #566676;
}
.op-card{
  margin-bottom: 20px;
}
.op-stats{
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 15px;
  padding: 20px 34px;
}
@media (max-width: 768px){.op-stats{
      padding: 20px 10px 20px 25px;
      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: 20px;
}
.op-stats.op-stats-sm{
  padding: 16px 30px;
  border-color: #ccff004f !important;
}
.op-stats.op-stats-btn{
  padding: 20px 20px;
  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: #ccff001a;
  border-color: #ccff008f;
  color: #ccff00c9;
}
.op-stats.info{
  background-color: rgba(90, 215, 255, 0.15);
  border-color: #5ad7ff;
  color: #5ad7ff;
}
.op-stats.warning{
  background-color: rgba(237, 126, 88, 0.15);
  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: #ffffff;
  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;
  padding-top: 10px;
}
@media (min-width: 992px){.op-item{
    flex-direction: row;
  }}
.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: 24px;
  color: #fff;
  gap: 8px;
}
.op-item .text{
  font-weight: bold;
  font-size: 23px;
  line-height: 27px;
  color: #ffffff;
}
.orders-charge-icon{
    padding-right: var(--spacing-4);
}
.orders-status-indicator{
    position: relative;
}
/*  =========================
    REFUNDS PAGE STARTS
    ========================= */
/* Make refund stats more compact */
/* Style Order ID link more prominently */
/*  =========================
    SUPPORT TICKET PAGE START
    ========================= */
.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;
    background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
}
@media (max-width: 992px){.sc-ticket-card{
        padding: 15px
    }}
.sc-ticket-card:hover{
    box-shadow: 0 0 5px #ccff007d;
    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: #ffffff;
}
.sd-head{
    padding-bottom: 20px;
}
.sd-back{
  display: block;
  padding: 10px 0 12px;
  margin: 10px 0;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.sd-back:hover{
  color: #fff;
}
.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: #ccff00;
  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: #ccff0038;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #ccff00;
  padding: 14px 30px;
}
.tc-ti-text{
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.card.tc-ti-box{
  background-image: url(https://storage.perfectcdn.com/sw36r8/qsnuq4hwzxxde685.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.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: #39445c;
  border-radius: 20px 20px 0 20px;
}
.ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg{
  border-radius: 20px 20px 20px 0px;
}
.ticket-message-block .ticket-msg-container{
  width: 100%;
  max-width: 400px;
}
.ticket-message-block .ticket-msg-container .ticket-msg{
  background: #0093ff;
  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-y: auto;
  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;
  background-color: rgba(57, 68, 92, 0.5);
  border-radius: 10px;
  height: 70px;
  align-items: center;
}
.schat-msg-input input{
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  padding: 0 30px;
  color: #fff;
  font-size: 14px;
  height: -webkit-fill-available;
  color: #acacac;
}
.btn.sd-send-btn{
  box-shadow: none;
  display: flex;
  align-items: center;
}
#uploader-button{
    background: #3792ef !important;
    border: 1px solid #38445d !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/4553qi/5ij5aol8e8gn2cq2.png);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  height: -webkit-fill-available;
}
.tp-second-card{
  background: url(https://storage.perfectcdn.com/4553qi/iygbqghhz1mfs6xm.png);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  height: -webkit-fill-available;
}
.tp-card .card-body{
    padding: 28px;
}
.tp-card-header{
    margin-bottom: 18px;
}
.tp-first-card .tp-badge{
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #3792ef;
  background: #3792ef36;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.tp-second-card .tp-badge{
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #ccff00;
  background: #ccff0046;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.tp-text{
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.tp-text strong{
    color: #ffffff;
}
.tp-muted{
    color: #9ca3af;
    font-size: 13px;
}
.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: #ccff00;
    font-size: 13px;
}
/* TICKETS PAGE STYLES */
.tickets-subject-overflow{
	overflow: hidden;
}
/* VIEWTICKET PAGE STYLES */
/*  ==========================
    SUPPORT TICKET PAGE FINISH
    ========================== */
/*  ================================
    RESELLER PANEL ORDER PAGE STARTS
    ================================ */
.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 rgb(255 255 255 / 7%);
}
.aq .aq-item .i-1{
  display: block;
}
.aq .aq-item.active .i-1{
  display: none;
}
.aq .aq-btn{
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  color: #fff;
  align-items: center;
  padding: 20px 0px;
  border: none;
  outline: none;
  background-color: transparent;
}
/* CHILD PANEL ORDER PAGE STYLES START */
/* 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: #ccff00;
    }
.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
   ======================= */
/* Affiliates tables mobile responsiveness */
/* Improve table responsive wrapper */
/* ======================
   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: #ffffff;
  }
.d-hello-card .d-hello--item .dh-right .text-3{
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
  }
/* DASHBOARD ICON BOXES */
.dh-icon{
      color: #fff;
      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 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%);
    }
/* 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 #ccff00;
}
.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: #ffffff;
}
.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: rgba(45, 250, 213, 0.25);
  border-radius: 15px;
  color: #ccff00;
  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: #ccff00;
  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 
   ================== */
/*  MODERN BLOG CARD OUT STARTS */
/* IMAGE */
/* BODY */
/* CTA */
/* 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 */
.blog-share-wrapper{
  display: flex;
  gap: 10px;
}
#blog-baslik{
  color: #ccff00;
  font-weight: 700;
}
.blog-content{
  padding-bottom: 30px;
}
.bi-content{
  font-size: 16px;
  line-height: 25px;
  color: #fff;
}
#blog-metin h1,#blog-metin h2,#blog-metin h3,#blog-metin h4,#blog-metin h5,#blog-metin h6,#blog-metin h7{
  color: #ccff00;
}
/*
#blog-metin p {
    text-indent: 15px;
}
*/
.bi-content strong{
  color: #ccff00;
}
.bi-content img,.bi-content table{
  max-width: 100%;
}
/*  =====================
    BLOG CARD INSIDE ENDS 
    ===================== */
/*  ===============
    API PAGE STARTS 
    =============== */
/* API Page Specific Styles */
/* ====================
   REGISTER PAGE STARTS 
   ==================== */
/*  ------- 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: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 25px 15px 10px;
    background: #191b27;
    border: 1px solid rgba(255, 255, 255, .06);
    color: #e5e7eb;
}
.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;
  background: #2e384c;
  border: 1px solid #38445d;
  top: 55px;
  width: 100%;
}
.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: #2e384c;
  border-radius: 3px;
}
/* Handle */
.select-options::-webkit-scrollbar-thumb{
  background: #3b4456;
  border-radius: 3px;
}
/* Handle on hover */
.select-options::-webkit-scrollbar-thumb:hover{
  background: #434e64;
}
.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: #8598ac;
}
.select-option:hover,.select-option:focus{
  background-color: rgba(255, 255, 255, 0.1);
}
.select-option.active{
  color: #fff;
}
.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: #252c3b;
  border-radius: 15px;
  border: 1px solid #3e5566;
}
.modal-title{
  line-height: 1.3;
  font-size: 19px;
  font-weight: 600;
}
.modal-header{
  border-bottom: 1px solid #648ab04a;
}
.modal-body{
  color: rgba(255, 255, 255, 0.6);
  padding-top: 30px;
  line-height: 1.3;
}
.ticket-response{
  margin-bottom: 20px;
  display: none;
}
.ticket-response.active{
  display: block;
}
.alert.alert-success{
  color: #09b797;
  background: #2dfad431;
}
.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;
}
@media (min-width: 991px){.swiper-slide{
    padding-bottom: 30px;
    padding-top: 15px;
  }}
/* pagination dots color */
.swiper-pagination-bullet{
background-color: #ccff00 !important;
}
.pagination li.active .page-link{
  background-color: #ccff00;
  color: #000;
}
.pagination li .page-link{
  border: 1px solid #353f55;
  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: #6f85a2;
  position: relative;
  background-color: #252c3b;
}
.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: #252c3b;
  border-color: #313949;
  padding: 0 10px;
}
/* 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: #797d89;
}
.mnc-item.active{
  color: #fff;
}
.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: #ffffff;
  vertical-align: top;
  border-color: #dee2e6;
}
.icons{
  font-size: 20px;
  display: flex;
  align-items: center;
  background: #ccff00;
  padding: 10px;
  border-radius: 8px;
}
.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: #ccff00;
}

.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;
  background-color: #222737;
  width: 100%;
  margin-top: 200px;
}
@media (max-width: 991px){.footer{
        margin-top: 0px;
      }}
/* Contact Column */
/* Layout Component Styles */
.layout-logo-max-width{
    max-width: 200px;
  }
.layout-position-fixed{
    position: fixed;
  }
.layout-justify-content-end{
    justify-content: end;
  }
/* Footer Dropdown Menu */
/* Footer Section Toggle Buttons */
/* 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 */
/* Drop Menu (Service Sublist) */
/* 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;
}
/* Scrollbar for Drop Menus */
/* width */
/* Track */
/* Handle */
/*  -------------------
    FOOTER SECTION ENDS
    ------------------- */
/*  ---------------------------
    RANDOM ICONS SIGN IN STARTS
    --------------------------- */
/* left side icons */
/* right side icons */
/* shaker frames */
/* -----------------------------
RANDOMLY ICONS PART RENEWED ENDS
-------------------------------- */
/* -------------------------------
   SIGN IN 360 ROTATE BIRD FERRIES
   ------------------------------- */
/* -----------------
CUSTOMER VİDEO STARTS
-------------------- */
/*  ------------------------------------------------ */
/*  ---------------- Landing Page Style  ----------- */
/*  ------------------------------------------------ */
/* welcoming section */
.animated-number-style{
  font-size: 25px;
  font-weight: 600;
}
/*  Priced services in boxes */
/* Orta container */
/* Paket grid */
/* Paket kartı */
.edition{
    position: relative;
    border-radius: 20px;
    padding: 6px 0;
    text-align: center;
    background: linear-gradient(180deg, #273040, #1c1e2b);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .4);
    border: 2px solid rgb(255 255 255 / 7%);
    transition: .25s;
    cursor: pointer;
    overflow: hidden;
  }
@media (min-width: 991px){.edition:hover{
      box-shadow: 0 2px 3px rgb(204 255 0 / 15%);
      transform: translateY(-2px);
    }}
/* Selected */
/* selected package */
.edition.active{
    border: 2px solid #ccff00;
    background: linear-gradient(180deg, #2f3a4f00, #ccff001f);
  }
/* check icon */
.edition.active::after{
    content:"✓";
    position:absolute;
    top:8px;
    right: 8px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#ccff00;
    color:#000;
    font-size: 13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
  }
.service-discount{
    font-size: 12px;
    color: #ccff00;
  }
/* Fiyat kutusu */
.old-price{
    text-decoration: line-through;
    color: #9ca3af;
    font-size: 18px;
  }
.ribbon{
    position:absolute;
    top:25px;
    right:-59px;
    background:#ff2d2d;
    color:#fff;
    font-weight:700;
    font-size:13px;
    padding:6px 60px;
    transform:rotate(45deg);
    letter-spacing:.5px;
    box-shadow:0 4px 15px rgba(0,0,0,.35);
    text-transform:uppercase;
    background:linear-gradient(135deg,#ff3b3b,#d40000);
  }
.new-price{
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    margin: 10px 0 10px;
  }
/* ============================= */
/* REVIEWS SECTION DESKTOP */
/* ============================= */
/* buton desktopta görünmesin */
.reviews-more-overlay{
  display:none;
}
/* ============================= */
/* REVIEWS SECTION MOBILE */
/* ============================= */
@media (max-width:768px){.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);
  }}
/* Review Card Design */
/* HEADER */
.verified{
  color:#2da7ff;
  margin-left:5px;
}
/* TEXT */
/* IMAGE */
/* TAGS */
/* 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 --------------*/
/* ---------  Seo Texts Parts --------------*/
/* Fade */
/* 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 */
/*----- advantages of smm.ist part ----*/
.aq .aq-item:last-child{
  margin-bottom:80px;
}
/* expanded */
/* fade */
.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;
}
/* ----- Free Trial Sections  ------  */
.live-notification{
  width: 100%;
  max-width: 520px;
  margin: 20px auto;
  background: #ccff000d;
  border: 2px solid #ccff001c;
  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: 14px;
}
/* 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: #ccff00;
  border-radius: 50%;
  box-shadow: 0 0 0 6px #ccff000d;
}
/* metin */
.notif-text{
  font-size: 14px;
  color: #ccff00;
}
/* sağ taraf */
.notif-right{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ccff00;
  font-weight: 600;
}
.check-icon{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ccff0030;
  font-size: 10px;
  color: #ccff00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.time-text{
  font-size: 14px;
  opacity: 0.8;
}
.free-trial-timer{
  display: none;
  background-color: #222737;
  color: #fff;
  border-radius: 15px;
  align-items: center;
  text-align: center;
}
.free-trial-input{
  display: none;
  background-color: #222737;
  color: #fff;
  border-radius: 15px;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.free-trial-completed{
  display: none;
  background-color: #222737;
  color: #fff;
  border-radius: 15px;
  align-items: center;
  text-align: center;
  font-weight: 500;
  flex-wrap: wrap;
}
/*  ------ Free Trial Count Down Style ------*/
.count-down__number{
  font-size: 14.5pc;
  font-family: "Source Sans Pro", Helvetica;
  font-weight: bold;
  fill: white;
}
/* Provider Landings Start */
/* -------------------------
Landing page specific styles
----------------------------*/
/* -------------------------
  Common Row Styles
  ----------------------------*/
/* -------------------------
  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 */

/* ===== 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ı <h2> değil, .s-h2 sınıflı <p>/<span> olur.
     Her sayfanın kendi içerik başlıkları <h2>/<h3> kalır (SEO).
   - Animasyonlar prefers-reduced-motion: reduce'da kapanır.
   ===================================================================== */
/* ---------- 1. Fontlar ---------- */
@font-face{font-family:"THICCCBOI";src:url(https://mgfy.digital/cabinet/smmist/font/THICCCBOI-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"THICCCBOI";src:url(https://mgfy.digital/cabinet/smmist/font/THICCCBOI-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"THICCCBOI";src:url(https://mgfy.digital/cabinet/smmist/font/THICCCBOI-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
/* Inter: <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> */
/* ---------- 2. Temel değerler (tokens) ---------- */
:root{
  /* zemin ve yüzeyler */
  --s-bg:#12131c;
  --s-surface:#1a1c28;
  --s-surface-2:#212435;
  --s-surface-3:#2a2e42;
  --s-line:#2a2e40;
  --s-line-2:#363b52;
  /* metin */
  --s-text:#f4f6fb;
  --s-muted:#9aa3bd;
  --s-faint:#6c7490;
  /* marka */
  --s-lime:#ccff00;
  --s-lime-hover:#d8ff33;
  --s-lime-ink:#1a2200;
  --s-lime-soft:#ccff0016;
  --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:"Inter",system-ui,-apple-system,"Segoe UI",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 #ccff0080}
/* ---------- 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:linear-gradient(180deg,#1d2030,#181a26);box-shadow:0 1px 0 #ffffff0d 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:#2f3a00}
/* ---------- 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:#cfe0ff}
.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:#ffd0d5}
/* ---------- 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:#ffffff05}
.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:#12131ccc;-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:"<angle>";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 wistia-player,.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:22px;width:auto;opacity:.8}
/* ---------- 19. Sahne (ekrana sabitlenen bölüm) ----------
   <section class="s-scene" data-scene data-steps="3" style="--s-scene-h:320vh">
     <div class="s-scene__stage"> … [data-scene-item] … </div>
   </section>
   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 #ccff0080}
/* ---------- 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%,#ccff0026,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:#2f3a00;margin:0}
.s-cta .s-chip{border-color:transparent;background:#1a22001a;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='%23ccff00' 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:#c9cfdf}
.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:#9dff3a;
  --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:#e8ebf4;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}
.s-video wistia-player{display:block!important;width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important}
/* =====================================================================
   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 #ffffff10;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:#ffffff14;color:#fff}
.s-hc h3{font:700 22px/1.15 var(--s-display);margin:0}
.s-hc p{margin:0;color:#c9cfdf;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:#0d0e15e6;border:1px solid #ffffff14;padding:14px;display:grid;gap:10px;box-shadow:0 20px 40px -20px #000}
.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 #ffffff22;font:600 12px var(--s-body);color:#d6dbea}
.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:#d6dbea;border-color:#ffffff22}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:#ffffff14}
.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 #ffffff12;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%,#fff)}
/* yorum duvarı karoları: düz renk yerine grafit + renkli ince çerçeve */
.s-tile{background:#1c1d26!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 #00000080);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 #0006)}
.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 #000}
@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 .old-price{font:600 22px var(--s-display);color:var(--s-faint);text-decoration:line-through}
.s-pricebox .new-price{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:600 12.5px var(--s-body);color:#4be37a;background:linear-gradient(180deg,#30d15829,#30d15814);box-shadow:inset 0 0 0 1px #30d15840}
.s-saveb::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.s-pack[aria-checked=true] .s-saveb:not(.s-saveb--none){color:#06210f;background:linear-gradient(180deg,#5ee584,#30d158);box-shadow:0 6px 18px -6px #30d158aa}
.s-pack[aria-checked=true] .s-saveb::before{background:#06210f;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 #0006)}
.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 .old-price{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 .old-price::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 .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 .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 .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 .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 #0007)}
.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,#ffffff14,#ffffff08);color:var(--s-text);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff1a;position:relative;overflow:hidden}
.s-btn--light:hover{background:linear-gradient(180deg,#ffffff1f,#ffffff0d);border-color:#ffffff40}
.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%,#ffffff26 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}
/* 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 #000}
.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:#ffffff26;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 #000}
@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:#1d1e26;border:1px solid #ffffff0d;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:#22261a}
.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:#fff;box-shadow:0 6px 14px -6px #000}
.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%,#ccff0012,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 .new-price{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 .old-price{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:#ffffff12}
.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:#ccff0026}
/* 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:#050608;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:#fff;
  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 #000a);will-change:transform}
.s-rain__note{position:absolute;bottom:14px;left:0;right:0;text-align:center;margin:0;font-size:12px;color:#ffffff59;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:#ccff00;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:#ffffff0f}
.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 #ccff00,0 10px 20px -6px #000;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:#08090d;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:#fff;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 #000a)}
.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:#fff;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,#08090d)}
@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 #000c)}
@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:379/125;background:url(https://storage.perfectcdn.com/4553qi/hli3rlinpmhph6zh.webp) 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:"<angle>";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:#0d0e14;color:#fff;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),#ccff00,#64d2ff,#5e5ce6,#ff375f,#ff9f0a,#ccff00);animation:s-glowspin 4s linear infinite}
.s-glowbtn::after{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,#1a1b24,#0b0c11)}
.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,#ffffff0f,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff17,inset 0 1px 0 #ffffff12}
.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:#0d0e15}
.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:#ccff00}
/* 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 .old-price{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 .old-price::after{display:none}
/* bildirimde smm.ist uygulama ikonu: logodaki kuş profili */
.s-rain .s-note__ico--smm{background:#ccff00 url(https://storage.perfectcdn.com/4553qi/hywdu376mscktz4n.webp) 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 .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:#0e0f16a6;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-color:#ffffff14}
.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:#ffffff0d}
.s-nav a[aria-current=page]{color:var(--s-text);background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff12}
.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:#0f0d13cc;-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:#ffffff14}
.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 #000c;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 #000c;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:#ffffff10}
.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(96px,25vw,330px)/.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 #000;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:16ch}
.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}}
.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 #000;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 #000}
.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:#ffffff0d;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:#c9cfdf;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:#ffffff0d;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:#0a0b10;border:1px solid var(--s-line);color:#cfe8a4;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 #000}
.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:#ffffff10;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;gap:16px}
.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:#ffffff12;overflow:hidden}
.s-svcp__track > div{height:100%;max-width:100%;border-radius:99px;background:linear-gradient(90deg,var(--s-lime-2,#b8ff00),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:color-mix(in srgb,var(--s-box) 88%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--s-box-line);box-shadow:0 20px 50px -20px #000}
.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:#ffffff06}
.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:#ffffff0a;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 #000;overflow:hidden}
.s-spm__x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:#ffffff14;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:#c9cfdf;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}
.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:#ffffff1f;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 #0006;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:#ffffff0d;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}
.s-pico{font-size:18px;width:22px;text-align:center;flex:none}
.s-svcp__chips button{display:inline-flex;align-items:center;gap:8px}
.s-svcp__chips button .s-pico{font-size:15px;width:auto}
.s-svcp__chips button[aria-selected="true"] .s-pico{-webkit-text-fill-color:currentColor;background:none;color:#111}
/* ===== giriş yapmış kullanıcı (sidebar düzeni): tam genişlik, kompakt başlık ===== */
.s-page.is-app{padding:28px 0 56px}
.s-page.is-app::before{display:none}
.s-page.is-app .s-wrap,.s-page.is-app.s-page--narrow .s-wrap{max-width:none;padding-inline:clamp(16px,2.4vw,32px)}
.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ç */
.dashboard-root > .s-embed{padding-top:56px}
@media (min-width:1400px){.dashboard-root > .s-embed{padding-top:0;padding-left:260px}}
.s-page.is-app .s-wrap,.s-page.is-app.s-page--narrow .s-wrap{width:100%;box-sizing:border-box}
/* ===== panel sidebar (layout.twig, #sidebar.s-side) — işaretleme ve JS aynı ===== */
.s-side{background:#0c0d13!important;border-right:1px solid var(--s-line);box-shadow:none}
.s-side .sidebar-logo{padding:22px 22px 10px;text-align:left}
.s-side .sidebar-logo a{font:800 20px var(--s-display);color:var(--s-text);letter-spacing:-.02em}
.s-side .sidebar-logo img{max-height:34px;width:auto}
.s-side .sidebar-body{padding:6px 14px 18px}
.s-side .sidebar-account{margin:8px 0}
.s-side .sidebar-account-wrapper{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:18px;background:var(--s-box);border:1px solid var(--s-box-line);transition:border-color .2s}
.s-side .sidebar-account a:hover .sidebar-account-wrapper{border-color:var(--s-line-2)}
.s-side .sidebar-account-wrapper .user-photo img{width:36px;height:36px;border-width:0}
.s-side .sidebar-account-wrapper .content{color:var(--s-text);font:600 14.5px var(--s-body)}
.s-side .sidebar-account-wrapper .content .fa-cog{color:var(--s-faint);font-size:14px}
.s-side .sidebar-balance{margin:0 0 10px;padding:0}
.s-side .sidebar-balance-wrapper{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--s-lime) 16%,var(--s-box)),var(--s-box));border:1px solid color-mix(in srgb,var(--s-lime) 28%,transparent)}
.s-side .sidebar-balance-wrapper .icon{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;color:var(--s-muted);font:600 12.5px var(--s-body)}
.s-side .sidebar-balance-wrapper .icon i{color:var(--s-lime)}
.s-side .sidebar-balance-wrapper .content .s-balance{font:800 18px var(--s-display);color:var(--s-text);letter-spacing:-.01em}
.s-side .sidebar-menu{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.s-side .s-menu-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border-radius:14px;background:transparent;border:0;color:var(--s-muted);font:600 14.5px var(--s-body);transition:background .15s,color .15s}
.s-side .s-menu-link:hover{background:#ffffff0a;color:var(--s-text)}
.s-side .s-menu-link .icon{width:auto;height:auto;color:inherit}
.s-side .s-menu-link .left{display:flex;align-items:center;gap:10px}
.s-side .special-link-neworder,.s-side .special-link-addfunds{justify-content:center;min-height:48px;margin-bottom:2px;border-radius:999px;font-weight:700}
.s-side .special-link-neworder{background:var(--s-lime)!important;color:var(--s-lime-ink)!important;box-shadow:0 10px 30px -12px color-mix(in srgb,var(--s-lime) 70%,transparent)}
.s-side .special-link-neworder:hover{filter:brightness(1.05)}
.s-side .special-link-addfunds{background:var(--s-box)!important;color:var(--s-text)!important;border:1px solid var(--s-box-line)}
.s-side .special-link-neworder .icon,.s-side .special-link-addfunds .icon{color:inherit}
.s-side .submenu-accordion-toggle .right i{font-size:12px;transition:transform .2s}
.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{list-style:none;margin:2px 0 6px;padding:0 0 0 12px;border-left:1px solid var(--s-line);margin-left:16px}
.s-side .submenu .s-menu-link{min-height:38px;font-size:14px;font-weight:500;justify-content:flex-start}
.s-side .submenu-item.active > .s-menu-link,.s-side .s-menu-item.active > .s-menu-link{background:#ffffff10;color:var(--s-text)}
.s-side .submenu-item.active > .s-menu-link .icon{color:var(--s-lime)}
.s-side .sidebar-signout-wrapper{margin-top:16px;padding:0}
.s-side .btn-log-out{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:999px;background:transparent!important;border:1px solid var(--s-line-2)!important;color:var(--s-muted)!important;font:600 14px var(--s-body)}
.s-side .btn-log-out:hover{color:var(--s-text)!important;border-color:var(--s-text)!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:#ffffff0d;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:#ffffff12;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 #000;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:#ffffff0d;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:#ffffff06;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:#c9cfdf;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) — .s-no ortak görünümüne ek ===== */
.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 .payment-method-boxes{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px!important;justify-content:flex-start}
.s-af .payment-method-boxes .nav-item{list-style:none}
.s-af .payment-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:92px;padding:12px;border-radius:20px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 13px var(--s-body);transition:border-color .2s,transform .2s,background .2s}
.s-af .payment-method-btn:hover{border-color:var(--s-line-2);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;width:40px;height:40px;border-radius:12px;background:#ffffff0d}
.s-af .payment-method-btn.active .icon{background:#ffffff1f;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--s-lime) 45%,transparent)}
.s-af .payment-resizer-height{max-height:24px;width:auto}
.s-af .quick-amounts{display:flex;flex-wrap:wrap;gap:8px}
.s-af .quick-amount-btn{min-height:36px;padding:0 14px;border-radius:999px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:var(--s-muted);font:600 13.5px var(--s-body);cursor:pointer;transition:border-color .2s,color .2s}
.s-af .quick-amount-btn:hover,.s-af .quick-amount-btn.active{border-color:var(--s-lime);color:var(--s-text)}
.s-af .payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.s-af .summary-box{height:100%;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{font:600 12.5px var(--s-body);color:var(--s-muted)}
.s-af .summary-value{font:800 20px var(--s-display);color:var(--s-text);margin-top:4px}
.s-af .summary-value.receive-value{color:var(--s-lime)}
.s-af .summary-note{font-size:12px;color:var(--s-faint)}
.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 .secure-payment-box{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff06;border:1px solid var(--s-line);color:var(--s-muted);font-size:13px}
.s-af .secure-icon{color:var(--s-lime)}
.s-af .addfunds-payment-info-body{margin-top:16px}
.s-af .addfunds-payment-info-body .tab-pane > div,.s-af .addfunds-payment-info-body .card{padding:20px;border-radius:22px;background:var(--s-box-in);border:1px solid var(--s-box-in-line);color:#c9cfdf}
.s-af .af-pm-about,.s-af .af-pm-text{color:#c9cfdf;font-size:14.5px;line-height:1.6}
.s-af .paypal-section,.s-af .paypal-address-box{padding:18px;border-radius:22px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)}
.s-af .copy-btn{border-radius:999px;background:var(--s-lime);color:var(--s-lime-ink);border:0;padding:4px 12px;font-weight:700}
.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 .level-card .fa-check{color:var(--s-lime);margin-right:6px}
.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 (max-width:899px){.s-af .payment-summary-grid{grid-template-columns:1fr}.s-af .levels-grid{grid-template-columns:1fr}.s-af .payment-method-btn{min-width:calc(33.33% - 6px)}}
/* ===== siparişler (orders.twig, .s-or) — .s-no ortak görünümüne ek ===== */
.s-or .orders-nav-wrapper{margin-bottom:16px}
.s-or .orders-nav-wrapper .card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px}
.s-or .orders-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.s-or .orders-nav li{list-style:none}
.s-or .orders-nav-link{display:inline-flex;align-items:center;gap:8px;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;transition:border-color .2s,color .2s}
.s-or .orders-nav-link:hover{color:var(--s-text);border-color:var(--s-line-2)}
.s-or .orders-nav-link.active{background:var(--s-text);border-color:var(--s-text);color:#111!important}
.s-or .orders-nav-link .icon{background:none;width:auto;height:auto;color:inherit}
.s-or .op-search-box{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--s-box-in)!important;border:1px solid var(--s-box-in-line)!important}
.s-or .op-search-box input{background:transparent;border:0;outline:0;color:var(--s-text);font:500 14px var(--s-body)}
.s-or .op-card{margin-bottom:12px}
.s-or .op-card .card-body{padding:18px}
.s-or .op-stats{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid transparent;font:600 13px var(--s-body)}
.s-or .op-stats.op-id{background:var(--s-box-in);border-color:var(--s-box-in-line);color:var(--s-text)}
.s-or .op-stats.primary:not(.op-id){background:color-mix(in srgb,var(--s-lime) 12%,transparent);border-color:color-mix(in srgb,var(--s-lime) 35%,transparent);color:var(--s-lime)}
.s-or .op-stats.warning{background:#ffb5471a;border-color:#ffb54740;color:#ffc56b}
.s-or .op-stats.danger{background:#ff5d6c1a;border-color:#ff5d6c40;color:#ff8a95}
.s-or .op-stats-btn{width:38px;padding:0;justify-content:center}
.s-or .op-date{margin-top:6px;font-size:12.5px;color:var(--s-faint)}
.s-or .op-service-title{margin:0 0 10px;padding:0!important;font:600 15px/1.45 var(--s-body);color:var(--s-text)}
.s-or .op-order-link{display:flex;max-width:640px;border-radius:14px!important;min-height:40px;margin-bottom:12px!important;color:var(--s-muted);text-decoration:none}
.s-or .op-order-link .link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.s-or .op-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:var(--s-box-in);border:1px solid var(--s-box-in-line)}
.s-or .op-item .title{font:600 12px var(--s-body);color:var(--s-faint)}
.s-or .op-item .icon{color:var(--s-muted);background:none;width:auto;height:auto}
.s-or .op-item .icon.p-color{color:var(--s-lime)}
.s-or .op-item .text{font:700 15px var(--s-display);color:var(--s-text)}
.s-or .op-item .text.p-color{color:var(--s-lime)}
.s-or .order-actions .btn{min-height:32px;padding:0 12px;border-radius:999px;font:600 12.5px var(--s-body)}
.s-or .order-actions .btn-primary{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)}
.s-or .order-actions .btn-default{background:transparent;border:1px solid var(--s-line-2);color:var(--s-muted)}
.s-or .modal-content{background:var(--s-box);border:1px solid var(--s-box-line);border-radius:26px;color:var(--s-text)}
.s-or .modal-header,.s-or .modal-footer{border-color:var(--s-line)}
.s-or .pagination .page-link{border-radius:999px;background:var(--s-box);border:1px solid var(--s-box-line);color:var(--s-muted)}
.s-or .pagination .active .page-link,.s-or .pagination .active > a{background:var(--s-lime);border-color:var(--s-lime);color:var(--s-lime-ink)}
.s-or .op-stats i{position:static!important;font-size:14px!important;left:auto!important;top:auto!important;transform:none!important}.s-or .op-stats-btn{width:34px;height:34px;min-height:34px;font-size:14px}
/* ===== 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:#ffffff0d;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:#ffffff10!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:#ffffff10!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}
@media (max-width:991px){.dashboard-root .s-no,.dashboard-root > .s-embed{padding-bottom:96px}}
/* ===== 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 clamp(16px,2.4vw,32px)}
.s-pp__head{padding:0 clamp(16px,2.4vw,32px);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:#ffffff10;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:#c9cfdf}
.s-pp .table > tbody > tr:last-child > td{border-bottom:0}
.s-pp .table > tbody > tr:hover > td{background:#ffffff05}
.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:#cfe0ff}.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:#ffd0d5}.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:#c9cfdf;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}

/* ---- 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 .ribbon{all:unset;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font:600 12px var(--s-body);background:var(--s-lime-soft);color:var(--s-lime)}
.s-embed .ribbon:empty,.s-embed .is-same{display:none!important}
.s-embed .old-price{all:unset;color:var(--s-faint);text-decoration:line-through;margin:0 4px}
.s-embed .new-price{position:static}
.s-embed .edition::before,.s-embed .edition::after,.s-embed .edition *::before,.s-embed .edition *::after{content:none!important;display:none!important}
.s-embed main{display:block}
.s-embed .s-video wistia-player{max-width:none!important;border-radius:0!important;width:100%!important}
.s-embed p{margin-bottom:0}
.s-linkbtn{all:unset;cursor:pointer;color:var(--s-lime);font-weight:600}
/* ===== SMM.IST V2 END ===== */