/* ==========================================================================
   Lankan Travel — complete public-site mobile refinement (V9)
   Loaded after every approved page stylesheet. The approved Home page keeps
   its own purpose-built mobile composition; these rules refine all other
   public pages into the same compact, premium visual language.
   ========================================================================== */

@media (max-width: 760px) {
    body.site:not(.page-home) {
        --mobile-edge: 18px;
        --mobile-navy: #071f47;
        --mobile-blue: #0d5fce;
        --mobile-gold: #d2a23d;
        --mobile-ink: #10284f;
        --mobile-muted: #5e6f8b;
        --mobile-line: #dce5f2;
        --mobile-mist: #f2f6fc;
        overflow-x: hidden;
        color: var(--mobile-ink);
        background: #fff;
    }

    body.site:not(.page-home) #main-content { overflow: hidden; }
    body.site:not(.page-home) .container {
        width: 100%;
        max-width: none;
        padding-right: var(--mobile-edge);
        padding-left: var(--mobile-edge);
    }
    body.site:not(.page-home) h1,
    body.site:not(.page-home) h2,
    body.site:not(.page-home) h3 { color: var(--mobile-navy); text-wrap: balance; }
    body.site:not(.page-home) h1 { font-size: clamp(2.15rem, 10vw, 3.15rem); line-height: .98; letter-spacing: -.035em; }
    body.site:not(.page-home) h2 { font-size: clamp(1.65rem, 7.3vw, 2.25rem); line-height: 1.08; }
    body.site:not(.page-home) h3 { font-size: clamp(1.18rem, 5vw, 1.5rem); line-height: 1.18; }
    body.site:not(.page-home) p,
    body.site:not(.page-home) li { line-height: 1.65; }
    body.site:not(.page-home) img { max-width: 100%; }
    body.site:not(.page-home) .lead { font-size: 1rem; line-height: 1.65; color: var(--mobile-muted); }
    body.site:not(.page-home) .admin-breadcrumbs,
    body.site:not(.page-home) nav[aria-label="Breadcrumb"] {
        max-width: 100%; overflow-x: auto; white-space: nowrap; scrollbar-width: none;
        font-size: .72rem; line-height: 1.4; letter-spacing: .02em;
    }
    body.site:not(.page-home) nav[aria-label="Breadcrumb"]::-webkit-scrollbar { display: none; }

    body.site:not(.page-home) .btn {
        min-height: 48px; padding: .78rem 1rem; border-radius: 10px;
        justify-content: center; text-align: center; font-size: .86rem; line-height: 1.2;
    }
    body.site:not(.page-home) input,
    body.site:not(.page-home) select,
    body.site:not(.page-home) textarea {
        width: 100%; max-width: 100%; min-height: 48px; border-radius: 9px;
        padding: .75rem .85rem; font-size: 16px; background: #fff;
    }
    body.site:not(.page-home) textarea { min-height: 116px; }
    body.site:not(.page-home) .form-group { min-width: 0; margin-bottom: 1rem; }
    body.site:not(.page-home) .form-group label { margin-bottom: .42rem; font-size: .8rem; line-height: 1.35; }
    body.site:not(.page-home) .form-hint { font-size: .75rem; line-height: 1.5; }
    body.site:not(.page-home) .checkbox-group,
    body.site:not(.page-home) .radio-group { align-items: flex-start; gap: .65rem; }
    body.site:not(.page-home) .checkbox-group input,
    body.site:not(.page-home) .radio-group input { flex: 0 0 20px; width: 20px; min-height: 20px; margin-top: .1rem; }
    body.site:not(.page-home) .checkbox-group label,
    body.site:not(.page-home) .radio-group label { min-width: 0; line-height: 1.45; }
    body.site:not(.page-home) .filter-bar {
        display: grid; grid-template-columns: 1fr; gap: .85rem; padding: 1rem;
        border: 1px solid var(--mobile-line); border-radius: 14px; background: var(--mobile-mist);
    }
    body.site:not(.page-home) .filter-bar .form-group { margin: 0; }
    body.site:not(.page-home) .filter-bar .btn { width: 100%; }

    /* Consistent compact photographic heroes. */
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) {
        min-height: 390px; height: auto; isolation: isolate;
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) > img {
        position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero)::after {
        content: ""; position: absolute; inset: 0; z-index: -1;
        background: linear-gradient(180deg, rgba(2,18,43,.14), rgba(3,24,58,.84));
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) > .container {
        position: relative; z-index: 2; display: flex; min-height: 390px; flex-direction: column;
        justify-content: flex-end; padding-top: 82px; padding-bottom: 2rem;
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) h1 {
        max-width: 12ch; margin: .5rem 0 .7rem; color: #fff; font-size: clamp(2.35rem, 11vw, 3.35rem);
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) p {
        margin: 0; color: #efc96f; font-size: .69rem; font-weight: 850; letter-spacing: .17em;
    }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) .container > span {
        max-width: 33rem; color: rgba(255,255,255,.9); font-size: .93rem; line-height: 1.55;
    }

    /* Directory pages: elegant single-column cards with shorter images. */
    body.site:not(.page-home) :is(.destinations-directory,.activities-directory,.tour-packages-page,.fleet-directory,.gallery-directory,.chauffeur-main) {
        padding-top: 2rem; padding-bottom: 2.75rem;
    }
    body.site:not(.page-home) :is(.destinations-grid,.activities-grid,.card-grid,.gallery-full-grid,.why-choose-grid,.reviews-grid) {
        grid-template-columns: 1fr;
    }
    body.site:not(.page-home) :is(.destination-card,.activity-card,.content-card,.review-card,.why-choose-card) {
        overflow: hidden; border: 1px solid var(--mobile-line); border-radius: 16px;
        background: #fff; box-shadow: 0 12px 30px rgba(7,31,71,.08);
    }
    body.site:not(.page-home) :is(.destination-card,.activity-card,.content-card) img {
        width: 100%; height: 218px; object-fit: cover;
    }
    body.site:not(.page-home) :is(.destination-card,.activity-card,.content-card) > div { padding: 1.05rem; }
    body.site:not(.page-home) :is(.destination-card,.activity-card,.content-card) h3 { margin: .3rem 0 .5rem; }
    body.site:not(.page-home) :is(.destination-card,.activity-card,.content-card) p { margin: 0 0 .8rem; font-size: .88rem; }

    body.page-destinations .destinations-directory { background: linear-gradient(180deg,#f5f8fd 0%,#fff 34%); }
    body.page-destinations .destinations-grid { gap: 1rem; }
    body.page-destinations .destination-card { flex-basis: 100%; }
    body.page-destinations .destination-card__body { min-height: 0; padding: 1rem; }

    /* Experiences listing and pagination. */
    body.page-activities .activities-filter { margin-bottom: 1.35rem; }
    body.page-activities .activity-card { display: block; }
    body.page-activities .activity-card__photo { display: block; aspect-ratio: 16/10; overflow: hidden; }
    body.page-activities .activity-card__photo img { height: 100%; }
    body.page-activities .activities-pagination { justify-content: center; flex-wrap: wrap; gap: .45rem; }
    body.page-activities .activities-pagination a,
    body.page-activities .activities-pagination span { min-width: 42px; min-height: 42px; }

    /* Destination and experience detail pages. */
    body.site:not(.page-home) :is(.destination-detail-hero,.activity-detail__header) { min-height: 420px; }
    body.site:not(.page-home) .destination-detail-hero__content { padding-top: 92px; padding-bottom: 2rem; }
    body.site:not(.page-home) .destination-detail-hero h1 { color: #fff; font-size: clamp(2.45rem, 12vw, 3.5rem); }
    body.site:not(.page-home) .destination-detail-hero__intro { font-size: .96rem; line-height: 1.55; }
    body.site:not(.page-home) :is(.destination-detail-layout,.activity-detail__layout) {
        display: block; padding-top: 1.5rem; padding-bottom: 2.6rem;
    }
    body.site:not(.page-home) :is(.destination-detail-main,.activity-detail__main) { min-width: 0; }
    body.site:not(.page-home) :is(.destination-detail-aside,.activity-detail__aside) {
        position: static; width: 100%; margin-top: 1.25rem;
    }
    body.page-activity-detail .activity-detail { padding-top: 1.25rem; }
    body.page-activity-detail .activity-detail__header { min-height: 0; }
    body.page-activity-detail .activity-detail__header h1 { margin: .45rem 0; font-size: 2.15rem; }
    body.page-activity-detail .activity-detail__single-photo,
    body.page-activity-detail .hero-photo { height: 245px; margin-bottom: 1.2rem !important; border-radius: 14px !important; object-fit: cover; }
    body.page-activity-detail :is(.experience-box,.experience-enquiry) { padding: 1.1rem; border-radius: 14px; }
    body.page-activity-detail :is(.experience-box-grid,.experience-facts) { grid-template-columns: 1fr; gap: .75rem; }
    body.page-destination-detail :is(.destination-gallery,.destination-attraction-grid) { grid-template-columns: 1fr; }
    body.page-destination-detail .destination-attraction-card img { height: 210px; object-fit: cover; }

    /* Tour listing and itinerary. */
    body.page-tours .tour-day-filters { overflow-x: auto; flex-wrap: nowrap; padding-bottom: .4rem; scrollbar-width: none; }
    body.page-tours .tour-day-filters::-webkit-scrollbar { display: none; }
    body.page-tours .tour-day-filters > * { flex: 0 0 auto; }
    body.page-tours .tour-duration-section { padding-block: 1.5rem; }
    body.page-tours .tour-duration-carousel { margin-inline: 0; padding-inline: 2px; }
    body.page-tours .tour-duration-carousel__viewport { border-radius: 15px; }
    body.page-tours .tour-duration-carousel__track { gap: .8rem; }
    body.page-tours .tour-duration-carousel__slide { flex-basis: 100%; border-radius: 15px; box-shadow: 0 10px 28px rgba(7,31,71,.08); }
    body.page-tours .tour-duration-carousel__slide .content-card__image { height: 215px; object-fit: cover; }
    body.page-tours .tour-duration-carousel__slide .content-card__body { min-height: 0; padding: 1rem; }
    body.page-tours .tour-duration-carousel__arrow { width: 38px; height: 38px; box-shadow: 0 5px 18px rgba(7,31,71,.2); }
    body.page-tour-detail .tour-detail__hero { min-height: 520px; }
    body.page-tour-detail .tour-detail__hero-inner { min-height: 520px; justify-content: flex-end; padding-top: 86px; padding-bottom: 2rem; }
    body.page-tour-detail .tour-detail__hero h1 { color: #fff; font-size: clamp(2.2rem, 10.5vw, 3rem); }
    body.page-tour-detail .tour-detail__summary { font-size: .92rem; }
    body.page-tour-detail .tour-detail__facts { display: flex; flex-wrap: wrap; gap: .45rem; }
    body.page-tour-detail .tour-detail__fact { padding: .45rem .62rem; font-size: .7rem; }
    body.page-tour-detail .tour-detail__actions { display: grid; grid-template-columns: 1fr; gap: .65rem; }
    body.page-tour-detail .tour-detail__body { padding-top: 1.5rem; padding-bottom: 2.75rem; }
    body.page-tour-detail :is(.tour-detail__intro,.tour-detail__service-grid,.tour-activity-grid) { grid-template-columns: 1fr; }
    body.page-tour-detail .tour-day-card { grid-template-columns: 1fr; border-radius: 15px; }
    body.page-tour-detail .tour-day-card__lead { min-height: 180px; }
    body.page-tour-detail .tour-day-card__content { padding: 1rem; }
    body.page-tour-detail .tour-detail__final-cta { padding: 1.25rem; }

    /* Fleet and chauffeur pages. */
    body.page-fleet-detail .container > .hero-photo,
    body.page-chauffeur .chauffeur-main > .hero-photo { height: 240px; border-radius: 14px !important; object-fit: cover; }
    body.page-fleet-detail .card-grid { gap: 1rem; }
    body.page-chauffeur :is(.chauffeur-intro,.chauffeur-standards,.chauffeur-how) { padding-block: 1.5rem; }
    body.page-chauffeur .chauffeur-reviews > div { grid-template-columns: 1fr; }
    body.page-chauffeur .chauffeur-reviews article { padding: 1.1rem; border-radius: 14px; }

    /* Gallery: two visual columns without an excessively long page. */
    body.page-gallery .gallery-full-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    body.page-gallery .gallery-preview-item { min-width: 0; aspect-ratio: 1/1.08; border-radius: 10px; overflow: hidden; }
    body.page-gallery .gallery-preview-item img { width: 100%; height: 100%; object-fit: cover; }
    body.page-gallery .gallery-full-grid__caption { padding: .55rem; font-size: .68rem; line-height: 1.25; }
    body.page-gallery .gallery-social { padding-block: 2rem; }

    /* About: alternate imagery and text while staying compact. */
    body.page-about .about-hero {
        padding: 1.25rem 0 2.5rem;
        background:
            radial-gradient(circle at 92% 8%,rgba(54,122,232,.28),transparent 17rem),
            radial-gradient(circle at 4% 92%,rgba(210,162,61,.13),transparent 14rem),
            linear-gradient(145deg,#02142f 0%,#06265a 58%,#0b4ca5 100%);
    }
    body.page-about .about-hero__grid,
    body.page-about .about-story-layout,
    body.page-about .about-story-layout--reverse { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
    body.page-about .about-hero__copy {
        padding: 1.15rem;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 18px;
        background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
        box-shadow: 0 20px 44px rgba(0,0,0,.2);
    }
    body.page-about .about-breadcrumb { margin-bottom: 1.35rem; color: #c9d8ed; }
    body.page-about .about-breadcrumb a { color: #fff; }
    body.page-about .about-eyebrow { color: #f1cc74; font-size: .67rem; line-height: 1.45; }
    body.page-about .about-hero h1 {
        margin: .85rem 0 .8rem; color: #fff !important;
        font-size: clamp(2.25rem,11vw,3.15rem); line-height: 1.02;
        text-shadow: 0 6px 22px rgba(0,0,0,.26);
    }
    body.page-about .about-hero__subtitle { color: #f4d58c; font-size: 1.18rem; line-height: 1.45; }
    body.page-about .about-hero__summary { color: #e4ecf7; font-size: .94rem; line-height: 1.7; }
    body.page-about .about-hero__actions { display: grid; grid-template-columns: 1fr; gap: .65rem; }
    body.page-about .about-hero__actions .btn--primary { border: 1px solid #f2ce76; background: #e8bd5b; color: #061b3d; }
    body.page-about .about-text-link {
        display: flex; min-height: 48px; align-items: center; justify-content: center;
        padding: .75rem 1rem; border: 1px solid rgba(255,255,255,.5); border-radius: 10px;
        color: #fff !important; background: rgba(255,255,255,.055); text-align: center;
    }
    body.page-about .about-text-link span { color: #f1cc74; }
    body.page-about .about-hero__visual { min-height: 0; order: -1; }
    body.page-about .about-hero__visual img { width: 100%; height: 270px; object-fit: cover; border-radius: 16px; }
    body.page-about .about-hero__brand-card {
        width: 100%; min-height: 150px; padding: 1.2rem;
        border: 1px solid rgba(255,255,255,.17); border-radius: 18px;
        background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
        box-shadow: 0 18px 42px rgba(0,0,0,.22);
    }
    body.page-about .about-hero__brand-card img {
        width: min(100%,300px); height: auto; max-height: 125px; object-fit: contain;
        border-radius: 0; filter: brightness(0) invert(1); mix-blend-mode: screen;
        opacity: .96; box-shadow: none;
    }
    body.page-about .about-hero__brand-card span { margin-top: .55rem; color: #f1cc74; font-size: .65rem; }
    body.page-about .about-signatures__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; }
    body.page-about .about-signatures__grid > div { min-width: 0; padding: .8rem .45rem; }
    body.page-about .about-signatures__grid small { font-size: .62rem; line-height: 1.3; }
    body.page-about .about-story-section { padding-block: 2.3rem; }
    body.page-about .about-section-heading { gap: .75rem; }
    body.page-about .about-story-image { order: -1; }
    body.page-about .about-story-image img { width: 100%; height: 235px; object-fit: cover; border-radius: 14px; }
    body.page-about .about-why__grid,
    body.page-about .about-reviews .container > div { grid-template-columns: 1fr; }
    body.page-about .about-why__heading h2,
    body.page-about .about-why__card h3 { color: #fff !important; }
    body.page-about .about-why__heading p,
    body.page-about .about-why__card p { color: #c9d7ea; }
    body.page-about .about-reviews article h3 { color: var(--mobile-navy); }
    body.page-about .about-final-cta__inner { display: grid; grid-template-columns: 1fr; gap: 1rem; padding-block: 2.3rem; }
    body.page-about .about-final-cta h2 { color: #fff !important; }
    body.page-about .about-final-cta p { color: #e2eaf6; }
    body.page-about .about-final-cta__button { width: 100%; justify-content: center; }

    /* Contact page and all public forms. */
    body.page-contact .contact-hero { padding-block: 1.5rem 2rem; }
    body.page-contact .contact-hero__grid { grid-template-columns: 1fr; gap: 1.25rem; }
    body.page-contact .contact-hero__photo { order: -1; min-height: 245px; }
    body.page-contact .contact-hero__photo img { width: 100%; height: 245px; object-fit: cover; }
    body.page-contact .contact-hero__actions { display: grid; grid-template-columns: 1fr; gap: .65rem; }
    body.page-contact .contact-service-ribbon__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; }
    body.page-contact .contact-service-ribbon__grid > div { min-width: 0; padding: .85rem .45rem; }
    body.page-contact .contact-service-ribbon small { font-size: .62rem; line-height: 1.3; }
    body.page-contact .contact-main { padding-block: 2rem; }
    body.page-contact .contact-main__grid { grid-template-columns: 1fr; gap: 1.35rem; }
    body.page-contact .contact-info-panel,
    body.page-contact .contact-form-panel { padding: 1.1rem; border-radius: 16px; }
    body.page-contact .contact-info-card { grid-template-columns: 40px minmax(0,1fr) auto; padding: .8rem; }
    body.page-contact .contact-info-card strong { overflow-wrap: anywhere; font-size: .82rem; }
    body.page-contact .premium-contact-form__grid { grid-template-columns: 1fr; }
    body.page-contact .premium-contact-form fieldset { padding: 1rem; }
    body.page-contact .premium-contact-form__submit { width: 100%; }
    body.page-contact .contact-map-canvas { height: 320px; border-radius: 14px; }

    body.page-plan-tour .plan-builder { padding-top: 1.5rem; padding-bottom: 2.5rem; }
    body.page-plan-tour .builder-progress {
        display: flex; gap: .55rem; overflow-x: auto; padding: .35rem 0 .8rem; scrollbar-width: none;
        scroll-snap-type: x proximity;
    }
    body.page-plan-tour .builder-progress::-webkit-scrollbar { display: none; }
    body.page-plan-tour .builder-progress__step { flex: 0 0 132px; min-width: 132px; padding: .7rem; scroll-snap-align: start; }
    body.page-plan-tour .builder-layout { grid-template-columns: 1fr; gap: 1rem; }
    body.page-plan-tour .builder-main,
    body.page-plan-tour .builder-summary,
    body.page-plan-tour .builder-step { min-width: 0; padding: 1rem; border-radius: 15px; }
    body.page-plan-tour .builder-summary { position: static; order: -1; }
    body.page-plan-tour .builder-nav { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
    body.page-plan-tour .builder-nav .btn { width: 100%; }
    body.page-plan-tour .card-grid { grid-template-columns: 1fr; }

    /* Interactive Explore map and route request. */
    body.page-explore-map .explore-hero { padding-top: 2.2rem; padding-bottom: 1rem; text-align: left; }
    body.page-explore-map .explore-controls { padding-bottom: 1rem; }
    body.page-explore-map .explore-category-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: none; }
    body.page-explore-map .explore-category-filters::-webkit-scrollbar { display: none; }
    body.page-explore-map .category-chip { flex: 0 0 auto; }
    body.page-explore-map .explore-layout { grid-template-columns: 1fr; gap: .85rem; }
    body.page-explore-map .explore-map-wrap { height: 390px; border-radius: 14px; }
    body.page-explore-map .explore-panel { min-height: 0; padding: 1rem; border-radius: 14px; }
    body.page-explore-map .explore-route { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    body.page-explore-map .explore-route > div:first-child { display: block !important; }
    body.page-explore-map .route-header-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: .8rem; }
    body.page-explore-map .explore-request-section { padding-bottom: 2rem; }
    body.page-explore-map .explore-request-card { padding: 1rem; border-radius: 15px; }
    body.page-explore-map .explore-request-grid { grid-template-columns: 1fr; }
    body.page-explore-map .explore-request-actions { display: grid; grid-template-columns: 1fr; }
    body.page-explore-map .explore-request-actions .btn { width: 100%; }
    body.page-explore-map .district-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
    body.page-explore-map .district-list__item { padding: .75rem; font-size: .78rem; line-height: 1.35; }

    /* Reviews, legal and unclassified content pages. */
    body.site:not(.page-home) .reviews-grid { gap: 1rem; margin-top: 1.25rem; }
    body.site:not(.page-home) .review-card { padding: 1.1rem; }
    body.site:not(.page-home) .review-card__content { font-size: .9rem; }
    body.site:not(.page-home) #main-content > .container[style] { max-width: none !important; padding: 1.8rem var(--mobile-edge) 2.6rem !important; }

    /* Prevent long content, tables and embeds from breaking the viewport. */
    body.site:not(.page-home) table { display: block; width: 100%; overflow-x: auto; white-space: nowrap; }
    body.site:not(.page-home) iframe,
    body.site:not(.page-home) video { max-width: 100%; }
    body.site:not(.page-home) :is(a,p,li,strong,span) { overflow-wrap: break-word; }
}

@media (max-width: 430px) {
    body.site:not(.page-home) { --mobile-edge: 15px; }
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero),
    body.site:not(.page-home) :is(.destinations-hero,.activities-hero,.tours-hero,.fleet-hero,.chauffeur-hero,.gallery-hero) > .container {
        min-height: 365px;
    }
    body.page-gallery .gallery-full-grid { gap: 6px; }
    body.page-tour-detail .tour-detail__hero,
    body.page-tour-detail .tour-detail__hero-inner { min-height: 500px; }
    body.page-about .about-signatures__grid strong,
    body.page-contact .contact-service-ribbon strong { font-size: .72rem; }
    body.page-plan-tour .builder-nav { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    body.site:not(.page-home) *,
    body.site:not(.page-home) *::before,
    body.site:not(.page-home) *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}