/* Original layout is retained in style.css. RIVA brand and readable controls only. */
:root{--navy:#111;--navy-deep:#080808;--navy-mid:#2c2c2c;--green:#191919;--forest:#333;--gold:#aaa;--white:#fff;--cream:#f5f5f5;--beige:#ddd;--beige-light:#eee;--sage:#888;font-size:16px}
html,body{background:#111}
.menu-shell{background:linear-gradient(165deg,#fff,#f5f5f5 48%,#e8e8e8)}
.brand-logo,.side-menu-logo{aspect-ratio:1600/653;object-fit:contain;mix-blend-mode:screen}
.brand-area .brand-lockup p{font-size:12px;letter-spacing:.22em;margin:10px 0 18px;color:#fff}
.brand-area .brand-lockup,.brand-area .welcome,.brand-area .intro,.brand-area .gold-rule{z-index:2}
.brand-area{background:#111 url('../images/riva-coffee-pour.webp') center/cover no-repeat}
.brand-area .hero-video-shade{background:linear-gradient(180deg,#0005,#0002 35%,#000c)}
.brand-area .welcome{color:#fff;font-size:28px}.brand-area .intro{font-size:13px;line-height:1.4}
.gold-rule i{background:#ddd}.gold-rule b{color:#fff}
.category-card>i{background:linear-gradient(180deg,transparent 25%,#111c 72%,#111)}
.category-card strong{font-size:12px}.category-icon{color:#fff}
.product-card-info>strong{font-size:12px;line-height:1.2}.product-meta>small{font-size:12px}
.section-heading h3{font-size:18px}.section-heading a{font-size:12px}
.campaign small,.campaign span>b,.campaign u{font-size:12px}.campaign strong{line-height:1.05}
.campaign strong em{color:#fff}.campaign>i{background:linear-gradient(90deg,#111e,#1118 66%,#1112)}
.info-box span small,.info-box span strong,.wifi-button span small,.wifi-button span strong{font-size:12px;line-height:1.45}
.thanks{font-size:12px;line-height:1.5}.section-empty{width:100%;min-height:110px;margin:0;display:grid;place-items:center;padding:20px;border:1px dashed #aaa;border-radius:14px;color:#626262;background:#fff;font-size:14px;text-align:center}
.side-menu{background:linear-gradient(160deg,#222,#111 72%);color:#fff}.side-menu nav a{font-size:15px}.side-menu>p,.side-actions a{font-size:13px;color:#ddd}.side-menu nav span{color:#ddd}
.survey-fab{background:linear-gradient(145deg,#333,#111);color:#fff}.survey-fab small{font-size:10px;letter-spacing:.03em}
.survey-card{background:linear-gradient(155deg,#fff,#f5f5f5);color:#191919}.survey-card>header>span{background:#222}.survey-card header small{font-size:12px;color:#626262}.survey-card h3{font-size:26px}
.survey-card>p{font-size:14px}.survey-card form>label,.survey-two-col label,.rating-field legend{font-size:14px}.survey-card input,.survey-card textarea{font-size:16px}.survey-card .survey-consent{font-size:12px}.survey-submit{font-size:15px;background:#111;min-height:46px}.survey-submit.loading{font-size:0}
.rating-stars label{color:#777}.rating-stars label small{font-size:12px}.rating-stars input:checked+label{background:#111;border-color:#111;color:#fff}.rating-stars input:checked+label small{color:#fff}
.subpage,.subpage .panel-inner{background:#f5f5f5;color:#191919}.subpage .panel-inner{min-height:100dvh}
.category-description,.detail-description,.detail-list{font-size:16px}.subcategory-card small,.category-product small,.subcategory-card em,.category-product em,.panel-header small{font-size:12px}.subcategory-card strong,.category-product strong{font-size:17px}
.detail-price{font-size:21px;font-weight:600}.food-information-head small,.food-card-title>span,.allergen-row>b,.allergen-tags span,.allergen-tags em,.allergen-reference summary,.allergen-reference span,.nutrition-grid dt,.nutrition-grid dd small,.nutrition-source b,.nutrition-source span,.nutrition-source small,.food-warning,.verification-badge{font-size:12px;line-height:1.45}.food-info-card>p{font-size:14px}.food-info-card h4{font-size:16px}.food-information-head h3{font-size:19px}.nutrition-grid dd{font-size:16px}
.events-intro small,.events-heading span,.event-image>span small,.event-image>em,.event-content>small,.event-meta span,.event-content summary{font-size:12px}.events-intro p,.event-content>p,.event-content details p,.event-content>a,.events-empty span{font-size:14px}.events-empty b{font-size:16px}
.qr-modal h3{font-size:28px}.qr-modal p,.qr-address{font-size:13px}.qr-modal #qr-empty{max-width:260px;line-height:1.5;text-align:center}.qr-address{max-width:275px;overflow-wrap:anywhere}.toast{font-size:14px}
.connection-banner{padding:14px;background:#fff;color:#191919;border:1px solid #888;border-radius:12px;font-size:14px}
:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #111;outline-offset:3px}.brand-area :focus-visible,.side-menu :focus-visible,.image-lightbox :focus-visible{outline-color:#fff}.search-box input:focus-visible{outline:2px solid #111;outline-offset:2px}
@media(max-width:370px){.brand-lockup{width:208px}.brand-area .brand-lockup p{font-size:11px}.info-box{padding-left:3px;padding-right:3px}.info-box span strong{overflow-wrap:anywhere}.food-information-head{flex-direction:column}}

/* RIVA katalog kart yerleşimi. */
.product-card{position:relative}