/* OVERRIDE ALL TAILWIND CSS - KAMPYERI PREMIUM DESIGN */* {box-sizing:border-box;}[x-cloak] {display:none !important;}/* Professional SVG Icons */.professional-icon {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;}.professional-icon svg {stroke-width:2.5;stroke:#222222;}/* Enhanced button styles */.premium-button {background:linear-gradient(135deg,#ff385c 0%,#e31c5f 100%);color:white;font-size:18px;font-weight:700;padding:20px 40px;border:none;border-radius:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(255,56,92,0.3);position:relative;overflow:hidden;}.premium-button:hover {transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,56,92,0.4);}/* Full Screen Modal Responsive */@media (max-width:768px) {.modal-header {padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between;} .modal-sidebar {width:100%;min-width:100%;border-right:none;border-bottom:1px solid #e5e5e5;max-height:250px;overflow-y:auto;} .modal-content-wrapper {flex-direction:column;} .modal-rating-display {font-size:24px;} .modal-title {font-size:14px;} .modal-close-btn {position:relative;top:auto;right:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}}/* Additional Mobile Modal Fixes */@media (max-width:768px) {.modal-header h3 {font-size:14px;margin:0;} .modal-sidebar input[type="text"] {font-size:14px;padding:10px 12px 10px 36px;} .modal-sidebar select {font-size:14px;padding:8px 10px;} .modal-sidebar h4 {font-size:14px;margin-bottom:12px;} .modal-sidebar h5 {font-size:12px;margin-bottom:8px;} .modal-sidebar p {font-size:12px;margin-bottom:16px;}}/* Tablet Modal Responsive */@media (max-width:1024px) and (min-width:769px) {.modal-header {padding:16px 20px;} .modal-sidebar {width:320px;min-width:320px;} .modal-rating-display {font-size:28px;}}/* Small Mobile Modal Responsive */@media (max-width:480px) {.modal-header {padding:8px 12px;} .modal-header > div:first-child {flex-direction:column;align-items:flex-start;gap:8px;} .modal-rating-display {font-size:20px;} .modal-sidebar {max-height:200px;} .modal-sidebar > div {padding:16px;} .modal-close-btn {width:28px;height:28px;font-size:16px;}}body,#app,main {background:white !important;margin:0 !important;padding:0 !important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;}.kampyeri-page {background:white !important;min-height:100vh !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;}.kampyeri-container {max-width:1280px !important;margin:0 auto !important;padding:100px 24px 0 24px !important;box-sizing:border-box !important;}.kampyeri-header {margin:0 !important;}.kampyeri-title {font-size:32px !important;font-weight:600 !important;color:#222222 !important;margin:0 0 8px 0 !important;line-height:1.2 !important;padding:0 !important;}.kampyeri-subtitle {display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:8px !important;font-size:14px !important;color:#717171 !important;margin:0 !important;padding:0 !important;}.kampyeri-rating {display:flex !important;align-items:center !important;gap:4px !important;font-weight:600 !important;}.kampyeri-star {color:#ff385c !important;font-size:14px !important;}.kampyeri-location {display:flex !important;align-items:center !important;gap:4px !important;}.kampyeri-gallery {margin:10px 0 !important;border-radius:12px !important;overflow:hidden !important;position:relative !important;}.kampyeri-gallery-main {display:grid !important;grid-template-columns:2fr 1fr !important;gap:8px !important;height:400px !important;border-radius:12px !important;overflow:hidden !important;}.kampyeri-gallery-large {border-radius:12px 0 0 12px !important;overflow:hidden !important;cursor:pointer !important;position:relative !important;}.kampyeri-gallery-large img {width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.3s ease !important;display:block !important;}.kampyeri-gallery-large:hover img {transform:scale(1.05) !important;}.kampyeri-gallery-small {display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:1fr 1fr !important;gap:8px !important;}.kampyeri-gallery-item {overflow:hidden !important;cursor:pointer !important;position:relative !important;}.kampyeri-gallery-item:nth-child(1) {border-radius:0 12px 0 0 !important;}.kampyeri-gallery-item:nth-child(2) {border-radius:0 0 0 0 !important;}.kampyeri-gallery-item:nth-child(3) {border-radius:0 0 0 0 !important;}.kampyeri-gallery-item:nth-child(4) {border-radius:0 0 0 0 !important;}.kampyeri-gallery-item img {width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.3s ease !important;display:block !important;}.kampyeri-gallery-item:hover img {transform:scale(1.05) !important;}.kampyeri-show-photos {position:absolute !important;bottom:20px !important;right:20px !important;background:#059669 !important;border:1px solid #059669 !important;color:white !important;border-radius:8px !important;padding:8px 16px !important;font-size:14px !important;font-weight:600 !important;display:flex !important;align-items:center !important;gap:8px !important;cursor:pointer !important;transition:all 0.2s ease !important;z-index:10 !important;}.kampyeri-show-photos:hover {background:#10b981 !important;border:1px solid #10b981 !important;}.kampyeri-content {display:grid !important;grid-template-columns:1fr 400px !important;gap:80px !important;margin-top:48px !important;align-items:start !important;}.kampyeri-main {max-width:654px !important;}.kampyeri-section {padding:32px 0 !important;border-bottom:1px solid #dddddd !important;margin:0 !important;}.kampyeri-section:last-child {border-bottom:none !important;}.kampyeri-section-title {font-size:22px !important;font-weight:600 !important;color:#222222 !important;margin:0 0 24px 0 !important;padding:0 !important;}.kampyeri-description {font-size:16px !important;line-height:1.5 !important;color:#222222 !important;margin:0 !important;padding:0 !important;}.kampyeri-description p {margin:0 0 16px 0 !important;padding:0 !important;}.kampyeri-description h1,.kampyeri-description h2,.kampyeri-description h3,.kampyeri-description h4,.kampyeri-description h5,.kampyeri-description h6 {font-weight:600 !important;color:#222222 !important;margin:24px 0 16px 0 !important;padding:0 !important;line-height:1.3 !important;}.kampyeri-description h1 {font-size:28px !important;}.kampyeri-description h2 {font-size:24px !important;}.kampyeri-description h3 {font-size:20px !important;}.kampyeri-description h4 {font-size:18px !important;}.kampyeri-description h5 {font-size:16px !important;}.kampyeri-description h6 {font-size:14px !important;}/* Action Buttons */.action-button:hover {background:#f7f7f7 !important;box-shadow:0 2px 8px rgba(0,0,0,0.12) !important;transform:translateY(-1px) !important;}.action-button:active {transform:translateY(0) !important;}/* Mobile Responsive Design */@media (max-width:768px) {.action-button span {display:none !important;} .action-button {padding:10px !important;min-width:auto !important;} .kampyeri-container {padding:0 16px;margin:32px 0;} .kampyeri-container h2 {font-size:24px;margin-bottom:8px;} .areas-toggle-btn {padding:10px 16px;font-size:14px;border-radius:25px;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;color:white;border:none;box-shadow:0 4px 12px rgba(5,150,105,0.3) !important;font-weight:600;transition:all 0.3s ease !important;} .areas-toggle-btn svg {width:16px;height:16px !important;} .areas-toggle-btn:hover {background:linear-gradient(135deg,#047857 0%,#065f46 100%) !important;box-shadow:0 6px 16px rgba(5,150,105,0.4) !important;transform:translateY(-2px) !important;} .areas-toggle-btn:active {transform:translateY(0) !important;box-shadow:0 2px 8px rgba(5,150,105,0.3) !important;} .kampyeri-container > div:first-child {flex-direction:column !important;gap:12px !important;align-items:flex-start !important;} .areas-list-container {border-radius:8px !important;max-height:70vh !important;} .area-item {padding:16px !important;border-bottom:1px solid #f1f5f9 !important;transition:all 0.2s ease !important;} .area-item:hover {background:#f8fafc !important;transform:translateX(2px) !important;} .area-item > div {grid-template-columns:60px 1fr !important;gap:12px !important;} .area-item img {width:60px !important;height:45px !important;border-radius:8px !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;} .area-item h3 {font-size:16px !important;margin-bottom:4px !important;font-weight:600 !important;} .area-item > div > div:nth-child(2) {display:flex !important;flex-direction:column !important;gap:6px !important;} .area-item > div > div:nth-child(3) {grid-column:1 / -1 !important;margin-top:12px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;} .area-item button {padding:10px 16px !important;font-size:13px !important;border-radius:20px;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;color:white !important;border:none !important;font-weight:600 !important;box-shadow:0 2px 8px rgba(5,150,105,0.3) !important;transition:all 0.2s ease !important;} .area-item button:hover {background:linear-gradient(135deg,#047857 0%,#065f46 100%) !important;box-shadow:0 4px 12px rgba(5,150,105,0.4) !important;transform:translateY(-1px) !important;} .kampyeri-container > div:last-child {margin-top:12px !important;padding:0 !important;border-radius:6px !important;border-left-width:3px !important;} .kampyeri-container > div:last-child span {font-size:12px;} /* Mobile Booking Box */ .kampyeri-content {grid-template-columns:1fr !important;gap:24px !important;margin-top:24px !important;} .kampyeri-main {max-width:100% !important;order:2 !important;} .kampyeri-sidebar {order:1 !important;position:static !important;width:100% !important;margin-bottom:24px !important;} .kampyeri-booking-card {position:static !important;background:white !important;border-radius:16px !important;border:2px solid #e5e7eb !important;box-shadow:0 4px 16px rgba(0,0,0,0.1) !important;padding:24px !important;margin:0 !important;} .owner-section {order:3 !important;position:static !important;background:white !important;border-radius:16px !important;border:2px solid #e5e7eb !important;box-shadow:0 4px 16px rgba(0,0,0,0.1) !important;padding:20px !important;margin:24px 0 0 0 !important;} .kampyeri-btn-primary {padding:16px !important;font-size:16px !important;border-radius:16px !important;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;box-shadow:0 4px 16px rgba(5,150,105,0.3) !important;font-weight:600 !important;transition:all 0.3s ease !important;min-height:54px !important;} .kampyeri-btn-primary:hover {background:linear-gradient(135deg,#047857 0%,#065f46 100%) !important;box-shadow:0 6px 20px rgba(5,150,105,0.4) !important;transform:translateY(-2px) !important;} .kampyeri-btn-primary:active {background:linear-gradient(135deg,#065f46 0%,#064e3b 100%) !important;transform:translateY(0) !important;box-shadow:0 2px 8px rgba(5,150,105,0.3) !important;} .kampyeri-booking-input {font-size:14px !important;padding:12px !important;border-radius:8px !important;border:1px solid #d1d5db !important;} .kampyeri-booking-label {font-size:13px !important;font-weight:600 !important;color:#374151 !important;margin-bottom:6px !important;} .owner-section h3 {font-size:16px !important;margin-bottom:12px !important;} .owner-section button {font-size:13px !important;padding:10px !important;border-radius:8px !important;background:#f3f4f6 !important;border:1px solid #d1d5db !important;} .owner-section button:hover {background:#e5e7eb !important;border-color:#9ca3af !important;}}/* Tablet Responsive */@media (max-width:1024px) and (min-width:769px) {.kampyeri-container {padding:0 20px !important;} .areas-toggle-btn {padding:10px 16px !important;font-size:13px !important;} .area-item > div {grid-template-columns:70px 1fr auto !important;gap:16px !important;} .area-item img {width:70px !important;height:52px !important;}}/* Areas Toggle Button */.areas-toggle-btn:hover {background:#f7f7f7 !important;box-shadow:0 2px 8px rgba(0,0,0,0.12) !important;transform:translateY(-1px) !important;}.kampyeri-features {display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:24px !important;}.kampyeri-feature {display:flex !important;align-items:flex-start !important;gap:16px !important;}.kampyeri-feature-icon {width:24px !important;height:24px !important;color:#222222 !important;flex-shrink:0 !important;}.kampyeri-feature-text {font-size:16px !important;color:#222222 !important;font-weight:600 !important;margin:0 !important;padding:0 !important;}.kampyeri-sidebar {position:static !important;height:fit-content !important;}.kampyeri-booking-card {border:1px solid #dddddd !important;border-radius:12px !important;padding:24px !important;box-shadow:0 6px 16px rgba(0,0,0,0.12) !important;background:white !important;margin:0 !important;}.kampyeri-price {font-size:22px !important;font-weight:600 !important;color:#222222 !important;margin:0 0 24px 0 !important;padding:0 !important;}.kampyeri-price-unit {font-size:16px !important;font-weight:400 !important;color:#717171 !important;}.kampyeri-booking-form {border:1px solid #dddddd !important;border-radius:8px !important;overflow:hidden !important;margin:0 0 16px 0 !important;background:white !important;}.kampyeri-booking-row {display:flex !important;border-bottom:1px solid #dddddd !important;margin:0 !important;padding:0 !important;}.kampyeri-booking-row:last-child {border-bottom:none !important;}.kampyeri-booking-field {flex:1 !important;padding:16px 12px !important;border:none !important;outline:none !important;font-size:14px !important;background:white !important;margin:0 !important;}.kampyeri-booking-field:first-child {border-right:1px solid #dddddd !important;}.kampyeri-booking-label {font-size:10px !important;font-weight:600 !important;color:#222222 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;margin:0 0 4px 0 !important;padding:0 !important;display:block !important;}.kampyeri-booking-input {font-size:14px !important;color:#222222 !important;border:none !important;outline:none !important;width:100% !important;background:transparent !important;margin:0 !important;padding:0 !important;font-family:inherit !important;}.kampyeri-btn-primary {width:100% !important;background:linear-gradient(135deg,#ff385c 0%,#e31c5f 100%) !important;color:white !important;font-size:16px !important;font-weight:600 !important;padding:16px !important;border:none !important;border-radius:8px !important;cursor:pointer !important;transition:all 0.2s ease !important;text-decoration:none !important;display:block !important;text-align:center !important;margin:0 !important;box-sizing:border-box !important;}.kampyeri-btn-primary:hover {background:linear-gradient(135deg,#e31c5f 0%,#d70466 100%) !important;transform:translateY(-1px) !important;}.kampyeri-btn-primary:active {transform:translateY(0) !important;background:linear-gradient(135deg,#d70466 0%,#c5035e 100%) !important;}.kampyeri-reviews {margin:24px 0 0 0 !important;padding:0 !important;}.kampyeri-review-item {padding:24px 0 !important;border-bottom:1px solid #ebebeb !important;margin:0 !important;}.kampyeri-review-item:last-child {border-bottom:none !important;}.kampyeri-review-header {display:flex !important;align-items:center !important;gap:12px !important;margin:0 0 16px 0 !important;padding:0 !important;}.kampyeri-review-avatar {width:56px !important;height:56px !important;border-radius:50% !important;background:#f7f7f7 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:600 !important;color:#222222 !important;flex-shrink:0 !important;}.kampyeri-review-name {font-size:16px !important;font-weight:600 !important;color:#222222 !important;margin:0 !important;padding:0 !important;}.kampyeri-review-date {font-size:14px !important;color:#717171 !important;margin:0 !important;padding:0 !important;}.kampyeri-review-text {font-size:16px !important;line-height:1.5 !important;color:#222222 !important;margin:0 !important;padding:0 !important;}.kampyeri-breadcrumb {font-size:14px !important;color:#717171 !important;margin:0 !important;padding:0 !important;}.kampyeri-breadcrumb a {color:#222222 !important;text-decoration:none !important;}.kampyeri-breadcrumb a:hover {text-decoration:underline !important;}/* Mobile Responsive */@media (max-width:768px) {.kampyeri-gallery-main {grid-template-columns:1fr !important;height:300px !important;} .kampyeri-gallery-large {border-radius:12px !important;} .kampyeri-gallery-small {display:none !important;} .kampyeri-content {grid-template-columns:1fr !important;gap:24px !important;border:none !important;margin-top:0 !important;padding:0 !important;} .kampyeri-sidebar {position:static !important;} .kampyeri-booking-row {flex-direction:column !important;} .kampyeri-booking-field:first-child {border-right:none !important;border-bottom:1px solid #dddddd !important;} /* Owner Section Mobile */ .owner-section {width:100% !important;margin-top:24px !important;} /* Mobile Form Inputs - Touch Friendly */ .kampyeri-booking-input {min-height:48px !important;font-size:16px !important;/* Prevent zoom on iOS */ padding:12px 16px !important;border-radius:12px !important;border:2px solid #e5e7eb !important;background:white !important;transition:all 0.2s ease !important;} .kampyeri-booking-input:focus {border-color:#059669 !important;box-shadow:0 0 0 3px rgba(5,150,105,0.1) !important;outline:none !important;} /* Mobile Button Optimization */ .kampyeri-btn-primary {min-height:54px !important;font-size:18px !important;padding:16px 24px !important;border-radius:16px !important;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;box-shadow:0 4px 16px rgba(5,150,105,0.3) !important;touch-action:manipulation !important;} .areas-toggle-btn {min-height:48px !important;padding:12px 20px !important;font-size:16px !important;border-radius:24px !important;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;color:white !important;border:none !important;box-shadow:0 4px 12px rgba(5,150,105,0.3) !important;} /* Mobile Typography Improvements */ h1 {font-size:28px !important;line-height:1.2 !important;} h2 {font-size:24px !important;line-height:1.3 !important;} h3 {font-size:20px !important;line-height:1.3 !important;} /* Mobile Container Spacing */ .kampyeri-container {padding-left:16px !important;padding-right:16px !important;} /* Mobile Area List Improvements */ .area-item {padding:20px 16px !important;} .area-item > div {grid-template-columns:60px 1fr !important;gap:16px !important;} .area-item button {width:100% !important;margin-top:12px !important;min-height:48px !important;font-size:16px !important;border-radius:12px !important;background:linear-gradient(135deg,#059669 0%,#047857 100%) !important;touch-action:manipulation !important;} /* Mobile Header Section */ .kampyeri-content {order:2 !important;} .kampyeri-sidebar {order:1 !important;/* Move booking widget to top */ margin-bottom:32px !important;} /* Mobile Safe Areas */ @supports ( padding:max(0) ) {.kampyeri-container {padding-left:max(16px,env(safe-area-inset-left)) !important;padding-right:max(16px,env(safe-area-inset-right)) !important;}} @supports not (padding:max(0)) {.kampyeri-container {padding-left:16px !important;padding-right:16px !important;}} /* Mobile Touch Interactions */ button,.kampyeri-btn-primary,.areas-toggle-btn {-webkit-tap-highlight-color:rgba(0,0,0,0) !important;-webkit-touch-callout:none !important;-webkit-user-select:none !important;user-select:none !important;} /* Mobile Scroll Improvements */ .areas-list-container {max-height:70vh !important;-webkit-overflow-scrolling:touch !important;} /* Mobile Accommodation Section */ .kampyeri-container[style*="margin:48px 0"] {margin:32px 0 !important;padding:0 16px !important;} /* Mobile Grid Layout for Areas */ .area-item > div[style*="display:grid"] {grid-template-columns:1fr !important;gap:12px !important;} .area-item > div > div:last-child {display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;}}/* Lightbox Modal */.lightbox-modal {position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.9) !important;z-index:51 !important;display:none !important;align-items:center !important;justify-content:center !important;padding:0 !important;}.lightbox-modal.show {display:flex !important;}.lightbox-content {position:relative !important;max-width:90% !important;max-height:90% !important;}.lightbox-image {max-width:100% !important;max-height:100% !important;object-fit:contain !important;}.lightbox-close {position:absolute !important;top:-40px !important;right:0 !important;color:white !important;font-size:24px !important;background:none !important;border:none !important;cursor:pointer !important;padding:8px !important;}.lightbox-nav {position:absolute !important;top:50% !important;transform:translateY(-50%) !important;background:rgba(255,255,255,0.9) !important;border:none !important;border-radius:50% !important;width:48px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;font-size:18px !important;color:#222222 !important;transition:all 0.2s ease !important;}.lightbox-nav:hover {background:white !important;}.lightbox-prev {left:20px !important;}.lightbox-next {right:20px !important;}.lightbox-counter {position:absolute !important;bottom:-40px !important;left:50% !important;transform:translateX(-50%) !important;color:white !important;font-size:14px !important;}/* AIRBNB LIGHTBOX STYLES */.kampyeri-lightbox-container {width:100vw !important;height:100vh !important;background:white !important;display:flex !important;flex-direction:column !important;max-width:none !important;max-height:none !important;}.kampyeri-lightbox-header {display:flex !important;justify-content:space-between !important;align-items:center !important;padding:20px 24px !important;border-bottom:1px solid #ebebeb !important;background:white !important;}.kampyeri-lightbox-close {background:none !important;border:none !important;font-size:24px !important;color:#222222 !important;cursor:pointer !important;padding:8px !important;border-radius:50% !important;transition:background 0.2s ease !important;}.kampyeri-lightbox-close:hover {background:#f7f7f7 !important;}.kampyeri-lightbox-counter {font-size:16px !important;font-weight:600 !important;color:#222222 !important;}.kampyeri-lightbox-content {display:flex !important;flex:1 !important;overflow:hidden !important;}.kampyeri-lightbox-sidebar {width:300px !important;min-width:300px !important;max-width:300px !important;background:#f7f7f7 !important;border-right:1px solid #ebebeb !important;overflow-y:auto !important;padding:24px 0 !important;flex-shrink:0 !important;}.kampyeri-lightbox-sidebar-title {font-size:18px !important;font-weight:600 !important;color:#222222 !important;margin:0 0 16px 0 !important;padding:0 24px !important;}.kampyeri-category-list {display:flex !important;flex-direction:column !important;gap:0 !important;}.kampyeri-category-item {display:flex !important;align-items:center !important;gap:12px !important;padding:12px 24px !important;border:none !important;background:none !important;text-align:left !important;cursor:pointer !important;transition:background 0.2s ease !important;width:100% !important;}.kampyeri-category-item:hover {background:#ebebeb !important;}.kampyeri-category-item.active {background:#222222 !important;color:white !important;}.kampyeri-category-item.active .category-name,.kampyeri-category-item.active .category-count {color:white !important;}.category-icon {font-size:20px !important;flex-shrink:0 !important;}.category-name {font-size:14px !important;font-weight:600 !important;color:#222222 !important;margin:0 !important;}.category-count {font-size:12px !important;color:#717171 !important;margin:0 !important;}.kampyeri-lightbox-main {flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;background:white !important;overflow:hidden !important;}.kampyeri-lightbox-photo-container {flex:1 !important;position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f7f7f7 !important;min-height:0 !important;overflow:hidden !important;height:calc(100vh - 200px) !important;}.kampyeri-lightbox-photo {max-width:100% !important;max-height:100% !important;object-fit:contain !important;border-radius:8px !important;}.kampyeri-lightbox-nav {position:absolute !important;top:50% !important;transform:translateY(-50%) !important;background:rgba(255,255,255,0.9) !important;border:none !important;border-radius:50% !important;width:48px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;font-size:18px !important;color:#222222 !important;transition:all 0.2s ease !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}.kampyeri-lightbox-nav:hover {background:white !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;}.kampyeri-lightbox-prev {left:24px !important;}.kampyeri-lightbox-next {right:24px !important;}.kampyeri-lightbox-info {padding:16px 24px !important;border-top:1px solid #ebebeb !important;background:white !important;flex-shrink:0 !important;min-height:80px !important;max-height:120px !important;}.photo-title {font-size:16px !important;font-weight:600 !important;color:#222222 !important;margin:0 0 8px 0 !important;}.photo-description {font-size:14px !important;color:#717171 !important;margin:0 !important;line-height:1.4 !important;}.kampyeri-lightbox-thumbnails {display:flex !important;gap:8px !important;padding:16px 24px !important;overflow-x:auto !important;background:white !important;flex-shrink:0 !important;min-height:92px !important;max-height:92px !important;border-top:1px solid #ebebeb !important;}.kampyeri-thumbnail {flex-shrink:0 !important;width:80px !important;height:60px !important;border:2px solid transparent !important;border-radius:8px !important;overflow:hidden !important;cursor:pointer !important;transition:all 0.2s ease !important;background:none !important;padding:0 !important;}.kampyeri-thumbnail.active {border-color:#222222 !important;}.kampyeri-thumbnail:hover {border-color:#717171 !important;}.kampyeri-thumbnail img {width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}/* Mobile Responsive */@media (max-width:768px) {/* 🔥 MOBILE FULLSCREEN LIGHTBOX FIXES */ .kampyeri-lightbox-container {height:100vh !important;height:100dvh !important;/* Dynamic viewport height for mobile */ position:fixed !important;top:0 !important;left:0 !important;z-index:9999 !important;} .kampyeri-lightbox-header {position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:50 !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(10px) !important;border-bottom:1px solid rgba(235,235,235,0.8) !important;padding:16px 20px !important;margin:0 !important;} .kampyeri-lightbox-close {position:fixed !important;top:14px !important;right:16px !important;z-index:60 !important;background:rgba(255,255,255,0.9) !important;border:1px solid rgba(235,235,235,0.8) !important;border-radius:50% !important;width:40px !important;height:40px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important;color:#222222 !important;cursor:pointer !important;transition:all 0.2s ease !important;backdrop-filter:blur(10px) !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;} .kampyeri-lightbox-counter {position:fixed !important;top:14px !important;left:16px !important;z-index:60 !important;background:rgba(255,255,255,0.9) !important;border:1px solid rgba(235,235,235,0.8) !important;border-radius:20px !important;padding:8px 12px !important;font-size:14px !important;font-weight:600 !important;color:#222222 !important;backdrop-filter:blur(10px) !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;} .kampyeri-lightbox-content {margin-top:70px !important;height:calc(100vh - 70px) !important;height:calc(100dvh - 70px) !important;} /* 🔥 MOBILE GALLERY MENU - HORIZONTAL LAYOUT */ .kampyeri-lightbox-sidebar {position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;min-width:100% !important;max-width:100% !important;height:120px !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(10px) !important;border-top:1px solid rgba(235,235,235,0.8) !important;border-right:none !important;padding:16px 0 !important;z-index:50 !important;overflow-x:auto !important;overflow-y:hidden !important;} .kampyeri-lightbox-sidebar-title {display:none !important;} .kampyeri-category-list {display:flex !important;flex-direction:row !important;gap:12px !important;padding:0 16px !important;overflow-x:auto !important;overflow-y:hidden !important;height:100% !important;align-items:flex-start !important;} .kampyeri-category-item {flex-shrink:0 !important;min-width:120px !important;padding:12px 16px !important;border-radius:20px !important;background:rgba(247,247,247,0.8) !important;border:1px solid rgba(235,235,235,0.8) !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:4px !important;height:80px !important;justify-content:center !important;} .kampyeri-category-item:hover {background:rgba(235,235,235,0.9) !important;border-color:rgba(113,113,113,0.5) !important;} .kampyeri-category-item.active {background:rgba(34,34,34,0.9) !important;border-color:rgba(34,34,34,0.9) !important;color:white !important;} .category-icon {font-size:18px !important;margin-bottom:2px !important;} .category-name {font-size:11px !important;font-weight:500 !important;line-height:1.2 !important;text-align:center !important;} .category-count {font-size:10px !important;opacity:0.7 !important;} .kampyeri-lightbox-main {height:calc(100vh - 190px) !important;height:calc(100dvh - 190px) !important;overflow:hidden !important;} .kampyeri-lightbox-photo-container {height:100% !important;background:#000 !important;display:flex !important;align-items:center !important;justify-content:center !important;} .kampyeri-lightbox-photo {max-width:100% !important;max-height:100% !important;object-fit:contain !important;border-radius:0 !important;} .kampyeri-lightbox-nav {width:40px !important;height:40px !important;background:rgba(255,255,255,0.9) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(235,235,235,0.8) !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;} .kampyeri-lightbox-prev {left:16px !important;} .kampyeri-lightbox-next {right:16px !important;} .kampyeri-lightbox-info {display:none !important;} .kampyeri-lightbox-thumbnails {display:none !important;} /* Hide scrollbars on mobile */ .kampyeri-lightbox-sidebar::-webkit-scrollbar,.kampyeri-category-list::-webkit-scrollbar {display:none !important;} .kampyeri-lightbox-sidebar,.kampyeri-category-list {-ms-overflow-style:none !important;scrollbar-width:none !important;}}