.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:0.85rem;color:var(--color-text-muted);transition:all 0.3s ease;}.page-numbers:hover{border-color:var(--color-accent);color:var(--color-accent);}.page-numbers.current{background:var(--color-accent);color:#fff;border-color:var(--color-accent);}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:var(--color-bg);}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--color-accent);}::selection{background:var(--color-accent);color:#fff;}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}[dir="rtl"] .hero__content,[dir="rtl"] .section__header{text-align:right;}[dir="rtl"] .product-card__footer{flex-direction:column;align-items:stretch;}[dir="rtl"] .product-card__footer .btn{width:100%;}[dir="rtl"] .cargo-card__route-arrow{transform:scaleX(-1);}[dir="rtl"] .nav-menu{direction:rtl;}@media print{.site-header,.site-footer,.chat-widget,.scroll-progress{display:none !important;}body{background:#fff;color:#000;}}.btn--whatsapp{background:#25d366;color:#fff;}.btn--whatsapp:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 8px 25px rgba(37,211,102,0.3);}.elele-floating-wa{position:fixed;bottom:2rem;right:2rem;z-index:999;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:transform 0.3s ease,box-shadow 0.3s ease;animation:pulse-ring 2s ease-out infinite;}.elele-floating-wa:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,0.5);color:#fff;}@media (max-width:768px){.dashboard [style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr !important;}}.elele-messenger{display:grid;grid-template-columns:300px 1fr 280px;height:100vh;padding-top:var(--nav-height);background:var(--color-bg);overflow:hidden;}.msg-col-list{border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden;}.msg-list-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);}.msg-list-header__title{font-size:0.88rem;font-weight:600;}.msg-list-header__count{background:var(--color-accent);color:#fff;font-size:0.6rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}.msg-list-header__count:empty{display:none;}.msg-list-search{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 1rem;border-bottom:1px solid var(--color-border);}.msg-list-search input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:0.82rem;font-family:var(--font-body);outline:none;}.msg-list-items{flex:1;overflow-y:auto;}.msg-conv{display:flex;align-items:center;gap:0.65rem;padding:0.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background 0.15s;}.msg-conv:hover{background:var(--color-surface-2);}.msg-conv--active{background:var(--color-surface-2);border-left:3px solid var(--color-accent);}.msg-conv--unread .msg-conv__name{font-weight:700;color:var(--color-text);}.msg-conv--unread .msg-conv__preview{color:var(--color-text);font-weight:500;}.msg-conv__avatar-wrap{position:relative;flex-shrink:0;}.msg-conv__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);}.msg-conv__dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-surface);}.msg-conv__body{flex:1;min-width:0;overflow:hidden;}.msg-conv__top{display:flex;align-items:center;gap:0.25rem;}.msg-conv__name{font-size:0.82rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.msg-conv__time{margin-left:auto;font-size:0.62rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;}.msg-conv__preview{font-size:0.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}.msg-conv__badge{background:var(--color-accent);color:#fff;font-size:0.58rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.msg-no-convs{padding:3rem 1rem;text-align:center;font-size:0.82rem;color:var(--color-text-muted);}.msg-col-chat{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-right:1px solid var(--color-border);}.msg-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:0.75rem;}.msg-chat-empty h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;}.msg-chat-empty p{color:var(--color-text-muted);font-size:0.85rem;max-width:280px;}.msg-chat-active{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;}.msg-chat-header{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;}.msg-back-btn{display:none;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;}.msg-chat-user{display:flex;align-items:center;gap:0.6rem;flex:1;min-width:0;text-decoration:none;color:inherit;}.msg-chat-user__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);}.msg-chat-user__name{font-weight:700;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.msg-chat-user__status{font-size:0.68rem;color:var(--color-text-muted);}.msg-header-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:0.82rem;transition:all 0.2s;}.msg-header-btn:hover,.msg-header-btn.active{background:var(--color-surface-2);border-color:var(--color-accent);color:var(--color-accent);}.msg-system-notice{padding:0.5rem 1rem;background:rgba(16,185,129,0.05);border-bottom:1px solid var(--color-border);font-size:0.7rem;color:var(--color-text-muted);display:flex;align-items:center;gap:0.4rem;flex-shrink:0;}.msg-subject-bar{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);font-size:0.78rem;color:var(--color-gold);flex-shrink:0;}.msg-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.35rem;background:var(--color-bg);}.msg-start-hint{padding:3rem;text-align:center;color:var(--color-text-muted);font-size:0.82rem;}.msg-bubble{max-width:65%;display:flex;flex-direction:column;position:relative;animation:msgIn 0.2s ease-out;}.msg-bubble--mine{align-self:flex-end;}.msg-bubble--other{align-self:flex-start;}.msg-bubble__text{padding:0.6rem 0.9rem;border-radius:14px;font-size:0.85rem;line-height:1.5;word-break:break-word;}.msg-bubble--mine .msg-bubble__text{background:var(--color-accent);color:#fff;border-bottom-right-radius:4px;}.msg-bubble--other .msg-bubble__text{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:4px;}.msg-bubble__translate-link{background:none;border:none;color:var(--color-text-muted);font-size:0.6rem;cursor:pointer;padding:1px 4px;opacity:0;transition:opacity 0.2s;}.msg-bubble:hover .msg-bubble__translate-link{opacity:1;}.msg-bubble__meta{display:flex;align-items:center;gap:4px;padding:0 4px;margin-top:1px;}.msg-bubble__time{font-size:0.58rem;color:var(--color-text-muted);}.msg-bubble__check{font-size:0.58rem;color:var(--color-success);}.msg-bubble__del{display:none;position:absolute;top:0;right:-20px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:0.9rem;opacity:0.4;}.msg-bubble:hover .msg-bubble__del{display:block;}.msg-bubble__del:hover{opacity:1;color:var(--color-danger);}.msg-bubble__flagged{padding:0.6rem 0.9rem;border-radius:14px;background:var(--color-surface-2);border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:0.78rem;display:flex;align-items:center;gap:0.4rem;font-style:italic;}.msg-typing-bar{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 1rem;font-size:0.72rem;color:var(--color-text-muted);flex-shrink:0;}.msg-typing-dots{display:flex;gap:3px;}.msg-typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--color-text-muted);animation:typDot 1.4s infinite;}.msg-typing-dots i:nth-child(2){animation-delay:0.2s;}.msg-typing-dots i:nth-child(3){animation-delay:0.4s;}@keyframes typDot{0%,60%,100%{opacity:0.3;transform:translateY(0);}30%{opacity:1;transform:translateY(-3px);}}.msg-input-bar{display:flex;align-items:flex-end;gap:0.5rem;padding:0.6rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;}.msg-input-bar textarea{flex:1;padding:0.55rem 0.9rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:18px;color:var(--color-text);font-family:var(--font-body);font-size:0.85rem;resize:none;max-height:120px;line-height:1.4;}.msg-input-bar textarea:focus{outline:none;border-color:var(--color-accent);}.msg-send-btn{width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;}.msg-send-btn:hover{background:var(--color-accent2);}.msg-col-profile{background:var(--color-surface);display:flex;flex-direction:column;overflow-y:auto;}.msg-profile-card{padding:1.5rem;}.msg-profile-card__header{text-align:center;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border);}.msg-profile-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-text);}.msg-profile-card__body{padding:1.25rem 0;}.msg-profile-row{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--color-border);font-size:0.82rem;}.msg-profile-label{color:var(--color-text-muted);}.msg-profile-value{font-weight:600;color:var(--color-text);text-align:right;}.msg-profile-card__footer{padding-top:1rem;}.msg-loading{display:flex;align-items:center;justify-content:center;padding:3rem;}.msg-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes msgIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}@keyframes spin{to{transform:rotate(360deg);}}@media(max-width:1024px){.elele-messenger{grid-template-columns:280px 1fr;}.msg-col-profile{display:none;}}@media(max-width:768px){.elele-messenger{grid-template-columns:1fr;}.msg-col-list{position:absolute;inset:0;z-index:2;padding-top:var(--nav-height);}.msg-col--hidden{display:none!important;}.msg-back-btn{display:block;}.msg-col-chat{position:absolute;inset:0;z-index:3;padding-top:var(--nav-height);}.msg-col-profile{display:none;}.msg-bubble{max-width:85%;}.elele-messenger{position:relative;}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--color-surface);border-top:1px solid var(--color-border);padding:0.4rem 0 max(0.4rem,env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.mobile-bottom-nav__inner{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0.4rem 0.75rem;color:var(--color-text-muted);text-decoration:none;font-size:0.6rem;font-weight:600;letter-spacing:0.02em;transition:color 0.2s;position:relative;-webkit-tap-highlight-color:transparent;}.mobile-bottom-nav__item:active,.mobile-bottom-nav__item.active{color:var(--color-accent);}.mobile-bottom-nav__item svg{width:18px;height:18px;}.mobile-bottom-nav__badge{position:absolute;top:0;right:0.3rem;background:var(--color-accent);color:#fff;font-size:0.5rem;font-weight:700;min-width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;}@media(max-width:768px){.mobile-bottom-nav{display:block;}body{padding-bottom:70px;}.elele-floating-wa{bottom:80px;}.hamburger{display:flex!important;}.nav-menu{display:none!important;}.nav-actions .btn{display:none!important;}.nav-actions .lang-switcher{display:none!important;}.site-header{padding:0 1rem;height:56px;}.site-logo{font-size:1.3rem;}.product-card__footer{flex-direction:column;gap:0.75rem;padding:1rem;}.product-card__footer .btn{width:100%;justify-content:center;min-height:44px;}.product-card__footer .product-card__action{width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;}.cargo-card .btn{min-height:44px;}.cards-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 0.5rem;}.hero__title{font-size:clamp(2rem,6vw,3rem);}.hero__stats{flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;}.hero__stat-value{font-size:1.8rem;}.search-bar{flex-direction:column;}.search-bar__input,.search-bar__select{min-width:100%;}.search-bar .btn{width:100%;min-height:48px;}.section{padding:clamp(2rem,6vw,4rem) 0;}.section__title{font-size:clamp(1.5rem,4vw,2rem);}.footer-grid{grid-template-columns:1fr;gap:1.5rem;text-align:center;}.footer-bottom{flex-direction:column;gap:0.5rem;text-align:center;font-size:0.68rem!important;}.dashboard [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;}.dashboard [style*="display:flex"][style*="gap:2rem"]{flex-direction:column;}.route-map__visual{flex-direction:column;gap:1.5rem;}.route-map__line{width:60px;height:2px;transform:rotate(90deg);}.steps-grid{grid-template-columns:1fr;}.supplier-card{padding:1.25rem;}section[style*="grid-template-columns:1fr 1fr"],section[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;}section[style*="grid-template-columns:1fr 1fr"] > div:first-child{display:none!important;}.mobile-nav{padding:2rem;gap:1.5rem;}.mobile-nav a{font-size:1.2rem!important;padding:0.75rem 0;width:100%;text-align:center;border-bottom:1px solid var(--color-border);}.role-selector{grid-template-columns:1fr!important;}section .container > div[style*="grid-template-columns:repeat"]{grid-template-columns:1fr!important;}}@media(max-width:380px){.container{padding:0 0.75rem;}.hero__content{padding-left:1rem;padding-right:1rem;}.product-card__body{padding:1rem;}.msg-conv__name{font-size:0.78rem;}}.goog-te-banner-frame,.skiptranslate{display:none!important;}body{top:0!important;}#google_translate_element select{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:0.78rem;font-family:var(--font-body);}.goog-te-gadget{font-size:0!important;}.goog-te-gadget span{display:none!important;}.msg-attach-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;}.msg-attach-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(220,38,38,0.05);}.msg-bubble__file{border-radius:12px;overflow:hidden;max-width:280px;}.msg-bubble__img{width:100%;max-width:260px;max-height:220px;object-fit:cover;border-radius:12px;display:block;cursor:pointer;transition:opacity 0.2s;}.msg-bubble__img:hover{opacity:0.9;}.msg-bubble__video{width:100%;max-width:280px;border-radius:12px;display:block;background:#000;}.msg-bubble__pdf{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:0.75rem 1rem;}.msg-bubble__pdf a{display:flex;align-items:center;gap:0.5rem;color:var(--color-text);text-decoration:none;font-size:0.82rem;}.msg-bubble__pdf a:hover{color:var(--color-accent);}.msg-bubble__pdf small{color:var(--color-text-muted);font-size:0.68rem;margin-left:auto;}.msg-bubble__uploading{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 0.9rem;background:var(--color-surface-2);border-radius:12px;font-size:0.78rem;color:var(--color-text-muted);}@media(max-width:768px){.msg-bubble__file{max-width:220px;}.msg-bubble__img,.msg-bubble__video{max-width:220px;}}.ad-pack-card{display:block;cursor:pointer;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;text-align:center;transition:all 0.3s;position:relative;-webkit-tap-highlight-color:transparent;}.ad-pack-card:hover{border-color:var(--color-gold);background:var(--color-surface-2);}.ad-pack-card--selected,.ad-pack-card--selected:hover{border-color:var(--color-gold);background:rgba(212,168,67,0.05);box-shadow:0 0 0 3px rgba(212,168,67,0.2);}.ad-pack-card__badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-gold);color:var(--color-bg);font-size:0.6rem;font-weight:700;padding:2px 10px;border-radius:50px;text-transform:uppercase;white-space:nowrap;}.product-card--sponsored{border-color:rgba(212,168,67,0.3);background:var(--color-surface-2);}.product-card--sponsored:hover{border-color:var(--color-gold);}.elele-sponsored-banner{transition:all 0.3s;}.elele-sponsored-banner:hover{border-color:var(--color-gold);box-shadow:0 4px 20px rgba(0,0,0,0.2);}.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--color-accent);color:#fff;font-size:0.5rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;}.notif-dropdown{position:fixed;top:60px;right:16px;width:360px;max-height:480px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.4);z-index:1001;overflow:hidden;display:flex;flex-direction:column;}.notif-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:0.88rem;font-weight:700;}.notif-dropdown__list{overflow-y:auto;flex:1;max-height:400px;}.notif-item{display:flex;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit;transition:background 0.15s;}.notif-item:hover{background:var(--color-surface-2);}.notif-item--unread{background:rgba(220,38,38,0.03);border-left:3px solid var(--color-accent);}.notif-item__icon{font-size:1.2rem;flex-shrink:0;margin-top:2px;}.notif-item__body{flex:1;min-width:0;}.notif-item__title{font-size:0.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.notif-item__msg{font-size:0.72rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media(max-width:768px){.notif-dropdown{right:8px;left:8px;width:auto;top:56px;}#notif-bell{display:none;}}.dash-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem;}.dash-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;text-align:center;transition:all 0.3s;position:relative;overflow:hidden;}.dash-stat:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}.dash-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}.dash-stat--accent::before{background:var(--color-accent);}.dash-stat--gold::before{background:var(--color-gold);}.dash-stat--success::before{background:var(--color-success);}.dash-stat--info::before{background:var(--color-info);}.dash-stat__value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;}.dash-stat__label{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-top:0.35rem;}.dash-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;}.dash-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--color-border);}.dash-section__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:0.5rem;}.dash-product-row{display:flex;align-items:center;gap:1rem;padding:0.75rem 0;border-bottom:1px solid var(--color-border);transition:background 0.15s;}.dash-product-row:last-child{border-bottom:none;}.dash-product-row:hover{background:var(--color-surface-2);border-radius:8px;padding-left:0.5rem;padding-right:0.5rem;}.dash-product-row__thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--color-surface-2);flex-shrink:0;}.dash-product-row__info{flex:1;min-width:0;}.dash-product-row__title{font-weight:600;font-size:0.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-product-row__meta{font-size:0.72rem;color:var(--color-text-muted);display:flex;gap:0.75rem;margin-top:2px;}.dash-product-row__actions{display:flex;gap:0.4rem;flex-shrink:0;}.dash-action-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:0.75rem;}.dash-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(220,38,38,0.05);}.dash-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.75rem;}.dash-quick-btn{display:flex;flex-direction:column;align-items:center;gap:0.4rem;padding:1.25rem 0.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;color:var(--color-text);font-size:0.78rem;font-weight:600;transition:all 0.2s;text-align:center;}.dash-quick-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);}.dash-quick-btn__icon{font-size:1.5rem;}
@media(max-width:768px){.dashboard [style*='grid-template-columns:1fr 300px']{grid-template-columns:1fr!important;}}

/* ═══ PHOTO JOINING — Preview Strip ═══ */
.msg-photo-preview{border-top:1px solid var(--color-border);background:var(--color-surface);padding:0.5rem 1rem;flex-shrink:0;}
.msg-photo-preview__header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem;}
.msg-photo-preview__count{font-size:0.72rem;font-weight:600;color:var(--color-text-muted);flex:1;}
.msg-photo-preview__add,.msg-photo-preview__clear{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.msg-photo-preview__add:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(220,38,38,0.05);}
.msg-photo-preview__clear:hover{border-color:var(--color-danger,#ef4444);color:var(--color-danger,#ef4444);background:rgba(239,68,68,0.05);}
.msg-photo-preview__strip{display:flex;gap:0.5rem;overflow-x:auto;padding:0.25rem 0;scrollbar-width:thin;}
.msg-photo-preview__strip::-webkit-scrollbar{height:4px;}
.msg-photo-preview__strip::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:2px;}
.msg-photo-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid var(--color-border);transition:border-color 0.2s;cursor:default;}
.msg-photo-thumb:hover{border-color:var(--color-accent);}
.msg-photo-thumb img{width:100%;height:100%;object-fit:cover;}
.msg-photo-thumb__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,0.7);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.55rem;font-weight:700;opacity:0;transition:opacity 0.15s;line-height:1;}
.msg-photo-thumb:hover .msg-photo-thumb__remove{opacity:1;}
.msg-photo-thumb__remove:hover{background:var(--color-danger,#ef4444);}
.msg-photo-thumb--sending{opacity:0.5;pointer-events:none;}
.msg-photo-thumb--sending::after{content:'';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);}

/* ═══ PHOTO JOINING — Drag & Drop Overlay ═══ */
.msg-drop-overlay{display:none;position:absolute;inset:0;z-index:100;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);align-items:center;justify-content:center;}
.msg-drop-overlay--active{display:flex;}
.msg-drop-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 3rem;background:var(--color-surface);border:3px dashed var(--color-accent);border-radius:16px;color:var(--color-text);font-size:0.95rem;font-weight:600;animation:dropPulse 1.5s ease-in-out infinite;}
@keyframes dropPulse{0%,100%{transform:scale(1);border-color:var(--color-accent);}50%{transform:scale(1.02);border-color:var(--color-gold);}}

/* ═══ PHOTO JOINING — Lightbox ═══ */
.msg-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:lbFadeIn 0.2s ease-out;}
.msg-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.92);cursor:pointer;}
.msg-lightbox__content{position:relative;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh;z-index:1;}
.msg-lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5);user-select:none;-webkit-user-drag:none;transition:opacity 0.2s;}
.msg-lightbox__close{position:fixed;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:2;}
.msg-lightbox__close:hover{background:rgba(255,255,255,0.25);}
.msg-lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:2;}
.msg-lightbox__nav:hover{background:rgba(255,255,255,0.25);}
.msg-lightbox__prev{left:1rem;}
.msg-lightbox__next{right:1rem;}
.msg-lightbox__counter{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.7);font-size:0.82rem;font-weight:600;z-index:2;}
.msg-lightbox__download{position:fixed;bottom:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:2;text-decoration:none;}
.msg-lightbox__download:hover{background:rgba(255,255,255,0.25);color:#fff;}
@keyframes lbFadeIn{from{opacity:0;}to{opacity:1;}}

/* ═══ PHOTO JOINING — Multi-image grid in bubble ═══ */
.msg-bubble__gallery{display:grid;gap:3px;border-radius:12px;overflow:hidden;max-width:320px;}
.msg-bubble__gallery--1{grid-template-columns:1fr;}
.msg-bubble__gallery--2{grid-template-columns:1fr 1fr;}
.msg-bubble__gallery--3{grid-template-columns:1fr 1fr;}.msg-bubble__gallery--3 .msg-gallery-item:first-child{grid-row:span 2;}
.msg-bubble__gallery--4{grid-template-columns:1fr 1fr;}
.msg-bubble__gallery .msg-gallery-item{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:1;background:var(--color-surface-2);}
.msg-bubble__gallery--1 .msg-gallery-item{aspect-ratio:auto;max-height:320px;}
.msg-bubble__gallery .msg-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s;}
.msg-bubble__gallery .msg-gallery-item:hover img{transform:scale(1.05);}
.msg-gallery-item__more{position:absolute;inset:0;background:rgba(0,0,0,0.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;}

/* ═══ PHOTO JOINING — Paste hint ═══ */
.msg-input-bar textarea::placeholder{transition:color 0.2s;}
.msg-paste-hint{position:absolute;bottom:100%;left:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:0.35rem 0.65rem;font-size:0.68rem;color:var(--color-text-muted);white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.15);animation:hintIn 0.2s ease-out;pointer-events:none;}
@keyframes hintIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}

@media(max-width:768px){
    .msg-photo-preview__strip{gap:0.35rem;}
    .msg-photo-thumb{width:56px;height:56px;border-radius:6px;}
    .msg-lightbox__nav{width:36px;height:36px;}
    .msg-lightbox__prev{left:0.5rem;}
    .msg-lightbox__next{right:0.5rem;}
    .msg-bubble__gallery{max-width:240px;}
}

/* AJAX Search Autocomplete */
.search-bar__input-wrap{flex:1;position:relative;}
.search-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 12px 12px;box-shadow:0 12px 40px rgba(0,0,0,0.4);z-index:100;max-height:400px;overflow-y:auto;}
.search-ac__item{display:flex;align-items:center;gap:0.75rem;padding:0.7rem 1rem;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background 0.15s;}
.search-ac__item:last-child{border-bottom:none;}
.search-ac__item:hover{background:var(--color-surface-2);}
.search-ac__thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.search-ac__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--color-surface-2);border-radius:8px;flex-shrink:0;}
.search-ac__info{flex:1;min-width:0;}
.search-ac__title{font-weight:600;font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-ac__sub{font-size:0.7rem;color:var(--color-text-muted);}
.search-ac__type{font-size:1rem;flex-shrink:0;opacity:0.6;}

/* Language switcher responsive */
.lang-switcher--mobile{display:none;}
@media(max-width:768px){
.lang-switcher--desktop{display:none!important;}
.lang-switcher--mobile{display:block!important;}
/* Override the minified block that hides .nav-actions .lang-switcher — show the mobile select in the header,
   positioned LEFT of the mode toggle (DOM order already correct) */
.nav-actions .lang-switcher--mobile{display:flex!important;align-items:center;}
.nav-actions .lang-switcher--mobile select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:3px 6px;font-size:0.68rem;font-family:var(--font-body);cursor:pointer;max-width:72px;}
/* Ensure mode toggle stays visible on mobile */
#elele-mode-toggle{display:inline-flex!important;}
}

/* Single Product Page Styles */
.single-product__grid {
    gap: 2rem;
}

.single-product__main-image img {
    transition: transform 0.3s ease;
}

.single-product__main-image:hover img {
    transform: scale(1.02);
}

.gallery-item {
    transition: all 0.3s ease;
    cursor: pointer;
}

.gallery-item:hover {
    border-color: var(--color-primary);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.single-product__pricing {
    position: relative;
    overflow: hidden;
}

.single-product__pricing::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
}

.single-product__supplier {
    transition: all 0.3s ease;
}

.single-product__supplier:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Single Cargo Page Styles */
.single-cargo__header {
    position: relative;
    overflow: hidden;
}

.single-cargo__header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(59,130,246,0.05) 0%, rgba(16,185,129,0.05) 100%);
    pointer-events: none;
}

.spec-item {
    transition: all 0.3s ease;
}

.spec-item:hover {
    transform: translateY(-2px);
}

.spec-item:hover .spec-icon {
    transform: scale(1.1);
}

.service-tag {
    transition: all 0.3s ease;
}

.service-tag:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.supplier-card {
    transition: all 0.3s ease;
}

.supplier-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}

/* Single Supplier Page Styles */
.single-supplier__header {
    position: relative;
    overflow: hidden;
}

.single-supplier__header::before,
.single-supplier__header::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
    animation: float 6s ease-in-out infinite;
}

.single-supplier__header::before {
    top: 10%;
    right: 10%;
    width: 200px;
    height: 200px;
    background: white;
}

.single-supplier__header::after {
    bottom: 10%;
    left: 10%;
    width: 150px;
    height: 150px;
    background: white;
    animation-delay: 3s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

.specialization-item {
    transition: all 0.3s ease;
}

.specialization-item:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.certification-item {
    transition: all 0.3s ease;
}

.certification-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.company-info {
    transition: all 0.3s ease;
}

.company-info:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

/* Responsive adjustments */
@media (max-width: 968px) {
    .single-product__grid,
    .single-cargo__grid,
    .single-supplier__grid {
        grid-template-columns: 1fr;
    }
    
    .single-cargo__sidebar,
    .single-supplier__sidebar {
        position: static !important;
    }
}

@media (max-width: 768px) {
    .single-product__actions,
    .single-cargo__header > div,
    .single-supplier__header > div {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .single-product__actions .btn-container,
    .single-cargo__cta,
    .single-supplier__cta {
        width: 100%;
    }
    
    .specs-grid,
    .services-list,
    .specializations-list,
    .certifications-list {
        grid-template-columns: 1fr;
    }
}