.roadside-section{max-width:1240px;padding-top:65px;padding-bottom:70px}.roadside-shop{position:relative;margin-top:70px;padding:105px 38px 0;background:repeating-linear-gradient(0deg,#cca184 0,#dcb498 83px,#a67d60 84px,#efd0b5 88px);border:17px solid #bb6733;border-top-width:10px;border-radius:18px 18px 25px 25px;box-shadow:inset 7px 0 #e89b58,inset -7px 0 #984b26,0 9px #854b2c,0 17px 28px #58401824}.shop-canopy{position:absolute;left:-34px;right:-34px;top:-37px;height:111px;background:repeating-linear-gradient(100deg,#f4462b 0,#f4462b 63px,#fff5d9 63px,#fff5d9 126px);border-radius:12px 12px 28px 28px;box-shadow:inset 0 9px #ffffff30,inset 0 -13px #0000000d,0 7px 0 #86432955;transform:perspective(400px) rotateX(9deg);border-bottom:3px solid #dba77a}.shop-name{position:absolute;top:-17px;left:50%;transform:translateX(-50%) rotate(-1deg);z-index:2;width:max-content;max-width:85%;padding:14px 38px;text-align:center;color:#fffbea;font:800 32px/1.2 var(--display);text-shadow:2px 2px 0 #51371e,-1px -1px 0 #51371e,1px -1px 0 #51371e,-1px 1px 0 #51371e;letter-spacing:-.4px;background:linear-gradient(165deg,#edcc93 0,#e0b778 46%,#c69350 47%,#dbb278 90%);border:5px solid #f5d69c;border-bottom-color:#bd8147;box-shadow:0 6px #975c30;border-radius:3px}.shop-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px;padding-bottom:32px}.shop-slot{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 15px 21px;min-width:0;background:repeating-linear-gradient(90deg,#efbd4f 0,#f5ca65 30px,#d7a139 32px,#f8d67c 35px);border:8px solid #f6d385;border-top:12px solid #e6b25a;border-bottom:15px solid #f7d578;box-shadow:inset 0 6px 8px #9f6b2638,inset 4px 0 #bb893840,0 6px #b68a45,0 10px 8px #64452535;transform:perspective(800px) rotateX(3deg);transition:transform .18s,filter .18s;border-radius:3px 3px 5px 5px}.shop-slot:before{content:'';position:absolute;left:-8px;right:-8px;bottom:-8px;height:4px;background:#dca843;box-shadow:0 3px #ffe59b}.shop-slot:hover{transform:translateY(-5px) rotate(-1deg);filter:brightness(1.06)}.shop-slot:active{transform:translateY(3px)}.shop-slot:focus-visible{outline:4px solid #22758d;outline-offset:8px}.slot-art{width:170px;max-width:90%;height:134px;display:grid;place-items:center}.slot-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #ffffff38)}.shop-slot h3{font-size:24px;color:#6c4b26;text-shadow:0 1px #ffecaa;line-height:1.08;margin-top:4px}.shop-slot p{font-size:11px;font-weight:800;color:#775125;margin:8px 0 13px}.slot-link{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:auto;background:linear-gradient(#fff5c5,#ffe29a);border:2px solid #fff0b3;border-radius:8px;box-shadow:0 3px #c58e36;padding:5px 14px;font-size:11px;font-weight:900;color:#735028}.slot-link b{font-size:18px}.shop-base{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -30px;padding:16px 25px;background:linear-gradient(#efd0ad,#d7a880);border-top:5px solid #f5d8b6;color:#6f482a;border-radius:0 0 9px 9px;font-size:11px;font-weight:900}.shop-base>span{letter-spacing:1.5px;font-size:10px}.shop-base a{text-decoration:underline;text-underline-offset:4px}.detail-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;padding:55px 0 75px}.detail-hero h1{font-size:60px;margin:15px 0}.detail-hero p{margin:15px 0}.detail-hero .button{margin-top:16px}.detail-tagline{font-size:23px;font-weight:800;color:#698637}.detail-item{background:repeating-linear-gradient(90deg,#efbd4f 0,#f5ca65 48px,#d7a139 50px,#f8d67c 53px);border:14px solid #f6d385;border-bottom-width:25px;box-shadow:0 8px #ba8b45;transform:rotate(3deg);border-radius:10px;padding:30px}.detail-item img{width:100%;height:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-grid article{padding:28px}.detail-grid h3{margin-top:10px;font-size:25px}.detail-next{text-align:center;max-width:700px;margin:75px auto 15px}.detail-next p{margin:20px 0}.detail-next .text-link{display:block;margin-top:25px}.service-detail .button{white-space:normal;text-align:center}
@media(max-width:760px){.roadside-section{padding-left:20px;padding-right:20px}.roadside-shop{padding:85px 17px 0;border-width:11px;margin-top:55px}.shop-canopy{left:-21px;right:-21px;height:92px;background:repeating-linear-gradient(100deg,#f4462b 0,#f4462b 39px,#fff5d9 39px,#fff5d9 78px)}.shop-name{font-size:23px;padding:12px 20px;top:-22px;max-width:94%;width:90%}.shop-shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 16px}.shop-slot{padding:6px 9px 15px;border-left-width:6px;border-right-width:6px}.slot-art{width:135px;height:105px}.shop-slot h3{font-size:21px}.shop-slot p{font-size:10px}.shop-base{margin:0 -12px;padding:15px 10px;flex-direction:column;gap:6px;text-align:center;font-size:10px}.detail-hero{grid-template-columns:1fr;gap:35px;padding:35px 0 55px}.detail-hero h1{font-size:44px}.detail-item{max-width:290px;width:100%;margin:auto}.detail-grid{grid-template-columns:1fr}.detail-next h2{font-size:34px}}
@media(max-width:400px){.roadside-section{padding-left:12px;padding-right:12px}.roadside-shop{padding-left:10px;padding-right:10px}.shop-shelves{gap:19px 10px}.shop-slot{padding-left:5px;padding-right:5px}.shop-slot h3{font-size:18px}.shop-slot p{font-size:10px;line-height:1.4}.slot-art{height:90px}.slot-link{font-size:10px;padding:4px 8px;gap:8px}.shop-name{font-size:21px;padding:12px 10px}.shop-base{margin:0 -5px}}