/* Mise en page compacte réservée aux téléphones. Chargée après les styles propres à chaque page. */
.site-footer>div:nth-of-type(2) p span{display:block}
@media(max-width:600px){
  .hero-slider-controls{display:none!important}

  .activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-inline:-10px}
  .activity{min-height:0;height:100%;border-radius:10px}
  .activity-content{height:100%;padding:12px 9px;display:flex;flex-direction:column}
  .activity .eyebrow{font-size:8px;line-height:1.3;letter-spacing:.07em;margin-bottom:8px}
  .activity h2{font-size:clamp(18px,4.7vw,24px);line-height:1.05;margin:0 0 7px}
  .activity p:not(.eyebrow){font-size:10px;line-height:1.4;margin:6px 0 8px}
  .activity ul{font-size:9px;line-height:1.45;margin:0 0 9px}
  .activity li:before{width:13px;height:13px;min-width:13px;min-height:13px;margin-right:5px;border-radius:3px;font-size:9px}
  .activity ul small{margin-left:18px;font-size:8px;line-height:1.25}
  .activity .button{width:100%;min-height:36px;margin-top:auto;padding:8px 5px;font-size:9px;line-height:1.25;white-space:normal;gap:4px}
  .activity .button svg{width:14px;height:14px}

  .benefits{padding:7px 0 9px;gap:6px}
  .benefits article{flex-basis:120px;min-height:92px;padding:7px 6px}
  .benefits .round-icon{width:26px;height:26px;min-width:26px;min-height:26px;margin-bottom:3px;border-width:1px}
  .benefits .round-icon svg{width:14px;height:14px;min-width:14px;min-height:14px}
  .benefits h3{font-size:10px;line-height:1.15;margin:3px 0}
  .benefits p{font-size:9px;line-height:1.2}
  .why{margin-top:8px}
  .why>h2{font-size:16px;line-height:1.2;margin:10px 0 13px}
  .why>h2:after{bottom:-6px;width:28px;height:2px;left:calc(50% - 14px)}
  .why-grid{gap:7px;padding:0 12px 7px}
  .why article{flex-basis:142px;min-height:0;padding:7px 6px;border-radius:9px}
  .why article>svg{width:19px;height:19px;min-width:19px;min-height:19px;margin-bottom:1px}
  .why h3{font-size:9px;line-height:1.15;margin:3px 0}
  .why p{font-size:9px;line-height:1.2}

  .inner-page{padding:21px 16px}
  .about-page>.story,.about-page>.purpose,.about-page>.about-section,.about-page>.references{margin:44px 0}
  .about-page>#histoire{margin-top:24px}
  .about-page>.inner-cta{margin:44px 0 8px}
  .inner-page p{font-size:13px;line-height:1.6}
  .inner-page h2{font-size:22px;line-height:1.2;margin:8px 0 13px}
  .inner-page h3{font-size:15px;margin-bottom:8px}
  .page-intro{padding:28px 18px 32px}
  .page-intro .eyebrow{font-size:10px;margin-bottom:8px}
  .page-intro h1{font-size:clamp(28px,8vw,34px);line-height:1.08;margin:12px 0}
  .page-intro>p:last-child{font-size:13px;line-height:1.55}
  .story,.team{gap:15px}
  .story>img,.team>img{height:215px;border-radius:12px}
  .purpose{margin:22px 0;gap:12px;padding:17px;border-radius:12px}
  .purpose h2{font-size:20px;margin:7px 0 10px}
  .about-section,.references,.founder-section{margin:28px 0}
  .values-grid,.expertise-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
  .values-grid article,.expertise-grid article{padding:13px;border-radius:10px}
  .values-grid p,.expertise-grid p{font-size:11px;line-height:1.45}
  .founder-section{gap:13px}
  .founder-identity{padding:17px;border-radius:12px}
  .founder-identity h2{font-size:24px}
  .founder-motto{margin-top:13px;padding-top:12px;font-size:16px}
  .references>h2{font-size:20px}
  .about-page .client-names{gap:8px}
  .about-page .client-names>span{padding:9px 7px;font-size:11px}
  .about-page .client-names>span>img{width:72px;height:52px}
  .brand-story>div{padding:17px}
  .brand-story img{height:200px}
  .inner-cta{margin:28px 0 8px}
  .inner-cta h2{font-size:21px}
  .contact-layout{gap:18px}
  .contact-info article{padding:14px 0 7px}
  .contact-info article h3{font-size:14px;margin-bottom:7px}
  .contact-info article p{font-size:12px;margin:5px 0}
  .contact-number{font-size:18px}
  .feedback-card{padding:18px 15px;border-radius:13px}
  .feedback-card h2{font-size:22px}
  .feedback-card label{margin:14px 0 6px}
  .feedback-card input,.feedback-card select,.feedback-card textarea{padding:10px;font-size:16px}

  .service-jumps{gap:7px;margin-bottom:24px}
  .service-jumps a{font-size:11px;padding:9px 12px}
  .service-detail,.service-detail.reverse{gap:16px;padding-bottom:24px;margin-bottom:24px}
  .service-visual img{height:220px;border-radius:12px}
  .service-visual>span{font-size:9px;padding:10px;left:10px;right:10px;bottom:10px}
  .service-copy h2{font-size:24px;margin:8px 0 12px}
  .service-copy h3{font-size:14px;margin:15px 0 9px}
  .service-supports{gap:6px}
  .service-supports li{font-size:11px;padding:7px 9px}
  .service-copy .service-use{font-size:12px;margin:14px 0}
  .object-panel{padding:17px;border-radius:12px}
  .object-panel h2{font-size:24px;margin:14px 0}
  .object-list{gap:7px;margin:17px 0}
  .object-list span{font-size:12px;padding:11px 7px}
  .service-process>div{gap:9px}
  .service-process article{padding:15px;border-radius:11px}
  .service-process article>span{width:32px;height:32px;margin-bottom:9px;font-size:12px}
  .service-process h3{font-size:15px}
  .service-process p{font-size:12px;line-height:1.5}

  .gallery-intro{padding-top:26px;padding-bottom:26px}
  .gallery-photo{border-radius:9px}
  .portfolio-heading{gap:4px}
  .portfolio-heading h2{font-size:21px}
  .portfolio-heading>p{font-size:12px;white-space:normal}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .project-card{border-radius:10px}
  .project-caption{padding:11px}
  .project-caption>p{font-size:9px;margin-bottom:6px}
  .project-caption h2{font-size:14px;margin-bottom:6px}
  .project-caption>div{font-size:11px;line-height:1.45}
  .zoom-label{bottom:7px;right:7px;padding:6px 8px;font-size:9px;gap:6px}
  .zoom-label span{font-size:14px}
  .portfolio-cta{margin-top:25px;padding:17px;gap:9px;border-radius:12px}
  .portfolio-cta p{font-size:12px;line-height:1.5;margin:0}
  .portfolio-cta .button{font-size:11px;padding:11px 13px}

  .collection-hero{min-height:0}
  .collection-hero>div:first-child{padding:22px 16px}
  .collection-hero h1{font-size:32px;margin:12px 0}
  .collection-hero p:not(.eyebrow){font-size:13px;line-height:1.5;margin:11px 0 14px}
  .collection-hero-photos>img{height:205px;min-height:0}
  .collection-hero-photos>span{font-size:11px;padding:9px 12px;bottom:10px}
  .bundle-banner{padding:15px;border-radius:10px;gap:12px}
  .bundle-banner>div>strong{font-size:15px}
  .bundle-banner p{font-size:11px;line-height:1.5}
  .bundle-examples{gap:9px}
  .bundle-examples span{font-size:10px;padding-left:10px}
  .bundle-examples strong{font-size:16px;margin-top:5px}
  .catalog-heading{gap:9px}
  .catalog-heading h2{font-size:20px}
  .catalog-filters{gap:8px;margin:15px 0}
  .catalog-filters label{min-width:130px;font-size:11px}
  .catalog-filters input,.catalog-filters select{padding:9px;font-size:13px}
  .catalog-grid{gap:8px}
  .shop-product{border-radius:9px}
  .shop-product-image{aspect-ratio:7/6}
  .shop-product>div{padding:7px}
  .shop-product h2{font-size:12px;line-height:1.25;margin:0 0 4px;min-height:0}
  .shop-product .shop-category{font-size:8px;margin-bottom:4px}
  .shop-product .shop-price{font-size:13px!important;margin-bottom:4px}
  .shop-card-note{font-size:10px!important;line-height:1.4!important;min-height:0;margin-bottom:8px}
  .shop-product .button{font-size:10px;padding:8px 7px;min-height:36px}
  .collection-tabs{gap:5px;margin:18px 0 8px}
  .collection-tabs button{font-size:10px;padding:8px 10px;min-height:40px}
  .load-more{margin:22px 0}
  .load-more .button{font-size:11px;padding:12px 17px}
  .delivery-promise{padding:11px;margin:13px 0}
  .delivery-promise>strong{font-size:13px;line-height:1.4}
  .delivery-promise p{font-size:11px;line-height:1.5;margin-top:6px}
  .delivery-promise .delivery-deadline{margin-top:9px;padding-top:8px}
  .delivery-deadline small{font-size:10px}

  .site-footer{grid-template-columns:1fr;gap:9px;padding:17px 14px 12px}
  .site-footer>div:nth-of-type(2),.site-footer>div:nth-of-type(3){grid-column:1/-1}
  .site-footer h2{font-size:13px;margin:0 0 4px}
  .site-footer>div:nth-of-type(2) a,.site-footer>div:nth-of-type(2) p{white-space:nowrap;font-size:11px;line-height:1.35;margin:0 0 3px}
  .site-footer>div:nth-of-type(2) p span{display:inline}
  .site-footer>div:nth-of-type(2) p span+span:before{content:' '}
  .site-footer>div:nth-of-type(3) p,.site-footer>div:nth-of-type(3) a{font-size:10px;line-height:1.35;margin:0 0 3px}
  .footer-brand{gap:9px}
  .footer-brand img{width:72px}
  .footer-bottom{padding-top:8px}
}
@media(max-width:380px){
  .project-grid{grid-template-columns:1fr}
}